[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: скрытое содержимое!ONCLICK & CHECKED
Igor
blush.gif Сразу Sorry! где-то тут увидел этот скрипт и скопировал, потом искал (для продолжения темы) но не нашол... пишу ТУТ! blush.gif

скрипт:
Код
<input type=Radio name=t0 onclick="hide('info0');" value=cash> не показывать <br>  
<input type=Radio name=t0 onclick="show('info0');" value=cred  CLASS=expandable child=info0> показывать <br>  
<DIV ID=info0 style="display:none;">  скрытое содержимое   </div>


идея такая: формеруется страничка и если Radio отмечен CHECKEDом то скрипт должен показать скрытое содержимое, а если не отмечен то не показывать до тех пор, пока не нажмёшь на Radio (показать)!
Другими словами нужно чтоб скрипт проверял отмечен radio CHECKEDом если да то Скрыть/показать! А этот скрипт реагирует только на "onclick"! sad.gif


Вот:
Код
<input type=Radio name=t0 onclick="hide('info0');" value=cash <?if($cfg2[0]==0) {echo"CHECKED";};?> > не показывать <br>  
<input type=Radio name=t0 onclick="show('info0');" value=cred  CLASS=expandable child=info0 <?if($cfg2[0]==1) {echo"CHECKED";};?>> показывать <br>  
<DIV ID=info0 style="display:none;">  скрытое содержимое   </div>


есть решения этой проблемы? bc.gif
а ещё лучше еслиб было так: отмечен(CHECKED) чекбокс - показано скрытое сообщение, снял CHECKED - скрытое сообщение стало скрытым!



Спустя 4 часа, 49 минут, 19 секунд (8.11.2007 - 18:42) Gosha_84 написал(а):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ejemplo</title>
</head>

<body>
<form id="form3" name="form3" method="post" action="">
formulario 1<input name="opcion" type="radio" value="radiobutton" onclick="document.getElementById('f1').style.display='block';document.getElementById('f2').style.display='none';" />
formulario 2
<input name="opcion" type="radio" onclick="document.getElementById('f1').style.display='none';document.getElementById('f2').style.display='block';" />
</form>
<div id="f1" style="display:none"><form id="form1" name="form1" method="post" action="procesar1.php">
<input name="nombre" type="text" id="nombre" />
<input type="submit" name="Submit" value="Enviar" />
</form></div>
<div id="f2" style="display:none"><form id="form2" name="form2" method="post" action="procesar2.php">
<textarea name="mensaje" rows="5" id="mensaje"></textarea>
<input type="submit" name="Submit2" value="Enviar" />
</form></div>
</body>
</html>

Спустя 16 часов, 39 минут, 47 секунд (9.11.2007 - 11:22) Igor написал(а):
Цитата(Gosha_84 @ 8.11.2007, 15:42) [snapback]29082[/snapback]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ejemplo</title>
</head>

<body>
<form id="form3" name="form3" method="post" action="">
formulario 1<input name="opcion" type="radio" value="radiobutton" onclick="document.getElementById('f1').style.display='block';document.getElementById('f2').style.display='none';" />
formulario 2
<input name="opcion" type="radio" onclick="document.getElementById('f1').style.display='none';document.getElementById('f2').style.display='block';" />
</form>
<div id="f1" style="display:none"><form id="form1" name="form1" method="post" action="procesar1.php">
<input name="nombre" type="text" id="nombre" />
<input type="submit" name="Submit" value="Enviar" />
</form></div>
<div id="f2" style="display:none"><form id="form2" name="form2" method="post" action="procesar2.php">
<textarea name="mensaje" rows="5" id="mensaje"></textarea>
<input type="submit" name="Submit2" value="Enviar" />
</form></div>
</body>
</html>


Не подходит.. crying.gif нужно чтоб ещё на "CHECKED" реагировал скрипт, а он только на "onclick"! Но всёравно спасибо! smile.gif

Спустя 1 час, 42 минуты, 32 секунды (9.11.2007 - 13:05) bret написал(а):
А если в onclick переключателей засунуть функцию, которая будет проверять их состояние и соответсвенно скрывать/отображать слой7 И запускать эту функцию также в onload

Спустя 8 минут, 47 секунд (9.11.2007 - 13:13) Igor написал(а):
Цитата(bret @ 9.11.2007, 10:05) [snapback]29097[/snapback]
А если в onclick переключателей засунуть функцию, которая будет проверять их состояние и соответсвенно скрывать/отображать слой7 И запускать эту функцию также в onload


Вот-вот! только я о томже! ты лучше сформулировал! Просто еслиб я знал как это замутить, то сюда не стал бы писать!
я понимаю что нужна функция проверки, вопрос как она выглядит! blush.gif
И что значит: "запускать эту функцию также в onload" я в javascript не бум-бум! blush.gif

Спустя 2 дня, 1 час, 11 минут, 14 секунд (11.11.2007 - 14:25) bret написал(а):
Код
<html>
<head>
<title>Скрытое</title>
<script type='text/javascript'>
<!--
function show_hide()
{
var v = "";
var t = document.forma.opcion;
for(var i=0; i<t.length; i++)
  if(t[i].checked)
   v = t[i].value;
if(v=="show")
  document.getElementById('f1').style.display='block';
else
  document.getElementById('f1').style.display='none';
}
//-->
</script>
</head>
<body onload="show_hide();">
<form name="forma">
<input name="opcion" type="radio" value="show" onclick="show_hide();" /> Показывать<br />
<input name="opcion" type="radio" value="hide" onclick="show_hide();" /> Не показывать
</form>
<div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое</p></div>
</body>
</html>

Спустя 7 часов, 16 минут, 53 секунды (11.11.2007 - 21:41) mazahaka написал(а):
а ели попроще не вижу смысла ставить for

Код
<html>
<head>
<title>Скрытое</title>
<script type='text/javascript'>
<!--
function show_hide(n){
    if (n=='on'){
      document.getElementById('f1').style.display='block';
    }  
    if (n=='off'){  
          document.getElementById('f1').style.display='none';
      }
}
//-->
</script>
</head>
<body onload="show_hide();">
<form name="forma">
<input name="opcion" type="radio" value="show" onclick="show_hide('on');" /> Показывать<br />
<input name="opcion" type="radio" value="hide" onclick="show_hide('off');" checked/> Не показывать
</form>
<div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое</p></div>
</body>
</html>

Спустя 1 час, 8 минут, 4 секунды (11.11.2007 - 22:50) AKS написал(а):
Цитата(mazahaka @ 12.11.2007, 0:41) [snapback]29171[/snapback]
а ели попроще не вижу смысла ставить for

Код
<input name="opcion" type="radio" value="show" onclick="show_hide('on');" /> Показывать<br />
<input name="opcion" type="radio" value="hide" onclick="show_hide('off');" checked/> Не показывать


В таком случае тут напрашивается 'block'/'none' вместо 'on'/'off'...

Спустя 11 часов, 18 минут, 15 секунд (12.11.2007 - 10:08) mazahaka написал(а):
Цитата(AKS @ 11.11.2007, 19:50) [snapback]29176[/snapback]
Цитата(mazahaka @ 12.11.2007, 0:41) [snapback]29171[/snapback]
а ели попроще не вижу смысла ставить for

Код
<input name="opcion" type="radio" value="show" onclick="show_hide('on');" /> Показывать<br />
<input name="opcion" type="radio" value="hide" onclick="show_hide('off');" checked/> Не показывать


В таком случае тут напрашивается 'block'/'none' вместо 'on'/'off'...


Хорошо smile.gif

Код
<html>
<head>
<title>Скрытое</title>
&lt;script type='text/javascript'>
<!--
function show_hide(n){
      document.getElementById('f1').style.display=n;
}
//-->
</script>
</head>
<body> // убрал
<form name="forma">
<input name="opcion" type="radio" value="show" onclick="show_hide('block');" /> Показывать<br />
<input name="opcion" type="radio" value="hide" onclick="show_hide('none');" checked/> Не показывать
</form>
<div id="f1" style="display:none; background-color: red"><p>Скрытое</p><p>содержимое</p></div>
</body>
</html>

Спустя 3 часа, 36 минут, 19 секунд (12.11.2007 - 13:44) Igor написал(а):
clapping.gif Спасибо! rolleyes.gif rolleyes.gif rolleyes.gif

Спустя 9 часов, 14 минут, 19 секунд (12.11.2007 - 22:58) bret написал(а):
Хм, а это
Код
<body onload="show_hide();">

по-вашему не будет ругаться7

Спустя 1 день, 10 часов, 18 минут, 28 секунд (14.11.2007 - 09:17) mazahaka написал(а):
Цитата(bret @ 12.11.2007, 19:58) [snapback]29219[/snapback]
Хм, а это
Код
<body onload="show_hide();">

по-вашему не будет ругаться7


У меня не изругалась! но лучше убрать конечно

Спустя 1 день, 14 часов, 56 минут, 12 секунд (16.11.2007 - 00:13) bret написал(а):
Цитата
идея такая: формеруется страничка и если Radio отмечен CHECKEDом то скрипт должен показать скрытое содержимое, а если не отмечен то не показывать до тех пор, пока не нажмёшь на Radio (показать)!

Если убрать "онлоад", то при открытии страницы функция не запустится, а значит слой не будет отбражён, даже если соответствующий переключатель установлен.
Кстати, тут оптимальнее юзать флажок smile.gif


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.