Выплывающее поле
Помогите пожалуйста, кто знает!
Страница заказа. Не очень доходчивые заказчики заполняют все что можно! В результате на почте не разберешься потом. Помогите пожалуйста, если не затруднит. Нужно чтобы posZhanr, posSlova и posSobitie появлялись только при выборе любого пункта из 100, 200, 300. <select onchange="ChangeText('p1',this.valu e)" class="p-main" size="1" name="posSrok"> <option value=" "> </option> <option value="«100»">«100»</option> <option value="«200»">«200»</option> <option value="«300»">«300»</option> <option value="1 день">1 день</option> <option value="Неделя">Неделя</option> <option value="2 недели">2 недели</option> <option value="Месяц">Месяц</option> </select> <div align="left"><label class="p-main" for="posZhanr"><b></b></label> <select onchange="ChangeText('p1',this.valu e)" class="p-main" size="1" name="posZhanr"></div> <option value=" "> </option> <option value="левый">левый</option> <option value="правый">правый</option> <option value="верхний">верхний</option> <option value="нижний">нижний</option> </select> <div align="left"><label class="p-main" for="posSlova"></label> <input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div> <div align="left"><label class="p-main" for="posSobitie"></label> <input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div> Заранее благодарен. |
ну так сделай у нужных "скрываемых" элементов display: none;
а в ChangeText() проверяй this.value. если 100 или 200 или 300 — то у "скрываемых" элементов display: block; |
Цитата:
Только я не знаю как это сделать. в принципе понятно, только я скрипты не умею писать.( Напишите если не жалко!) пока сам попробую разобраться. |
Цитата:
<script> function ChangeText(a,b){ if((b==="«100»")||((b==="«200»")||(b==="«300»"))){ document.getElementById('posZhanr').style.display = 'block'; document.getElementById('posSlova').style.display = 'block'; document.getElementById('posSobitie').style.display = 'block'; } ..... ..... } </script> <style> #posZhanr, #posSlova, #posSobitie{ display: none; } </style> |
Цитата:
|
Цитата:
|
Получилось только скрыть элементы. Спасибо!
Но при выборе 100, 200 или300 не появляется posZhanr, posSlova и posSobitie. Вот так это выглядит, наверняка я что-то не так сделал. Поправьте. <script> function ChangeText(a,b){ if((b==="«100»")||((b==="«200»")||(b==="«300»"))){ document.getElementById('posZhanr').style.display = 'block'; document.getElementById('posSlova').style.display = 'block'; document.getElementById('posSobitie').style.display = 'block'; } </script> <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posSrok"> <option value=" "> </option> <option value="«100»">«100»</option> <option value="«200»">«200»</option> <option value="«300»">«300»</option> <option value="1 день">1 день</option> <option value="Неделя">Неделя</option> <option value="2 недели">2 недели</option> <option value="Месяц">Месяц</option> </select> <style>{ <div align="left"><label class="p-main" for="posZhanr"></label> <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posZhanr"></div> <option value=" "> </option> <option value="левый">левый</option> <option value="правый">правый</option> <option value="верхний">верхний</option> <option value="нижний">нижний</option> </select> <div align="left"><label class="p-main" for="posSlova"></label> <input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div> <div align="left"><label class="p-main" for="posSobitie"></label> <input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div> display: none; } </style> Премного благодарен. |
на счет и, менял, не получается.
|
найди в своих скриптах функцию ChangeText() и покажи её :)
|
конечно не и , а "b".
|
Цитата:
function ChangeText(id, cl) { var o = document.getElementById(id); if (o) |
ну вот.. в целом будет так:
function ChangeText(id, cl) { if((cl==="«100»")||((cl==="«200»")||(cl==="«300»"))){ document.getElementById('posZhanr').style.display = 'block'; document.getElementById('posSlova').style.display = 'block'; document.getElementById('posSobitie').style.display = 'block'; } var o = document.getElementById(id); два раза функцию писать не надо, просто вставьте if((cl==="«100»")||((cl==="«200»")||(cl==="«300»"))){ document.getElementById('posZhanr').style.display = 'block'; document.getElementById('posSlova').style.display = 'block'; document.getElementById('posSobitie').style.display = 'block'; } в вашу уже существующую функцию, в самое начало :) |
Сделано. (не работает) вот так:
function ChangeText(id, cl) { if((c1==="«100»")||((c1==="«200»")||(c1==="«300»"))){ document.getElementById('posZhanr').style.display = 'block'; document.getElementById('posSlova').style.display = 'block'; document.getElementById('posSobitie').style.display = 'block'; } var o = document.getElementById(id); if (o) {... Может в нижней части что не так? </select> <style>{ <div align="left"><label class="p-main" for="posZhanr"></label> <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posZhanr"></div> <option value=" "> </option> <option value="Серьезный">Серьезный</option> <option value="Юмористический">Юмористический</option> <option value="В стихах">В стихах</option> <option value="Мотивационный">Мотивационный</option> </select> <div align="left"><label class="p-main" for="posSlova"></label> <input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div> <div align="left"><label class="p-main" for="posSobitie"></label> <input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div> display: none; } </style> |
в нижней части вообще всё не так..
зачем ты заключил html код в <style>???? html вообще трогать не надо. вот как должна выглядеть страница: <html> <head> <style> #posZhanr, #posSlova, #posSobitie{ display: none; } </style> <script> function ChangeText(id, cl) { if((c1==="«100»")||((c1==="«200»")||(c1==="«300»"))){ document.getElementById('posZhanr').style.display = 'block'; document.getElementById('posSlova').style.display = 'block'; document.getElementById('posSobitie').style.display = 'block'; } var o = document.getElementById(id); if (o) ..... } </script> </head> <body> <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posSrok"> <option value=" "> </option> <option value="«100»">«100»</option> <option value="«200»">«200»</option> <option value="«300»">«300»</option> <option value="1 день">1 день</option> <option value="Неделя">Неделя</option> <option value="2 недели">2 недели</option> <option value="Месяц">Месяц</option> </select> <div align="left"><label class="p-main" for="posZhanr"><b></b></label> <select onchange="ChangeText('p1',this.valu e)" class="p-main" size="1" name="posZhanr" id="posZhanr"></div> <option value=" "> </option> <option value="левый">левый</option> <option value="правый">правый</option> <option value="верхний">верхний</option> <option value="нижний">нижний</option> </select> <div align="left"><label class="p-main" for="posSlova"></label> <input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div> <div align="left"><label class="p-main" for="posSobitie"></label> <input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div> </body> </html> |
На этой странице нет head.
|
а что там есть???
вставь тогда <style> #posZhanr, #posSlova, #posSobitie{ display: none; } </style> перед <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posSrok"> ... вот так: .... <style> #posZhanr, #posSlova, #posSobitie{ display: none; } </style> <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posSrok"> <option value=" "> </option> <option value="«100»">«100»</option> <option value="«200»">«200»</option> <option value="«300»">«300»</option> <option value="1 день">1 день</option> <option value="Неделя">Неделя</option> <option value="2 недели">2 недели</option> <option value="Месяц">Месяц</option> </select> <div align="left"><label class="p-main" for="posZhanr"><b></b></label> <select onchange="ChangeText('p1',this.valu e)" class="p-main" size="1" name="posZhanr" id="posZhanr"></div> <option value=" "> </option> <option value="левый">левый</option> <option value="правый">правый</option> <option value="верхний">верхний</option> <option value="нижний">нижний</option> </select> <div align="left"><label class="p-main" for="posSlova"></label> <input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div> <div align="left"><label class="p-main" for="posSobitie"></label> <input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div> |
Там есть <?php
сейчас вставлю перед select. |
Перед select не работает.
|
да всё прекрасно работает..
где прописаны стили для всей этой формы??? туда и вписывай. |
Вот такая страница у меня: (style уже не знаю куда вставить)
<?php include('kcaptcha/kcaptcha.php'); session_start(); require_once("config.php"); require_once("../../bd.php"); function days($mess2) { if($_POST['posDay1']){ $data=" ".$_POST['posHour1']."-".$_POST['posMin1']." "; $mess2 = $mess2."�����������".$data.";"; } if($_POST['posDay2']){ $data=" ".$_POST['posHour2']."-".$_POST['posMin2']." "; $mess2 = $mess2."�������".$data.";"; } if($_POST['posDay3']){ $data=" ".$_POST['posHour3']."-".$_POST['posMin3']." "; $mess2 = $mess2."�����".$data.";"; } if($_POST['posDay4']){ $data=" ".$_POST['posHour4']."-".$_POST['posMin4']." "; $mess2 = $mess2."�������".$data.";"; } if($_POST['posDay5']){ $data=" ".$_POST['posHour5']."-".$_POST['posMin5']." "; $mess2 = $mess2."�������".$data.";"; } return $mess2; } if ($_POST['act']== "y") { if(isset($_SESSION['captcha_keystring']) && $_SESSION['captcha_keystring'] == $_POST['keystring']) { if (isset($_POST['posName']) && $_POST['posName'] == "") { $statusError = "$errors_name"; } elseif (isset($_POST['posEmail']) && $_POST['posEmail'] == "") { $statusError = "$errors_mailfrom"; } elseif(isset($_POST['posEmail']) && !preg_match("/^([a-z,._,0-9])+@([a-z,._,0-9])+(.([a-z])+)+$/", $_POST['posEmail'])) { $statusError = "$errors_incorrect"; unset($_POST['posEmail']); } elseif (isset($_POST['posRegard']) && $_POST['posRegard'] == "") { $statusError = "$errors_subject"; } elseif (isset($_POST['posText']) && $_POST['posText'] == "") { $statusError = "$errors_message"; } elseif (!empty($_POST)) { //��������� ��� ��� $headers = "MIME-Version: 1.0\r\n"; $headers .= "Content-Type: $content charset=$charset\r\n"; $headers .= "Date: ".date("Y-m-d (H:i:s)",time())."\r\n"; $headers .= "From: \"������������ ".$_POST['posName']."\" � ����� Sunny-weeks.ru ������� ��������� \r\n"; $headers .= "X-Mailer: My Send E-mail\r\n"; //��������� ��� ��������� $headerszakaz = "MIME-Version: 1.0\r\n"; $headerszakaz .= "Content-Type: $content charset=$charset\r\n"; $headerszakaz .= "Date: ".date("Y-m-d (H:i:s)",time())."\r\n"; $headerszakaz .= "From: \"������������� ������\" <".$mailto.">\r\n"; $headerszakaz .= "X-Mailer: My Send E-mail\r\n"; if (isset($_POST['code1'])&&isset($_POST['code2'])) { $mes2 = "� ������� ������ ".$_POST['code1']." � ��������� ����� ".$_POST['code2'].", "; } else { $mes2 = " "; } $mess = "���������� ".$_POST['posName']." e-mail ".$_POST['posMail']." e-mail-card ".$_POST['posMail5']." ".$mes2." c ��������� ".$_POST['posRegard']." ������� �����: ��������� ".$_POST['posName2']." �� ������� ".$_POST['posTel']." � ����� ".$_POST['posState']." ���� ".$_POST['posLang']." ��� ��������� ".$_POST['posFloor']." ������������������ ".$_POST['posSrok']." ���� ".$_POST['posZhanr']." �������� ����� ".$_POST['posSlova']." ������� ".$_POST['posSobitie']." � "; if(strlen($_POST['posMin1'])==1) $_POST['posMin1']="0".$_POST['posMin1']; if(strlen($_POST['posMin2'])==1) $_POST['posMin2']="0".$_POST['posMin2']; if(strlen($_POST['posMin3'])==1) $_POST['posMin3']="0".$_POST['posMin3']; if(strlen($_POST['posMin4'])==1) $_POST['posMin4']="0".$_POST['posMin4']; if(strlen($_POST['posMin5'])==1) $_POST['posMin5']="0".$_POST['posMin5']; $mess = days($mess); mail("$mailto","$subject",$mess,"$headers");//���������� ��������� ��� //mail($_POST['posEmail'],"$subject","��� ����� �������: $message","$headerszakaz");//���������� ��������� ��������� unset($name, $posText, $mailto, $subject, $posRegard, $message); $statusSuccess = "$send"; } }else{ $statusError = "$captcha_error"; unset($_SESSION['captcha_keystring']); } } ?> <?php require_once "../../header.php"; ?> <tr> <td><div align="right"> <img src="../../image/logo4.png" width="334" /> <p align="center"> </p> <p align="right">��������! <br> ������ ����������� � 10:00 �� 18:00 �� ������.<br> ������ ���������� � ������ �����, <br> ����� �������������� �� ��������� �����. </p> <br> <script type="text/javascript"> </script> <div align="right"><textarea name="textarea" cols=30 rows=14 readonly="readonly" class="p-main2" > ������ ���� - ����� ����������� ���! 1. �������� </textarea></div> </br> </br> </br> </br> </br> </br> </br> <p align="center"> </p> <div align="center"><img src="../../image/clock.png" width="150" /></div> <p align="center"> </p> </div></td> <td><div align="justify"></div></td> <td> <?php if ($_POST['selfCC']) { ?> <span align = "left" class="style2"> ��� ����� �������. </br> �������� ������, ���� �� �� ������������ ����� ����� ������. </span> <br> <?php $f=0; if ($_POST['code']) { $query = "SELECT * FROM kod WHERE code='".$_POST['code']."' AND number!=111"; $result = mysql_query($query) or die("Query failed"); if (mysql_num_rows($result)>0) { $row = mysql_fetch_assoc($result); if ($row['number']<6) { $query2 = "UPDATE kod SET number=number+1 WHERE code='".$_POST['code']."' "; $result2 = mysql_query($query2) or die("Query2 failed"); $messg = "��� ��� ������!"; if ($_POST['posSrok']=="1 ����") $out_summ = 34.50; elseif($_POST['posSrok']=="������") $out_summ = 149.50; elseif ($_POST['posSrok']=="2 ������") $out_summ = 225.00; elseif ($_POST['posSrok']=="�����") $out_summ = 350.00; elseif ($_POST['posSrok']=="����������� �����") $out_summ = 100.00; $f=1; } else { $messg = "��� ��� ������������� ����� 5 ���."; } } else { $messg = "��� �������! ��������, �� �������� ��� ������ ����, ��������� � ������� ��� ������."; } } $mes = "��, ".$_POST['posName'].", �������� ����� ��������� ������ �������� � ������ ".$_POST['posName2']." �� ������ ".$_POST['posState']." ������ ".$_POST['posSrok']." � "; $mes = days($mes); echo "<span class='p-main'>".$mes."</span>"; echo "</br>"; echo "<span class='p-main'>".$messg."</span>"; // ��������������� ���������� (�����, ������ #1) // registration info (login, password #1) $mrh_login = "sunnyweeks"; $mrh_pass1 = "1235qwet"; // ����� ������ // number of order //$inv_id = 0; // �������� ������ // order description $inv_desc = "������ '����� ���������'"; // ����� ������ if($f==0) { // sum of order if ($_POST['posSrok']=="1 ����") $out_summ = 69.00; elseif($_POST['posSrok']=="������") $out_summ = 299.00; elseif ($_POST['posSrok']=="2 ������") $out_summ = 450.00; elseif ($_POST['posSrok']=="�����") $out_summ = 700.00; elseif ($_POST['posSrok']=="����������� �����") $out_summ = 200.00; elseif ($_POST['posSrok']=="���������� 5�") $out_summ = 600.00; elseif ($_POST['posSrok']=="���������� 10�") $out_summ = 1100.00; } // ��� ������ // code of goods $shp_item = 1; // ������������ ������ ������� // default payment e-currency //$in_curr = "PCR"; //$in_curr = "RUR"; // ���� // language $culture = "ru"; // ��������� // encoding $encoding = "cp1251"; //$encoding = "utf-8"; // ������������ ������� // generate signature $crc = md5("$mrh_login:$out_summ:$inv_id:$mrh_pass1:Shp_item=$shp_item"); // HTML-�������� � ������ // ROBOKASSA HTML-page echo "<div align='left'>"; print "<form action='https://merchant.roboxchange.com/Index.aspx' method=POST>". ..... |
....
"<input type=hidden name=MrchLogin value=$mrh_login>". "<input type=hidden name=OutSum value=$out_summ>". "<input type=hidden name=InvId value=$inv_id>". "<input type=hidden name=Desc value='$inv_desc'>". "<input type=hidden name=SignatureValue value=$crc>". "<input type=hidden name=Shp_item value='$shp_item'>". "<input type=hidden name=IncCurrLabel value=$in_curr>". "<input type=hidden name=Culture value=$culture>". "<input type=submit value='��������'>". "</form>"; echo "</div>"; } else { ?> <p id="emailSuccess"> <strong style="color:green;"><?php echo "$statusSuccess" ?></strong> </p> <p id="emailError"><strong style="color:red;"><?php echo "$statusError" ?></strong></p> <span class="p-main"> <br/> </span> <br/> <div id="contactFormArea"> <script type="text/javascript"> function agreeForm(f) { if (f.posDay1.checked) { f.posMin1.disabled = 0 f.posHour1.disabled = 0 }else { f.posHour1.disabled = 1 f.posMin1.disabled = 1 } if (f.posDay2.checked) { f.posMin2.disabled = 0 f.posHour2.disabled = 0 }else { f.posHour2.disabled = 1 f.posMin2.disabled = 1 } if (f.posDay3.checked) { f.posMin3.disabled = 0 f.posHour3.disabled = 0 }else { f.posHour3.disabled = 1 f.posMin3.disabled = 1 } if (f.posDay4.checked) { f.posMin4.disabled = 0 f.posHour4.disabled = 0 }else { f.posHour4.disabled = 1 f.posMin4.disabled = 1 } if (f.posDay5.checked) { f.posMin5.disabled = 0 f.posHour5.disabled = 0 }else { f.posHour5.disabled = 1 f.posMin5.disabled = 1 } } function ChangeText(id, cl) { if((cl==="����������� �����")||((cl==="���������� 5�")||(cl==="���������� 10�"))){ document.getElementById('posZhanr').style.display = 'block'; document.getElementById('posSlova').style.display = 'block'; document.getElementById('posSobitie').style.display = 'block'; var o = document.getElementById(id); if (o) { if (cl="1 ����") { o.text = "���� - 69 ���."; } if (cl="������") { o.text = "���� - 299 ���."; } if (cl="2 ������") { o.text = "���� - 450 ���."; } if (cl="�����") { o.text = "���� - 700 ���."; } if (cl="����������� �����") { o.text = "���� - 200 ���."; } if (cl="���������� 5�") { o.text = "���� - 600 ���."; } if (cl="���������� 10�") { o.text = "���� - 1100 ���."; } } o.style.color = cl; } </script> <form action="./" method="post" name="contact_form" id="cForm" onsubmit="return validate_form ( );"> <input type="hidden" name="act" value="y" /> <fieldset> <label class="p-main" for="posName"><b>���� ������� ��� ��������:</b></label> <input class="text" type="text" size="25" name="posName" id="posName" /> <label class="p-main" for="posMail"><b>��� e-mail:</b></label> <input class="text" type="text" size="25" name="posMail" id="posMail" /> <label class="p-main" for="posMail5"><b><acronym title="����������� ������ ��� ������ ����������� ����� � �����������">E-mail ��� ��������:</acronym></b></label> <input class="text" type="text" size="25" name="posMail5" id="posMail5" /> <label class="p-main" for="posName"><b>��� ���������� � ��������, �������� ������:</b></label> <input class="text" type="text" size="25" name="posName2" id="posName2" /> <label class="p-main" for="posRegard"><b>��� �������:</b></label> <input class="text" type="text" size="25" name="posRegard" id="posRegard" /> <label class="p-main" for="posRegard"><b>����� ��������, ���� ������:</b></label> <input class="text" type="text" size="25" name="posTel" id="posTel" /> <label class="p-main" for="posState"><b>�����, ���� ������:</b></label> <input class="text" type="text" size="25" name="posState" id="posState" /> <label class="p-main" for="posLang"><b>������� ���� (�������, ����������):</b></label> <input class="text" type="text" size="25" name="posLang" id="posLang" /> <label class="p-main" for="posFloor"><b>������� ��� ��������� (���. ��� ���.) � <acronym title=" ����������� ������ ��� ������ ������ ����������">������ �������</acronym>:</b></label> <input class="text" type="text" size="25" name="posFloor" id="posFloor" /> <label class="p-main" for="posSrok"><b>�������� ������ ������:</b></label> <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posSrok"> <option value=" "> </option> <option value="����������� �����">����������� �����</option> <option value="���������� 5�">���������� 5�</option> <option value="���������� 10�">���������� 10�</option> <option value="1 ����">1 ����</option> <option value="������">������</option> <option value="2 ������">2 ������</option> <option value="�����">�����</option> </select> <div align="left"><label class="p-main" for="posZhanr"><b><acronym title="����������� ������ ��� ������ ����������� ����� � �����������">���� ������������:</acronym></b></label> <select onchange="ChangeText('p1',this.value)" class="p-main" size="1" name="posZhanr"></div> <option value=" "> </option> <option value="���������">���������</option> <option value="��������������">��������������</option> <option value="� ������">� ������</option> <option value="�������������">�������������</option> </select> <div align="left"><label class="p-main" for="posSlova"><b><acronym title="����������� ������ ��� ������ ����������� ����� � �����������">�������� �����:</acronym></b></label> <input class="text" type="text" size="25" name="posSlova" id="posSlova" /></div> <div align="left"><label class="p-main" for="posSobitie"><b><acronym title="����������� ������ ��� ������ ����������� ����� � �����������">�������, ���� � �����:</acronym></b></label> <input class="text" type="text" size="25" name="posSobitie" id="posSobitie" /></div> </fieldset> <?php include 'kcaptcha/kcaptcha_rand.php' ?> </form> </div> <span class="p-main"> <?php } ?> </br> </br> </span> </td> <td width="130"> </td> </tr> <?php require_once "../../footer.php"; ?> |
Что делать???????????????????
__________________ в смятении ) |
Цитата:
|
Цитата:
везде оно должно работать.. |
)) спасибо за ответ!
буду разбираться. |
Часовой пояс GMT +3, время: 11:46. |