VPF::innerhtml неработает в firefox или может функция

xber9

Дата 11.10.2012, 12:24 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 21.1.2007

Репутация: нет
Всего: нет

народ привет
есть такая js функция

Код


function ch2(a){

switch (a){
    
    case '0':
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
     document.getElementById('container4').style.display='none'

        break
    case '1':
         if(document.forms[0].razdel.options[document.forms[0].razdel.selectedIndex].value=="1"){

     document.getElementById('container2').innerHTML="Ник.</br><input name=\"T\" type=\"text\" onchange=\"ch4()\" /> "
         }else{
     document.getElementById('container2').innerHTML="Текст.</br><input name=\"T\" type=\"text\" onchange=\"ch4()\" /> "
             
             }
     document.getElementById('container3').style.display='none'
     if(document.forms[0].razdel.options[document.forms[0].razdel.selectedIndex].value!="1"){
     document.getElementById('container4').style.display='block'
          
     }else{
     document.getElementById('container4').style.display='none'

         
         }
    break
    case '2':
     document.getElementById('container2').innerHTML="Текст.</br><input name=\"T\"  type=\"text\" onchange=\"ch4()\"/> <div> <input type=\"checkbox\" name=\"Nom\" onchange=\"ch4()\"/>Без названия</DIV>"
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    case '3':
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='block'
document.getElementById('container4').style.display='none'

    break
    }
}

вызываю ее при изменении списка

Код


<tr>
 <td style="  padding: 0px; border: 0px; ">
  <span id="container"  > 
   <select id="find_at" style="width:100%"   name="find_at" size="5"  onchange="ch2(this.options[this.selectedIndex].value)">
    <option value="0" selected="selected">Выбрать</option>
    <option value="1">Автор</option>
    <option value="2">Название</option>
    <option  value="3">Когда добавлено    </option>
   </select> 
  </span>
 </td>
</tr>

в хроме и IE работает нормально
а вот мазила в веб консоли пишет что ch не определена и почему то указывает на 1ую строку документа хотя функция не на 1ой строке

[12:58:39.614] ReferenceError: ch2 is not defined @ http://intermos.ru/search.php:1

подскадите что надо поправить

Это сообщение отредактировал(а) Aliance - 12.10.2012, 10:33

xber9

Дата 11.10.2012, 15:39 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 21.1.2007

Репутация: нет
Всего: нет

вот весь док если кому надо

Код

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"><head>
    <!--
    Created by Artisteer v3.1.0.48375
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <title>Поиск по сайту
</title>
    <meta name="description" content="Интересная Москва">
    <meta name="keywords" content="Интересная Москва">



    <link rel="stylesheet" href="style.css" type="text/css" media="screen">
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
<link type="text/css" href="mySctpts/jq/css/redmond/jquery-ui-1.8.24.custom.css" rel="stylesheet">

<script src="mySctpts/jq/js/jquery-1.8.2.min.js" type="text/javascript"></script>

<script src="mySctpts/jq/js/jquery-ui-1.8.24.custom.min.js" type="text/javascript"></script>

<script src="mySctpts/jq/development-bundle/ui/i18n/jquery.ui.datepicker-ru.js" type="text/javascript"></script>

</head><body>



<div id="art-page-background-glare-wrapper">
    <div id="art-page-background-glare"></div>
</div>
<div id="art-main">
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner">
                <div class="art-logo">
                                 <h1 class="art-logo-name"><a href="../index.php">Интересная Москва</a></h1>
                                                </div>
                </div>
            </div>
        </div>
        
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body">
            <div class="art-layout-wrapper">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-sidebar1">
<div class="art-box art-vmenublock">
    <div class="art-box-body art-vmenublock-body">
                <div class="art-box art-vmenublockcontent">
                    <div class="art-box-body art-vmenublockcontent-body">
                <ul class="art-vmenu">
    <li>
        <a href="/index.php">Главная</a>
    </li>
    <li>
        <a href="/interest.php">Это интересно</a>

    </li>
    <li>
        <a href="/Creation.php">Творчество</a>

                <ul>
            <li>
                <a href="/Creation/song.php">Песни</a>


            </li>
            <li>
                <a href="/Creation/poetry-2.php">Стихи</a>

            </li>
            <li>
                <a href="/Creation/Other.php">Прочее</a>

            </li>
        </ul>
    </li>
        <li>
        <a href="/search.php" class="active">Поиск по сайту</a>
    </li>
    <li>
        <a href="/Forum.php">Форум</a>

    </li>
    <li>
        <a href="/GostKniga.php">Гост. Книга</a>
    </li>
    <li>
        <a href="/Contacts.php">Контакты</a>
    </li>
    
<!--
    <li>
        <a href="/php.html">PHP</a>
    </li>      --> 
</ul>

                                     <div class="cleared"></div>
                    </div>
                </div>
        <div class="cleared"></div>

    </div>
