resurs

Я тоже не знаю Вот все коды скрипты условий файл say.html <script language="javaScript"> <!-- javaScript function pr (form) { //Если не заполнено поле if ((form.name.value=="")||(form.email.value=="")||(form.message.value=="")) { //Выводим грозное сообщение alert("Все поля обязательны для заполнения!"); //Возврощаем лож return false; } //Если заполнены все поля else { //Возвращаем правду return true; } } // - javaScript - --> </script> <!——————————> <script language="javascript"> <!-- javaScript function checkEmail(inputvalue) { var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/; //Если емайл введен if(pattern.test(inputvalue)) { //Возвращаем правду return true; } //Если емайл не введен else { //Выводим на экран сообщение alert("Вы неверно заполнили поле email!"); //Возвращаем ложь return false; } } // - javaScript - --></script> форма файл say.html <form name="order_form" action="send.php" method="post" name="f1" onSubmit="return pr(order_form)"> <p class="tx1">Введите имя:<br> <input type="text" name="name" class="in1" onFocus="this.style.background='#efedfc'" onBlur="this.style.background='#ffffff'"></p> <p class="tx1">Введите email:<br> <input type="text" name="email" class="in1" onFocus="this.style.background='#efedfc'" onBlur="this.style.background='#ffffff'"></p> <p class="tx1">Введите сообщение:<br> <textarea name="message" rows="5" cols="35" class="ta1" onFocus="this.style.background='#edeafb'" onBlur="this.style.background='#ffffff'"></textarea> <input class="bt1" type="submit" value="Отправить" onClick="return checkEmail(document.order_form.email.value)"></p> </form> обработчик файл send.php <?php if (isset($_POST['$name'])) {$name = $_POST['$name'];} if (isset($_POST['$email'])) {$email = $_POST['$email'];} if (isset($_POST['$message'])) {$message = $_POST['$message'];} $address = 'resurs@thebat.net'; $sub = "Мастер класс"; $mes = "Автор назвался: $name \nУказал свой адрес: $email \nСодержание письма: $message"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = windows-1251\r\nFrom:$email"); if ($verify == 'true') { echo "<p>Сообщение отправлено"; } else { echo "<p>Сообщение не отправлено"; } ?> Ваш пример я проверял работает он как я описал в предыдущем сообщении. Вообще не врублюсь зачем там фрейм. Ладно утро ночи мудреней… Спокойной ночи.

У Вас исчезает не форма. А наоборот реализованы еще три не нужных момента: 1. исчезает страница сайта- этого не надо 2. открывается чистая страница- этого не надо 3. появляется сообщение- это не надо Надо чтобы «пропала» форма на странице сайта, и все. В место этого { echo "<p>Сообщение отправлено"; } else { echo "<p>Сообщение не отправлено"; } Надо это { Форма на странице сайта исчезла, пропала, испарилась. } else { Форма на странице сайта исчезла, пропала, испарилась. } Данный атрибут style="display:none;" дает такую возможность. Как его реализовать?

Не… Крутой наворот с исчезновением страницы и открытие новой страницы с сообщением. Мне кажется рисунок дает наглядно что мне нужно У меня в боди стоят проверочные скрипты с выводом сообщений заполнены ли поля правильно введен ли емайл и так далее. Не надо дополнительных наворотов. Условие в обработчике это условие корректной оправке сообщения, оно не проверяет заполнение полей, мне это и не надо. Данное условие необходимо переделать, чтобы пропадала форма, но не страница, без перехода на другую страницу. Данное условие в обработчике на данный момент трактуется так: Если сообщение отправлен и сервер его принял то выходит сообщение «Cообщение отправлено» Если что-то с инетом или сервером то выходит предупреждающее сообщение «Сообщение не отправлено» вот это мне и не надо. Мне надо чтобы вместо этих сообщений исчезала форма, и все. Как реализовать то что обозначено жирным ? { /* Имя форм: order_form */ /* Атрибут который делает форму не видимой: style="display:none;" */ } else { /* Имя форм: order_form */ /* Атрибут который делает форму не видимой: style="display:none;" */ }

В том то и дело что не знаю. А то что я там накалякал, это попытка сказать как я хотел что бы было. Данное условие обработчика изначально выглядит так: { echo "<p>Сообщение отправлено"; } else { echo "<p>Сообщение не отправлено"; } То есть если все нормально открывается страница с текстом «сообщение отправляется» Если что-то не правильно открывается страница с текстом что «сообщение не отправляется» Тут все ясно. Я хочу переделать условие. То есть если сообщение отправляется то форма становится не видимой (мне так надо) Атрибут style="display:none;" делает форму не видимой. Я для проверки вставлял его в тег form затем обновлял страницу и форма пропадала. Ну как это сделать в условии обработчика не знаю. Или нужно написать скрипт, назначить ему переменную, вставить его в тело боди, а затем переменную вставить в условие обработчика...

На разных страницах Форма в html Обработчик в php

Обработчик php нужен. Типа как у меня http://forum.htmlbook.ru/index.php?showtopic=32990&view=findpost&p=247217

Здравствуйте Файл say.html имеет форму: <form name="order_form" action="send.php" method="post" name="f1" onSubmit="return pr(order_form)"> <!--……--> </form> Как посредством php, после отправке сообщения, сделать форму не видимой, на странице браузера. <?php if (isset($_POST['$name'])) {$name = $_POST['$name'];} if (isset($_POST['$email'])) {$email = $_POST['$email'];} if (isset($_POST['$message'])) {$message = $_POST['$message'];} $address = 'resurs@thebat.net'; $sub = "Мастер класс"; $mes = "Автор назвался: $name \nУказал свой адрес: $email \nСодержание письма: $message"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = windows-1251\r\nFrom:$email"); if ($verify == 'true') { /* Имя форм: order_form */ /* Атрибут который делает форму не видимой: style="display:none;" */ } else { /* Имя форм: order_form */ /* Атрибут который делает форму не видимой: style="display:none;" */ } ?>

Я думаю, что мешает меню <div class="sidebar" id="sideLeft">. Убирая меню с <div id="container"> все отображается корректно, но возникает вопрос как теперь выставить меню с левого края на против прокрутки...

С float: right помимо того что текст, с прокруткой, уходит в низ, он еще и уходит влево. margin-left мне кажется трогать нельзя. Если текст без прокрутки вставить в теги <div id="content"> то отображается корректно. А вот с прокруткой уходит в низ. Тут надо как то прокрутку зафиксировать в <div id="content"> Заголовок та не уходит, он зафиксирован в content #content h1 { margin: 25px; font-weight: bold; color: #333; margin-left: 20px; font-size: 20px; }

Пока работаю с локальным сервером, а затем проверяю на всех браузерах.

http://savepic.su/1341086.htm Ребята кто сможет подправить код для ie6...

Проблема в ie6 остальные передовые браузеры отображают корректно.

Пройдите по ссылке, которая в самом начале. Там на рисунке показано, что текст, с прокруткой отображается не корректно, то есть он уходит по вертикали в низ. Да забыл сказать, что в ie6 выходит такой сбой. Теперь пройдите по ссылке, которая внизу. Здесь на картинке показано как нужно.

Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <div id="header"> <img src="img/header.jpg" width="900" height="138" /><!-- Рисунок шапка --> </div><!-- #header--> <div id="middle"> <div id="container"> <div class="sidebar" id="sideLeft"> <h1>СОДЕРЖАНИЕ</h1><!-- Содержание меню --> <ul><!-- Меню начало --> <li><a href="1.html">01.</a></li> <li><a href="2.html">02.</a></li> <li><a href="3.html">03.</a></li> <li><a href="4.html">04.</a></li> <li><a href="5.html">05.</a></li> <li><a href="6. html " class="notopbrdr0xNone">06.</a></li></ul><!-- Меню конец --> </div><!-- .sidebar#sideLeft --> <div id="content"> <h1>ЗАГАЛОВОК</h1><!-- Заголовок текста --> <div id="target" style="overflow: auto; height: 860px;"><!-- Текст и рисунки с прокруткой --> <p><img src="img/1/IMG_01.jpg" width="570" height="428" /> <p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст <p><img src="img/1/IMG_01.jpg" width="570" height="428" /> <p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div id><!-- #target--><!-- Конец текста и рисунков с прокруткой --> <div id="pagiantion"><a href="2.html">Следующая страница</a></div><!-- Переход по страницам --> </div><!-- #content--> </div><!-- #container--> <div style="clear: both;"> </div> </div><!-- #middle --> <div id="footer"> <img src="img/footer.jpg" width="900" height="40" /><!-- Рисунок нижнего колонтитула --> </div><!-- #footer --> </div><!-- #wrapper --> </body> </html> Экспериментировал c таблицей CSS не получилось html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } body { font: 12px Verdana, sans-serif; width: 100%; background-color: #f7f5e3; color: #17181A; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #start { width: 409px; height: 499px; margin: 25px auto; } #start a { border: none; } #start p { text-align: center; font-family: Verdana; font-size: 11px; color:#333; } #wrapper { width: 900px; margin: 0 auto; border: 1px solid #EDE4A3; background-color: #fff; } /* Header —————————————————————————--*/ #header { height: 138px; background: #FFE680; } /* Middle —————————————————————————--*/ #middle { width: 100%; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { margin-left: 270px; padding-top: 0; padding-right: 0; padding-bottom: 0; } #content h1 { margin: 25px; font-weight: bold; color: #333; margin-left: 20px; font-size: 20px; } #content p { margin: 20px; } /* Sidebar Left —————————————————————————--*/ #sideLeft li { display: inline; } * html #sideLeft a { height: 1px; } #sideLeft ul { list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; } #sideLeft h1{ font-size: 20px; font-weight: bold; color: #cc3300; text-align: center; margin-top: 10px; margin-right: 25px; margin-bottom: 25px; margin-left: 25px; } #sideLeft { width: 230px; margin: 15px; float:left; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FF0000; border-right-color: #FF0000; border-bottom-color: #FF0000; border-left-color: #FF0000; } #sideLeft li a { text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #CC3300; } #sideLeft .notopbrdr0xNone { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #sideLeft li a:link, #sideLeft li a:visited { color: #CC3300; display: block; background-color: #FFFFFF; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 10px; } #sideLeft li a:hover { color: #FFFFFF; background: #CC3300; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 10px; } /* Footer —————————————————————————--*/ #footer { height: 40px; background: #BFF08E; } #pagiantion { margin: 40px; text-align: center; } #pagiantion a { font-size: 20px; text-decoration: underline; color:#08A9BD; } Для лучшего понимания ссылка на рисунок, и два кода HTML и CSS находятся в одной паке. Надо что бы было так. http://savepic.su/1357469.htm