За последние 24 часа нас посетили 19209 программистов и 1639 роботов. Сейчас ищут 1927 программистов ...

is not defind

Тема в разделе "JavaScript и AJAX", создана пользователем Dron-Boy, 7 сен 2016.

  1. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    Пишет ф-н не определела ? в чем проблема?
    Ну вобщем вот функции:
    Код (Text):
    1.  function Tab6(tab-content){
    2.                     document.getElementById('tab-content').style.display = "block";
    3.                     document.getElementById('tab-content2').style.display = "none";
    4.                     document.getElementById('tab-content3').style.display = "none";
    5.                     document.getElementById('tab-content4').style.display = "none";
    6.                     document.getElementById('tab-content5').style.display = "none";
    7.                 }
    8.                      function Tab7(tab-content2){
    9.                     document.getElementsByClassName('tab-content').style.display = "none";
    10.                     document.getElementsByClassName('tab-content2').style.display = "block";
    11.                     document.getElementsByClassName('tab-content3').style.display = "none";
    12.                     document.getElementsByClassName('tab-content4').style.display = "none";
    13.                     document.getElementsByClassName('tab-content5').style.display = "none";
    14.                 }
    15.                      function Tab8(tab-content3){
    16.                     document.getElementsByClassName('tab-content').style.display = "none";
    17.                     document.getElementsByClassName('tab-content2').style.display = "none";
    18.                     document.getElementsByClassName('tab-content3').style.display = "block";
    19.                     document.getElementsByClassName('tab-content4').style.display = "none";
    20.                     document.getElementsByClassName('tab-content5').style.display = "none";
    21.                 }
    22.                      function Tab9(tab-content4){
    23.                     document.getElementsByClassName('tab-content').style.display = "none";
    24.                     document.getElementsByClassName('tab-content2').style.display = "none";
    25.                     document.getElementsByClassName('tab-content3').style.display = "none";
    26.                     document.getElementsByClassName('tab-content4').style.display = "block";
    27.                     document.getElementsByClassName('tab-content5').style.display = "none";
    28.                 }
    а вот где онклик :
    Код (Text):
    1. <li>
    2.                                 <input type="radio" name="tabs" id="tab-1">
    3.                                 <label for="tab-1" onclick="Tab6(tab-content)">Дизайн</label>
    4.                              </li>
    5.                             <li>
    6.                                 <input type="radio" name="tabs" id="tab-2">
    7.                                 <label for="tab-2" onclick="Tab7(tab-content2)">Разработка</label>
    8.                             </li>
    9.                             <li>
    10.                                 <input type="radio" name="tabs" id="tab-3">
    11.                                 <label for="tab-3"  onclick="Tab8(tab-content3)">Продвижение</label>
    12.                                            
    13.                             </li>
    14.                             <li>
    15.                                 <input type="radio" name="tabs" id="tab-4" >
    16.                                 <label for="tab-4" onclick="Tab9(tab-content4)">Аналитика</label>
    17.                             </li>
     
    #1 Dron-Boy, 7 сен 2016
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.799
    Симпатии:
    1.331
    Адрес:
    Лень
    ну начнем с того что
    <label for="tab-4" onclick="Tab9(tab-content4)">Аналитика</label>
    tab-content4 - это что? переменная? если нет - почему не в кавычках одинарных? и смысл ее если во функции дальше в никуда не течет. Так и с остальными.

    Дальше... не определенна, а эти функции не находятся во функции?

    функция {
    tab{}
    tab{}
    tab{}
    }
     
    #2 MouseZver, 7 сен 2016
  3. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    Ну ладно с первым согласен. Щас отредактирую. Нет не находится в функции. Вот весь скрипт:
    Код (Text):
    1. <script type="text/javascript">
    2.  
    3.                 function Tabs(block){
    4.                     document.getElementById('block').style.display = "block";
    5.                     document.getElementById('block2').style.display = "none";
    6.                     document.getElementById('block3').style.display = "none";
    7.                     document.getElementById('block4').style.display = "none";
    8.                     document.getElementById('block5').style.display = "none";
    9.                 }
    10.              
    11.                  function Tabs2(block2){
    12.                     document.getElementById('block2').style.display = "block";
    13.                     document.getElementById('block').style.display = "none";
    14.                     document.getElementById('block3').style.display = "none";
    15.                     document.getElementById('block4').style.display = "none";
    16.                     document.getElementById('block5').style.display = "none";
    17.                 }
    18.              
    19.                  function Tabs3(block3){
    20.                     document.getElementById('block3').style.display = "block";
    21.                     document.getElementById('block').style.display = "none";
    22.                     document.getElementById('block2').style.display = "none";
    23.                     document.getElementById('block4').style.display = "none";
    24.                     document.getElementById('block5').style.display = "none";
    25.                 }
    26.                  function Tabs4(block4){
    27.                     document.getElementById('block4').style.display = "block";
    28.                     document.getElementById('block').style.display = "none";
    29.                     document.getElementById('block2').style.display = "none";
    30.                     document.getElementById('block3').style.display = "none";
    31.                     document.getElementById('block5').style.display = "none";
    32.                 }
    33.              
    34.                  function Tabs5(block5){
    35.                     document.getElementById('block5').style.display = "block";
    36.                     document.getElementById('block').style.display = "none";
    37.                     document.getElementById('block2').style.display = "none";
    38.                     document.getElementById('block3').style.display = "none";
    39.                     document.getElementById('block4').style.display = "none";
    40.                 }
    41.                  function menu(tab_content){
    42.                     document.getElementsByClassName('tab_content').style.display = "block";
    43.                     document.getElementsByClassName('tab_content2').style.display = "none";
    44.                     document.getElementsByClassName('tab_content3').style.display = "none";
    45.                     document.getElementsByClassName('tab_content4').style.display = "none";
    46.              
    47.                 }
    48.                      function menu1(tab_content2){
    49.                     document.getElementsByClassName('tab_content').style.display = "none";
    50.                     document.getElementsByClassName('tab_content2').style.display = "block";
    51.                     document.getElementsByClassName('tab_content3').style.display = "none";
    52.                     document.getElementsByClassName('tab_content4').style.display = "none";
    53.              
    54.                 }
    55.                      function menu2(tab_content3){
    56.                     document.getElementsByClassName('tab_content').style.display = "none";
    57.                     document.getElementsByClassName('tab_content2').style.display = "none";
    58.                     document.getElementsByClassName('tab_content3').style.display = "block";
    59.                     document.getElementsByClassName('tab_content4').style.display = "none";
    60.                
    61.                 }
    62.                      function menu3(tab_content4){
    63.                     document.getElementsByClassName('tab_content').style.display = "none";
    64.                     document.getElementsByClassName('tab_content2').style.display = "none";
    65.                     document.getElementsByClassName('tab_content3').style.display = "none";
    66.                     document.getElementsByClassName('tab_content4').style.display = "block";
    67.                    
    68.                 }
    69.              
    70.              
    71.                 function Watch(block_info){
    72.                     document.getElementById('block_info').style.display = "block";
    73.                     document.getElementById('button').style.display = "none";
    74.                     document.getElementById('button2').style.display = "block";
    75.  
    76.                 }
    77.                 function Watch1(block_info){
    78.                     document.getElementById('block_info').style.display = "none";
    79.                     document.getElementById('button').style.display = "block";
    80.                     document.getElementById('button2').style.display = "none";
    81.          
    82.                 }
    83.              
    84.              
    85. </script>
    --- Добавлено ---
    убрал. Теперь вот ругается. upload_2016-9-7_18-55-16.png
    --- Добавлено ---
    вот эти работают:
    Код (Text):
    1.   function Tabs(block){
    2.                     document.getElementById('block').style.display = "block";
    3.                     document.getElementById('block2').style.display = "none";
    4.                     document.getElementById('block3').style.display = "none";
    5.                     document.getElementById('block4').style.display = "none";
    6.                     document.getElementById('block5').style.display = "none";
    7.                 }
    8.                
    9.                  function Tabs2(block2){
    10.                     document.getElementById('block2').style.display = "block";
    11.                     document.getElementById('block').style.display = "none";
    12.                     document.getElementById('block3').style.display = "none";
    13.                     document.getElementById('block4').style.display = "none";
    14.                     document.getElementById('block5').style.display = "none";
    15.                 }
    16.                
    17.                  function Tabs3(block3){
    18.                     document.getElementById('block3').style.display = "block";
    19.                     document.getElementById('block').style.display = "none";
    20.                     document.getElementById('block2').style.display = "none";
    21.                     document.getElementById('block4').style.display = "none";
    22.                     document.getElementById('block5').style.display = "none";
    23.                 }
    24.                  function Tabs4(block4){
    25.                     document.getElementById('block4').style.display = "block";
    26.                     document.getElementById('block').style.display = "none";
    27.                     document.getElementById('block2').style.display = "none";
    28.                     document.getElementById('block3').style.display = "none";
    29.                     document.getElementById('block5').style.display = "none";
    30.                 }
    31.                
    32.                  function Tabs5(block5){
    33.                     document.getElementById('block5').style.display = "block";
    34.                     document.getElementById('block').style.display = "none";
    35.                     document.getElementById('block2').style.display = "none";
    36.                     document.getElementById('block3').style.display = "none";
    37.                     document.getElementById('block4').style.display = "none";
    38.                 }
    а те с какими проблема написаны по тому же принципу но не работают
     
    #3 Dron-Boy, 7 сен 2016
  4. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.799
    Симпатии:
    1.331
    Адрес:
    Лень
    а почему такая ошибка исходит у которых проблема с классами?
     
    #4 MouseZver, 7 сен 2016
    Dron-Boy нравится это.
  5. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    вот эти работают:
    Код (Text):
    1.   function Tabs(block){
    2.                     document.getElementById('block').style.display = "block";
    3.                     document.getElementById('block2').style.display = "none";
    4.                     document.getElementById('block3').style.display = "none";
    5.                     document.getElementById('block4').style.display = "none";
    6.                     document.getElementById('block5').style.display = "none";
    7.                 }
    8.              
    9.                  function Tabs2(block2){
    10.                     document.getElementById('block2').style.display = "block";
    11.                     document.getElementById('block').style.display = "none";
    12.                     document.getElementById('block3').style.display = "none";
    13.                     document.getElementById('block4').style.display = "none";
    14.                     document.getElementById('block5').style.display = "none";
    15.                 }
    16.              
    17.                  function Tabs3(block3){
    18.                     document.getElementById('block3').style.display = "block";
    19.                     document.getElementById('block').style.display = "none";
    20.                     document.getElementById('block2').style.display = "none";
    21.                     document.getElementById('block4').style.display = "none";
    22.                     document.getElementById('block5').style.display = "none";
    23.                 }
    24.                  function Tabs4(block4){
    25.                     document.getElementById('block4').style.display = "block";
    26.                     document.getElementById('block').style.display = "none";
    27.                     document.getElementById('block2').style.display = "none";
    28.                     document.getElementById('block3').style.display = "none";
    29.                     document.getElementById('block5').style.display = "none";
    30.                 }
    31.              
    32.                  function Tabs5(block5){
    33.                     document.getElementById('block5').style.display = "block";
    34.                     document.getElementById('block').style.display = "none";
    35.                     document.getElementById('block2').style.display = "none";
    36.                     document.getElementById('block3').style.display = "none";
    37.                     document.getElementById('block4').style.display = "none";
    38.                 }
    а те с какими проблема написаны по тому же принципу но не работают


    щас опробую по id переписать
     
    #5 Dron-Boy, 7 сен 2016
  6. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.799
    Симпатии:
    1.331
    Адрес:
    Лень
    #6 MouseZver, 7 сен 2016
    Dron-Boy нравится это.
  7. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    По id работает
    --- Добавлено ---
    а можно както укоротить код что я написал? а то как то грамостко. Для таких пустяков
     
    #7 Dron-Boy, 7 сен 2016
  8. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.799
    Симпатии:
    1.331
    Адрес:
    Лень
    можно - AJAX is my love
    Код (Javascript):
    1. document.getElementById('block').style.display = "none";
    Код (Javascript):
    1. $('block').css( {'display':'none'} );
    Красиво?
    --- Добавлено ---
    но библиотеку надо аякса подключать - загугли это
     
    #8 MouseZver, 7 сен 2016
    Dron-Boy нравится это.
  9. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    ок
     
    #9 Dron-Boy, 7 сен 2016
  10. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    а аякс-то тут где?)))
     
    #10 Ganzal, 8 сен 2016
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)