</div>
<div class="art-box art-block">
    <div class="art-box-body art-block-body">
                <div class="art-bar art-blockheader">
                    <h3 class="t">Погода</h3>
                </div>
                <div class="art-box art-blockcontent">
                    <div class="art-box-body art-blockcontent-body">
                <table cellpadding="0" cellspacing="0" width="160" style="border:solid 1px #557c9b;font-family:Arial;font-size:11px;background-color:#3a739c">
    <tbody>
        <tr>
            <td>
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td width="8" height="30" background="http://rp5.ru/informer/htmlinfa/topshl.png" bgcolor="#557C9B"></td>

                            <td width="*" align="center" background="http://rp5.ru/informer/htmlinfa/topsh.png" bgcolor="#557C9B"><a style="color:#0d0d0d; font-family:Arial;font-size: 12px;" href="http://rp5.ru/5483/ru"><b>Москва</b></a></td>

                            <td width="8" height="30" background="http://rp5.ru/informer/htmlinfa/topshr.png" bgcolor="#557C9B">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>

        <tr>
            <td valign="top" style="padding:0;"><iframe src="http://rp5.ru/htmla.php?id=5483&amp;lang=ru&amp;um=00000&amp;bg=%233a739c&amp;ft=%230d0d0d&amp;fc=%23557c9b&amp;c=%23000000&amp;f=Arial&amp;s=11&amp;sc=2" width="100%" height="156" frameborder="0" scrolling="no" style="margin:0;"></iframe></td>
        </tr>
    </tbody>
</table>                
                                     <div class="cleared"></div>
                    </div>
                </div>
        <div class="cleared"></div>
    </div>
</div>
                          <div class="cleared"></div>
                        </div>
                        <div class="art-layout-cell art-content" style="height: auto; ">
<div class="art-box art-post">
    <div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
                                <h2 class="art-postheader"><span class="art-postheadericon">Поиск по сайту
                                </span></h2>
                                                <div class="art-postcontent">
<div class="art-content-layout layout-item-0">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-1" style="width: 100%;">
        <div class="art-content-layout">
            <div class="art-content-layout-row">
                <div class="art-layout-cell layout-item-old-0" style="width: 100%;">
<script language="javascript" type="text/jscript">

var str0="<select style=\"width:100%\"  name=\"find_at\" size=\"5\"  onchange=\"ch2(this.options[this.selectedIndex].value)\"><option value=\"0\" selected=\"selected\">Выбрать</option>      <option value=\"1\">Автор</option>      <option value=\"2\">Название</option>      <option value=\"3\">Когда добавлено </option> </select>  ";
var str1="<select style=\"width:100%\"   name=\"find_at\" size=\"5\"  onchange=\"ch2(this.options[this.selectedIndex].value)\"><option value=\"0\" selected=\"selected\">Выбрать</option>      <option value=\"2\">Название</option>      <option value=\"3\">Когда добавлено </option>   </select>";
function ch(a){

switch (a){
    
    case '0':
     document.getElementById('container').innerHTML=str0
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    case '1':
     document.getElementById('container').innerHTML=str0
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    case '2':
     document.getElementById('container').innerHTML=str0
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    case '3':
     document.getElementById('container').innerHTML=str0
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    case '4':
     document.getElementById('container').innerHTML=str2
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    case '5':
     document.getElementById('container').innerHTML=str1
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    
    }
}

function ch2(a){

switch (a){
    
    case '0':
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='none'
     document.getElementById('container4').style.display='none'

        break
    case '1':
         if(document.forms[0].razdel.options[document.forms[0].razdel.selectedIndex].value=="1"){

     document.getElementById('container2').innerHTML="Ник.</br><input name=\"T\" type=\"text\" onchange=\"ch4()\" /> "
         }else{
     document.getElementById('container2').innerHTML="Текст.</br><input name=\"T\" type=\"text\" onchange=\"ch4()\" /> "
             
             }
     document.getElementById('container3').style.display='none'
     if(document.forms[0].razdel.options[document.forms[0].razdel.selectedIndex].value!="1"){
     document.getElementById('container4').style.display='block'
          
     }else{
     document.getElementById('container4').style.display='none'

         
         }
    break
    case '2':
     document.getElementById('container2').innerHTML="Текст.</br><input name=\"T\"  type=\"text\" onchange=\"ch4()\"/> <div> <input type=\"checkbox\" name=\"Nom\" onchange=\"ch4()\"/>Без названия</DIV>"
     document.getElementById('container3').style.display='none'
document.getElementById('container4').style.display='none'

    break
    case '3':
     document.getElementById('container2').innerHTML=""
     document.getElementById('container3').style.display='block'
document.getElementById('container4').style.display='none'

    break
    }
}

