За последние 24 часа нас посетили 18932 программиста и 1638 роботов. Сейчас ищут 844 программиста ...

спрятать элемент по ID

Тема в разделе "PHP для новичков", создана пользователем Gennadiy, 6 янв 2011.

  1. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    PHP:
    1. $data1 = "1";
    2. if ($data1 == "1")  "document.getElementById('11').style.display = 'none'";?>
    почему не работает?
     
  2. tommyangelo

    tommyangelo Старожил

    С нами с:
    6 дек 2009
    Сообщения:
    2.549
    Симпатии:
    0
    Адрес:
    Мариуполь
    Gennadiy

    не путаем php и javascript
     
  3. Devzirom

    Devzirom Активный пользователь

    С нами с:
    15 фев 2009
    Сообщения:
    463
    Симпатии:
    0
    Адрес:
    Пермь
    tommyangelo, может быть чувак хотел сделать так:
    PHP:
    1.  
    2. <?php
    3. $data1 = "1";
    4.  
    5. if($data1 == "1")
    6.     echo "document.getElementById('11').style.display = 'none'";
    7. ?>
    Gennadiy, хватит экономить на сайте! Наймите программиста уже! =)
     
  4. Apple

    Apple Активный пользователь

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    Devzirom
    А у тебя-то почему единица в кавычках?
     
  5. Devzirom

    Devzirom Активный пользователь

    С нами с:
    15 фев 2009
    Сообщения:
    463
    Симпатии:
    0
    Адрес:
    Пермь
    Кстати!

    Нельзя указывать ID начинающийся с цифры!
     
  6. Devzirom

    Devzirom Активный пользователь

    С нами с:
    15 фев 2009
    Сообщения:
    463
    Симпатии:
    0
    Адрес:
    Пермь
    Как серпом по яйцам! Моя невнимательность
     
  7. tommyangelo

    tommyangelo Старожил

    С нами с:
    6 дек 2009
    Сообщения:
    2.549
    Симпатии:
    0
    Адрес:
    Мариуполь
    Devzirom

    Телепатия да, хорошо.
    Жаль быстро надоедает вот так гадать
     
  8. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    PHP:
    1. <?php
    2.  $data1 = "1";
    3.  if($data1 == "1")
    4.  echo "document.getElementById('table').style.display = 'none'";
    5.  ?>
    нужно спрятать таблицу с ID table, а в таком варианте просто выдаеться текст document.getElementById('table').style.display = 'none'
     
  9. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    Gennadiy
    а что это за код такой странный, на php даже не похожий?
     
  10. tommyangelo

    tommyangelo Старожил

    С нами с:
    6 дек 2009
    Сообщения:
    2.549
    Симпатии:
    0
    Адрес:
    Мариуполь
    Gennadiy

    В хедер запихни
    Код (Text):
    1.  
    2. <script type="text/javascript">
    3.  <?php
    4.    $data1 = "1";
    5.    if($data1 == "1")
    6.    echo "document.getElementById('table').style.display = 'none'";
    7.    ?>
    8. </script>
     
  11. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    tommyangelo
    ну вот, не дал человеку узнать что такое javascript :(
     
  12. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    о заработало! это что динамическая ява вызывает php скрипт??
     
  13. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    хорошо а еще вопрос! как сделать что бы взависимости от выбранного выпадающего списка показывался тот или итой ID?
     
  14. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    Не, это php динамически генерирует javaScript
    А это уже чисто на javaScript. Конечно, можно сделать и с перезагрузкой страницы (на php), но это уже извращения. Нужно написать функцию на js, которая будет принимать как аргумент id элемента, который надо отобразить и отображать его (а остальные прятать). При выборе того или иного выпадающего списка вызывать эту функцию с необходимым аргументом.
     
  15. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    как это сделать?
     
  16. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    Например, так
    HTML:
    1.    <head>
    2.       <script language="JavaScript" type="text/javascript">
    3.          function showElement(id) {
    4.             var ids = Array('first', 'second', 'third');
    5.             document.getElementById(id).style.display = 'block';
    6.             var cnt = ids.length;
    7.             for(i = 0; i < cnt; i++) {
    8.               if(ids[i] != id)
    9.                  document.getElementById(ids[i]).style.display = 'none';
    10.            }
    11.         }
    12.      </script>
    13.    </head>
    14.    <body>
    15.       <a href="javascript:showElement('first')">First table</a> &nbsp;
    16.       <a href="javascript:showElement('second')">Second table</a> &nbsp;
    17.       <a href="javascript:showElement('third')">Third table</a> &nbsp;
    18.       <table id="first" style="display: none;">
    19.          <tr>
    20.             <td>It is</td>
    21.             <td>first table</td>
    22.          </tr>
    23.          <tr>
    24.             <td>row 2 col 1</td>
    25.             <td>row 2 col 2</td>
    26.          </tr>
    27.       </table>
    28.       <table id="second" style="display: none;">
    29.          <tr>
    30.             <td>It is</td>
    31.             <td>second table</td>
    32.          </tr>
    33.          <tr>
    34.             <td>row 2 col 1</td>
    35.             <td>row 2 col 2</td>
    36.          </tr>
    37.       </table>
    38.       <table id="third" style="display: none;">
    39.          <tr>
    40.             <td>It is</td>
    41.             <td>third table</td>
    42.          </tr>
    43.          <tr>
    44.             <td>row 2 col 1</td>
    45.             <td>row 2 col 2</td>
    46.          </tr>
    47.       </table>
    48.    </body>
    49. </html>
     
  17. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    ого спасибо сейчас папробую!
     
  18. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    а как вызывать эти функции из выпадающего списка?
     
  19. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    Включить голову для начала. Например перенести
    Код (Text):
    1. <a href="javascript:showElement('first')">First table</a>
    туда куда нужно или заменить на то что нужно.
     
  20. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    дело в том что сам список строиться php скриптом!
     
  21. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    Ну значит вставляй нужный код (например, эту ссылку) из php скрипта, там, где строится список.
     
  22. Gennadiy

    Gennadiy Активный пользователь

    С нами с:
    24 дек 2010
    Сообщения:
    40
    Симпатии:
    0
    вставил это рядом с текстом одного из меню списка - не срабатывает!