PHP: $data1 = "1"; if ($data1 == "1") "document.getElementById('11').style.display = 'none'";?> почему не работает?
tommyangelo, может быть чувак хотел сделать так: PHP: <?php $data1 = "1"; if($data1 == "1") echo "document.getElementById('11').style.display = 'none'"; ?> Gennadiy, хватит экономить на сайте! Наймите программиста уже! =)
PHP: <?php $data1 = "1"; if($data1 == "1") echo "document.getElementById('table').style.display = 'none'"; ?> нужно спрятать таблицу с ID table, а в таком варианте просто выдаеться текст document.getElementById('table').style.display = 'none'
Gennadiy В хедер запихни Код (Text): <script type="text/javascript"> <?php $data1 = "1"; if($data1 == "1") echo "document.getElementById('table').style.display = 'none'"; ?> </script>
хорошо а еще вопрос! как сделать что бы взависимости от выбранного выпадающего списка показывался тот или итой ID?
Не, это php динамически генерирует javaScript А это уже чисто на javaScript. Конечно, можно сделать и с перезагрузкой страницы (на php), но это уже извращения. Нужно написать функцию на js, которая будет принимать как аргумент id элемента, который надо отобразить и отображать его (а остальные прятать). При выборе того или иного выпадающего списка вызывать эту функцию с необходимым аргументом.
Например, так HTML: <html> <head> <script language="JavaScript" type="text/javascript"> function showElement(id) { var ids = Array('first', 'second', 'third'); document.getElementById(id).style.display = 'block'; var cnt = ids.length; for(i = 0; i < cnt; i++) { if(ids[i] != id) document.getElementById(ids[i]).style.display = 'none'; } } </script> </head> <body> <a href="javascript:showElement('first')">First table</a> <a href="javascript:showElement('second')">Second table</a> <a href="javascript:showElement('third')">Third table</a> <table id="first" style="display: none;"> <tr> <td>It is</td> <td>first table</td> </tr> <tr> <td>row 2 col 1</td> <td>row 2 col 2</td> </tr> </table> <table id="second" style="display: none;"> <tr> <td>It is</td> <td>second table</td> </tr> <tr> <td>row 2 col 1</td> <td>row 2 col 2</td> </tr> </table> <table id="third" style="display: none;"> <tr> <td>It is</td> <td>third table</td> </tr> <tr> <td>row 2 col 1</td> <td>row 2 col 2</td> </tr> </table> </body> </html>
Включить голову для начала. Например перенести Код (Text): <a href="javascript:showElement('first')">First table</a> туда куда нужно или заменить на то что нужно.