$(function(){
  $.datepicker.setDefaults(
        $.extend($.datepicker.regional["ru"])
  );
  $("#datepicker").datepicker({dateFormat: 'yy-mm-dd'});
});
$(function(){
  $.datepicker.setDefaults(
        $.extend($.datepicker.regional["ru"])
  );
  $("#datepicker2").datepicker({dateFormat: 'yy-mm-dd'});
});


function chek(){
    if(document.forms[0].T!==undefined ){
    if (document.forms[0].T.value!=""){
        document.forms[0].submit();
        }
        else {
            if(document.forms[0].Nom!=undefined ){


            if(document.forms[0].Nom.checked){
        document.forms[0].submit();
        
                }else{
                alert("Не задано условие поиска");}    
                }
                
                else{
                alert("Не задано условие поиска");}
        }
    }
else{
if(document.forms[0].C.value!="" && document.forms[0].PO.value!=""){
        document.forms[0].submit();
}
                else{
                alert("Не задано условие поиска");}

}    
    
}
    function ch4(){
        if(document.forms[0].T.value!=""){
            document.forms[0].Nom.disabled=1;
        }else {document.forms[0].Nom.disabled=0;}
        
        if(document.forms[0].Nom.checked){
            document.forms[0].T.disabled=1;
        }else {document.forms[0].T.disabled=0;}
            
            
            }
        
function f1 (a){
    document.g.poety_id.value=a;
    document.g.submit();
    }
        
    
function f2 (a){
    if(document.getElementById(a).style.display=='none'){
        
        document.getElementById(a).style.display='block';
        }else{
            document.getElementById(a).style.display='none';
            }
    }
    
</script>

<div style="text-align:center">

<form action="#" method="post" style="text-align:center"> 
<table width="100%" border="0" style="margin:auto;">
  <tbody><tr>
    <th scope="col">Раздел</th>
    <th scope="col">Параметр</th>
    <th scope="col">Условие</th>
  </tr>
  <tr>
    <td><span><select style="width:100%" name="razdel" size="5" onChange="ch(this.options[this.selectedIndex].value)">
      <option value="0" selected="selected">Все разделы</option>
      <option value="1">Статьи </option>
      <option value="2">Творчество</option>
      <option value="3">|- Стихи</option>
      <option value="4">|-Музыка</option>
      <option value="5">|-Разное</option>
    </select></span></td>
        <td>  <table width="100%" border="0">
  <tbody><tr>
    <td style="  padding: 0px; border: 0px; "><span id="container"> <select id="find_at" style="width:100%" name="find_at" size="5" onChange="ch2(this.options[this.selectedIndex].value)">
      <option value="0" selected="selected">Выбрать</option>
      <option value="1">Автор</option>
      <option value="2">Название</option>
      <option value="3">Когда добавлено    </option>
     </select> 
     
        </span></td>
    <td style="  padding: 0px; border: 0px; "> 
<span id="container4" style="  display:none;  margin-left:5px"> 
         <select id="find_at2" style="width:100% " name="find_at2" size="5">
      <option value="0" selected="selected">Везде</option>
      <option value="1">Фамилия</option>
      <option value="2">Имя</option>
      <option value="3">Отчество </option>
     </select> </span></td>
  </tr>
</tbody></table></td>
<td><span id="container2"></span> <span id="container3" style="display:none; "> Дата.<br> C: <input id="datepicker" name="C" type="text" class="hasDatepicker"><br>По: <input id="datepicker2" name="PO" type="text" class="hasDatepicker"> </span>
 </td>
  </tr>
<tr>
    <td colspan="3" style="text-align:right;">
      <span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><a href="#" class="art-button" onClick="chek()">Поиск</a></span>

    </td>
    </tr>
    

</tbody></table>
</form>
<form name="g" id="12" action="Creation/poetryShow.php" method="post">
<input type="hidden" name="poety_id" value="1">
</form>


</div>
<hr align="center" width="100%" size="2" color="#869EB6">

        
                </div>
            </div>
        </div><br>
    </div>
    </div>
</div>

                </div>
                <div class="cleared"></div>
                </div>

        <div class="cleared"></div>
    </div>
</div>

                          <div class="cleared"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cleared"></div>

                       <div class="art-footer">
                <div class="art-footer-body">
                            <div class="art-footer-text">
                                <p>Copyright © 2012.</p>
                                <div class="cleared"></div>
                                <p class="art-page-footer"></p>
                            </div>
                    <div class="cleared"></div>
                </div>
            </div>


         <div class="cleared"></div>
        </div>
    </div>
    <div class="cleared"></div>
</div>



<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div></body></html>

Это сообщение отредактировал(а) xber9 - 11.10.2012, 20:02

Aliance

Дата 12.10.2012, 10:35 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Попробуйте вынести скрипты в head-секцию.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

xber9

Дата 12.10.2012, 12:38 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 21.1.2007

Репутация: нет
Всего: нет

непомогло

xber9

Дата 12.10.2012, 13:17 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 21.1.2007

Репутация: нет
Всего: нет

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »