проблема с javascript

Sm1le291 · №1

Здравствуйте! Проблема в том что следующий кусок кода
if ( $(objName).css('display') == 'none' ) {
$(objName).animate({height: 'show'}, 400);
content_other.style.height='1000px'; //content_other - это div элемент, но при нажатии на кнопку его высота не меняется
работает корректно везде кроме FireFox(пробовал и 3 и 4)
Как реализовать это в FireFox?
Могу скинуть ссылку на архив с файлом...

Sm1le291 · №2

Ау!!!! Есть соображающие люди?

ПротопопулуS · №3

Открываем консоль ошибок и смотрим на что ругается...

Sm1le291 · №4

Спасибо) Вот посмотрел и правда выводит ошибку:
16:47:06.255: Exception: content_other is not defined Source File: file:///C:/Users/inesterov/Documents/My%20Web%20Sites/sITEEEE/catalog.html Line: 34, Column: 0 Category: content javascript
Честно говоря не понял что имеется ввиду, он говорит что тег с id=content_other не является исходным файлом? Ерунда какая-то...

Отредактировано Sm1le291 (27-12-2010 16:51:29)

ПротопопулуS · №5

Вообще-то, правильнее будет:
document.getElementByID('content_other').style.height='1000px';

Sm1le291 · №6

Этот вариант вообще перестал где либо работать...

ПротопопулуS · №7

Исходники страницы в студию! Желательно в тег "code".

Sm1le291 · №8

Посмотрите пожалуйста:
http://narod.ru/disk/2310270001/page.zip.html

Добавлено 28-12-2010 10:42:05
http://narod.ru/disk/2310270001/page.zip.html

ПротопопулуS · №9

И кто Вас только научил такому? (с)

Просил же выложить нерабочий код сюда на форум, в посте, в виде текста, заключенного в теги code. Достаточно выложить только index.html или как он там у Вас.

Sm1le291 · №10

Выделить код

Код:

<!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 content="text/html; charset=windows-1251" http-equiv="Content-Type" />
<title>Группа компаний "TM-GROUP"</title>
<link type="text/css" rel="stylesheet" href="new_css.css"/>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" type="text/css" />
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
 <!-- Anything Slider optional plugins -->
 <script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
 <script type="text/javascript" src="js/swfobject.js"></script> <!-- http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js -->
 
 <!-- Anything Slider -->
 <link rel="stylesheet" href="css/anythingslider.css" type="text/css" media="screen" />
 <script type="text/javascript" src="js/jquery.anythingslider.js"></script>
 
 <!-- AnythingSlider optional FX extension -->
 <script type="text/javascript" src="js/jquery.anythingslider.fx.min.js"></script>
 
 <!-- Demos page only -->
 <link rel="stylesheet" href="css/page.css" type="text/css" media="screen" />
 
 <script type="text/javascript" src="js/demo.js"></script>

 <script type="text/javascript" src="colorbox/jquery.colorbox-min.js"></script>

<script>
function facechange (objName) {
if ( $(objName).css('display') == 'none' ) {
$(objName).animate({height: 'show'}, 400);
content_other.style.height='1000px';

} else {
$(objName).animate({height: 'hide'}, 200);
};
for (b=1;b<7;b=b+1)
{
if ( $(objName).css('display') == 'show' && $(b) != $(objName) ) {
$(objName).css('display') = 'none';
};
}
}
</script>

</head>

<body style="background-position:left bottom;background-image:url('1111.jpg'); background-repeat:repeat-x; background-attachment:fixed">

<div id="maket">
     
<div id="header" >
<img  src="tm_logo.png" usemap="#logo_map" border="0"/>
<map name="logo_map">
<area shape="rect" coords="0 0 167 200" href="index.html"/>
<area shape="rect" coords="188 52 318 180" href="catalog.html"/>
<area shape="rect" coords="327 53 494 194" href="catalog.html"/>
<area shape="rect" coords="517 47 661 180" href="catalog.html"/>
<area shape="rect" coords="680 48 815 191" href="catalog.html"/>
<area shape="rect" coords="849 45 981 176" href="catalog.html"/>
<area shape="rect" coords="991 85 1043 138" href="catalog.html"/>
</map>

