Выплывающее поле
Помогите пожалуйста, кто знает!
Страница заказа. Не очень доходчивые заказчики заполняют все что можно! В результате на почте не разберешься потом. Помогите пожалуйста, если не затруднит. Нужно чтобы 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, время: 04:35. |