</div>
    <div id="left_other" style="-moz-border-radius: 14px 0px 0px 0px; -webkit-border-top-left-radius: 14px;">
     <ul style="margin-left:14px; margin-bottom:2px;padding-bottom:2px; list-style-type:none;">
         <li class="li_menu" onmouseover="$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});"
          onmouseout="$(this).stop().animate({height:'20px'},{queue:false,duration:600, easing: 'easeOutBounce'});"
         ><h1 class="li_menu_h"><a class="menu" href="catalog.html" >О компании</a></h1><p class="li_menu_p">Основная информация о компании</p></li>
         <li class="li_menu" onmouseover="$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});"
          onmouseout="$(this).stop().animate({height:'20px'},{queue:false,duration:600, easing: 'easeOutBounce'});">
          <h1 class="li_menu_h"><a class="menu" href="contacts.html" >Контакты</a></h1><p class="li_menu_p">Телефоны, схема проезда</p></li>
         <li class="li_menu" onmouseover="$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});"
          onmouseout="$(this).stop().animate({height:'20px'},{queue:false,duration:600, easing: 'easeOutBounce'});">
          <h1 class="li_menu_h"><a class="menu" href="catalog.html" >Стоимость</a></h1><p class="li_menu_p">Расчёт стоимости, прайс-лист</p></li>
         <li class="li_menu"onmouseover="$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});"
          onmouseout="$(this).stop().animate({height:'20px'},{queue:false,duration:600, easing: 'easeOutBounce'});">
          <h1 class="li_menu_h"><a class="menu" href="catalog.html" >Продукция</a></h1><p class="li_menu_p">Описание всей нашей продукции</p></li>
         <li class="li_menu"onmouseover="$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});"
          onmouseout="$(this).stop().animate({height:'20px'},{queue:false,duration:600, easing: 'easeOutBounce'});">
          <h1 class="li_menu_h"><a class="menu" href="catalog.html" >Галлерея</a></h1><p class="li_menu_p">Фото наших работ</p></li>
          <li class="li_menu"onmouseover="$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});"
          onmouseout="$(this).stop().animate({height:'20px'},{queue:false,duration:600, easing: 'easeOutBounce'});">
          <h1 class="li_menu_h"><a class="menu" href="catalog.html" >Видео</a></h1><p class="li_menu_p">Видео руководства по установке</p></li>


     </ul>
<p align="center"> Официальнй представитель:</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img style="margin:0px" src="catalog/wiener.png"/>
    </div>
        <div id="content_other" style="-moz-border-radius: 0px 14px 0px 0px;-webkit-border-top-right-radius: 14px;">
        <br/>
        <a href="#" onclick="facechange('#1'); return false"><img src="catalog/kirpich.png"/></a>
        <div id="1" style="display:none;">
        <img src="wienerberger/POROTHERM-51-1_2.png" width="180"/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <img src="wienerberger/POROTHERM-38-1_2.png" width="140"/><br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        
        <img src="wienerberger/ryadovoyUtol.png" width="180"/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <img src="wienerberger/ryadovoyOdin.png" width="180"/>
        <br/>
        <img src="wienerberger/ryadovoyDvoi.png" width="140"/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <img src="wienerberger/POROTHERM-51.png" width="280"/>

        </div>
        <a href="#" onclick="facechange('#2'); return false"><img src="catalog/smesi.png"/></a>      //////ВОТ БЛОКИ КОТОРЫЕ НАДО СВОРАЧИВАТЬ РАЗВОРАЧИВАТЬ
        <div id="2" style="display:none;">
        Текст<br/>Текст<br/>Текст<br/></div>
        <a href="#" onclick="facechange('#3'); return false"><img src="catalog/krovlya.png"/></a>
        <div id="3" style="display:none;">
        Текст<br/>Текст<br/>Текст<br/></div>
        <a href="#" onclick="facechange('#4'); return false"><img src="catalog/napol_pokr.png"/></a>
        <div id="4" style="display:none;">
        Текст<br/>Текст<br/>Текст<br/></div>
        <a href="#" onclick="facechange('#5'); return false"><img src="catalog/dimohodi.png"/></a>
        <div id="5" style="display:none;">
        Текст<br/>Текст<br/>Текст<br/></div>
        <a href="#" onclick="facechange('#6'); return false"><img src="catalog/tepl_keram.png"/></a>
        <div id="6" style="display:none;">
        Текст<br/>Текст<br/>Текст<br/></div>
        </div>
    
    <div id="footer" style="-moz-border-radius: 0px 0px 14px 14px; -webkit-border-bottom-right-radius: 14px;
   -webkit-border-bottom-left-radius: 14px;">
    <br/>
    <br/><br/><br/><center>2010&nbsp;&copy;ТМ-GROUP</center>
    </div>
</div>
</body>

</html>

ПротопопулуS · №11

function facechange (objName) {
if ( $(objName).css('display') == 'none' ) {
$(objName).animate({height: 'show'}, 400);
Elem = document.getElementByID('content_other');
Elem.style.height='1000px';
....

Sm1le291 · №12

ПротопопулуS, попробовал не помогает...
FireFox пишет ту же ошибку
17:47:56.975: Exception: content_other is not defined Source File: file:///C:/Users/inesterov/Desktop/old_copy/catalog.html# Line: 34, Column: 0 Category: content javascript
Не может ли быть проблемы в том что он ищет объект по адресу с добавленной решёткой в конце?
Кроме FF ни один браузер её не добавляет в конце...

luitzen · №13

ПротопопулуS пишет

Выделить код
Код:
Elem = document.getElementByID('content_other');

Одну буковку всего надо поменять, и всё будет в порядке .

Полезная информация

№127-12-2010 11:53:33