Наши проекты Mozilla Россия MozUtil Bugzilla Планета

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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

Тема закрыта

Страницы: 1

№107-06-2007 17:20:05

WEB_bobby
Участник
 
Группа: Members
Зарегистрирован: 09-03-2007
Сообщений: 23
UA: Firefox 2.0

Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

Увы, облегчить не вышло.:(
Вот сайт о котором будет идти речь:www.overMind.ru

Очень серьезная проблема у меня. Я сделал не только резиновость сайта, но а также написал скрипт, который корректирует растягиваемость слоев - для того чтобы сайт не превращался в подобие сосиски на  разрешениях больше чем 1024*768. Беда в том, что в IE все отлично срабатывает, как по маслу..
А вот в Мазилле и в Опере при смене разрешения корректируется только верхний этаж пагоды - остальной код корректировки для других этажей как будто начисто игнорируется! Я уже проверял и так и сяк - бестолку.Буду очень благодарен за помощь.

Вот такой CSS

Выделить код

Код:

* {
	margin: 0;
	padding: 0;
	border:0;
  }

body 
{
	background:url(images/fon.gif);
	font: 16px  Comic Sans MS;
	color:#C2B9F7;
    min-width:1008px; 
}

#l {
	background-image: url(images/book_anim.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 170px;
	padding-left: 170px;
    overflow: hidden;
}

#f {
    background-image: url(images/superFon.jpg);
	background-position: center;
	background-repeat: no-repeat;
   	height: 140px;
	padding-top: 30px;
	text-align: center;
    overflow: hidden;
   }

#r {
	background-image: url(images/book_anim.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 170px;
	padding-right: 170px;
    overflow: hidden;
}



#X1_f {
	background-image: url(images/1_m.jpg);
	background-repeat: repeat-x;
	height: 240px;
    overflow: hidden;
}
#X1_lg {
	background-image: url(images/1_ml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 240px;
    overflow: hidden;
}
#X1_rg {
	background-image: url(images/1_mr.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 170px;
	padding-top: 70px;
	text-align: center;
    overflow: hidden;
}



#X2_f {
	background-image: url(images/2_m.jpg);
	background-repeat: repeat-x;
	height: 185px;
    overflow: hidden;
}
#X2_lg {
	background-image: url(images/2_ml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 185px;
    overflow: hidden;
}
#X2_rg {
	background-image: url(images/2_mr.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 170px;
	padding-top: 15px;
	text-align: center;
    overflow: hidden;
}




#X3_f {
	background-image: url(images/3_m.jpg);
	background-repeat: repeat-x;
	height: 340px;
    overflow: hidden;
}
#X3_lg {
	background-image: url(images/3_ml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 340px;
    overflow: hidden;
}
#X3_rg {
	background-image: url(images/3_mr.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 325px;
	padding-top: 15px;
	text-align:center;
    overflow: hidden;
}





#X4_f {
	background-image: url(images/4_m.jpg);
	background-repeat: repeat-x;
	height: 185px;
    overflow: hidden;
}
#X4_lg {
	background-image: url(images/4_ml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 185px;
    overflow: hidden;
}
#X4_rg {
	background-image: url(images/4_mr.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 170px;
	padding-top: 15px;
	text-align:center;
    overflow: hidden;
}




#X5_f {
	background-image: url(images/5_m.jpg);
	background-repeat: repeat-x;
	height: 260px;
    overflow: hidden;
}
#X5_lg {
	background-image: url(images/5_ml.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 260px;
    overflow: hidden;
}
#X5_rg {
	background-image: url(images/5_mr.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height:245px;
	padding-top: 15px;
	text-align:center;
    overflow: hidden;
}

Вот такой скрипт:

Выделить код

Код:

window.onresize = function()
		  {
			  
			var q = document.body.clientWidth; 
			if (q <= 1024)
			{
				document.getElementById("X1_1DIV").style.width = "140px";
				document.getElementById("X1_2DIV").style.width = "140px"; 
			    document.getElementById("X1_mainDIV").style.width = 728px;
				document.getElementById("X1_F").style.width = 728px; 
				
				document.getElementById("X2_1DIV").style.width = "140px";
				document.getElementById("X2_2DIV").style.width = "140px";  
				document.getElementById("X2_mainDIV").style.width = 728px;
				document.getElementById("X2_F").style.width = 728px; 
				
				document.getElementById("X3_1DIV").style.width = "140px";
				document.getElementById("X3_2DIV").style.width = "140px"; 
			    document.getElementById("X3_mainDIV").style.width = 728px;
				document.getElementById("X3_F").style.width = 728px; 
				
				document.getElementById("X4_1DIV").style.width = "140px";
				document.getElementById("X4_2DIV").style.width = "140px";
				document.getElementById("X4_mainDIV").style.width = 728px;
				document.getElementById("X4_F").style.width = 728px;  
			   
				document.getElementById("X5_1DIV").style.width = "140px";
				document.getElementById("X5_2DIV").style.width = "140px";
				document.getElementById("X5_mainDIV").style.width = 728px;
				document.getElementById("X5_F").style.width = 728px;   
			}else 
			{ 
				q = (q - 408) + 'px';
				document.getElementById("X1_1DIV").style.width = "204px";
				document.getElementById("X1_mainDIV").style.width = q;
				document.getElementById("X1_F").style.width = q; 
				document.getElementById("X1_2DIV").style.width = "204px"; 
			  
				document.getElementById("X2_1DIV").style.width = "204px";
				document.getElementById("X2_mainDIV").style.width = q;
				document.getElementById("X2_F").style.width = q; 
				document.getElementById("X2_2DIV").style.width = "204px";  
			    
				document.getElementById("X3_1DIV").style.width = "204px";
				document.getElementById("X3_mainDIV").style.width = q; 
				document.getElementById("X3_F").style.width = q;  
				document.getElementById("X3_2DIV").style.width = "204px";
				
				document.getElementById("X4_1DIV").style.width = "204px";
				document.getElementById("X4_mainDIV").style.width = q;
				document.getElementById("X4_F").style.width = q;   
				document.getElementById("X4_2DIV").style.width = "204px"; 
			    		 
				document.getElementById("X5_1DIV").style.width = "204px";
				document.getElementById("X5_mainDIV").style.width = q;
				document.getElementById("X5_F").style.width = q;
				document.getElementById("X5_2DIV").style.width = "204px"; 
				
			  }
		} 
	 
		function onLoadCheckWidth()
		{
			 
			var q = document.body.clientWidth; 
			if (q <= 1024)
			{
				
				document.getElementById("X1_1DIV").style.width = "140px";
				document.getElementById("X1_2DIV").style.width = "140px"; 
			    document.getElementById("X1_mainDIV").style.width = 728px;
				document.getElementById("X1_F").style.width = 728px; 
				
				document.getElementById("X2_1DIV").style.width = "140px";
				document.getElementById("X2_2DIV").style.width = "140px";  
				document.getElementById("X2_mainDIV").style.width = 728px;
				document.getElementById("X2_F").style.width = 728px; 
				
				document.getElementById("X3_1DIV").style.width = "140px";
				document.getElementById("X3_2DIV").style.width = "140px"; 
			    document.getElementById("X3_mainDIV").style.width = 728px;
				document.getElementById("X3_F").style.width = 728px; 
				
				document.getElementById("X4_1DIV").style.width = "140px";
				document.getElementById("X4_2DIV").style.width = "140px";
				document.getElementById("X4_mainDIV").style.width = 728px;
				document.getElementById("X4_F").style.width = 728px;  
			   
				document.getElementById("X5_1DIV").style.width = "140px";
				document.getElementById("X5_2DIV").style.width = "140px";
				document.getElementById("X5_mainDIV").style.width = 728px;
				document.getElementById("X5_F").style.width = 728px;   
			}else 
			{ 
				q = (q - 408) + 'px';
				document.getElementById("X1_1DIV").style.width = "204px";
				document.getElementById("X1_mainDIV").style.width = q;
				document.getElementById("X1_F").style.width = q; 
				document.getElementById("X1_2DIV").style.width = "204px"; 
			  
				document.getElementById("X2_1DIV").style.width = "204px";
				document.getElementById("X2_mainDIV").style.width = q;
				document.getElementById("X2_F").style.width = q; 
				document.getElementById("X2_2DIV").style.width = "204px";  
			    
				document.getElementById("X3_1DIV").style.width = "204px";
				document.getElementById("X3_mainDIV").style.width = q; 
				document.getElementById("X3_F").style.width = q;  
				document.getElementById("X3_2DIV").style.width = "204px";
				
				document.getElementById("X4_1DIV").style.width = "204px";
				document.getElementById("X4_mainDIV").style.width = q;
				document.getElementById("X4_F").style.width = q;   
				document.getElementById("X4_2DIV").style.width = "204px"; 
			    		 
				document.getElementById("X5_1DIV").style.width = "204px";
				document.getElementById("X5_mainDIV").style.width = q;
				document.getElementById("X5_F").style.width = q;
				document.getElementById("X5_2DIV").style.width = "204px"; 
				
			  }
		}

Отредактировано WEB_bobby (07-06-2007 17:22:46)

Отсутствует

 

№207-06-2007 17:41:56

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

А если так:
document.getElementById("X4_F").setAttribute("style", "width: 728px"); ?

Отредактировано Infocatcher (07-06-2007 17:42:35)

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№307-06-2007 18:01:34

WEB_bobby
Участник
 
Группа: Members
Зарегистрирован: 09-03-2007
Сообщений: 23
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

Попробывал, еще хуже стало. :( В IE даже теперь не происходит коррекция.

Вот таким стал код(на сервере остался пред. вариант) Может я где не так применил?

Выделить код

Код:

window.onresize = function()
		  {
			  
			var q = document.body.clientWidth; 
			if (q <= 1024)
			{
				document.getElementById("X1_1DIV").setAttribute("style", "width: 140px");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 140px"); 
			    document.getElementById("X1_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X1_F").setAttribute("style", "width: 728px");
				
				document.getElementById("X2_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X2_2DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X2_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X2_F").setAttribute("style", "width: 728px");
				
				document.getElementById("X3_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X3_2DIV").setAttribute("style", "width: 140px"); 
			    document.getElementById("X3_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X3_F").setAttribute("style", "width: 728px");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X4_2DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X4_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X4_F").setAttribute("style", "width: 728px");
			   
				document.getElementById("X5_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X5_2DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X5_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X5_F").setAttribute("style", "width: 728px");
			}else 
			{ 
				q = (q - 408) + 'px';
				document.getElementById("X1_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X1_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X1_F").setAttribute("style", "width: q");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 240px");
			  
				document.getElementById("X2_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X2_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X2_F").setAttribute("style", "width: q");
				document.getElementById("X2_2DIV").setAttribute("style", "width: 240px"); 
			    
				document.getElementById("X3_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X3_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X3_F").setAttribute("style", "width: q");
				document.getElementById("X3_2DIV").setAttribute("style", "width: 240px");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X4_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X4_F").setAttribute("style", "width: q"); 
				document.getElementById("X4_2DIV").setAttribute("style", "width: 240px");
			    		 
				document.getElementById("X5_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X5_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X5_F").setAttribute("style", "width: q");
				document.getElementById("X5_2DIV").setAttribute("style", "width: 240px");
				
			  }
		} 
	 
		function onLoadCheckWidth()
		{
			 
			var q = document.body.clientWidth; 
			if (q <= 1024)
			{
				document.getElementById("X1_1DIV").setAttribute("style", "width: 140px");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 140px"); 
			    document.getElementById("X1_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X1_F").setAttribute("style", "width: 728px");
				
				document.getElementById("X2_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X2_2DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X2_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X2_F").setAttribute("style", "width: 728px");
				
				document.getElementById("X3_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X3_2DIV").setAttribute("style", "width: 140px"); 
			    document.getElementById("X3_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X3_F").setAttribute("style", "width: 728px");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X4_2DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X4_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X4_F").setAttribute("style", "width: 728px");
			   
				document.getElementById("X5_1DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X5_2DIV").setAttribute("style", "width: 140px"); 
				document.getElementById("X5_mainDIV").setAttribute("style", "width: 728px");
				document.getElementById("X5_F").setAttribute("style", "width: 728px");
			}else 
			{ 
				q = (q - 408) + 'px';
				document.getElementById("X1_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X1_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X1_F").setAttribute("style", "width: q");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 240px");
			  
				document.getElementById("X2_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X2_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X2_F").setAttribute("style", "width: q");
				document.getElementById("X2_2DIV").setAttribute("style", "width: 240px"); 
			    
				document.getElementById("X3_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X3_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X3_F").setAttribute("style", "width: q");
				document.getElementById("X3_2DIV").setAttribute("style", "width: 240px");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X4_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X4_F").setAttribute("style", "width: q"); 
				document.getElementById("X4_2DIV").setAttribute("style", "width: 240px");
			    		 
				document.getElementById("X5_1DIV").setAttribute("style", "width: 240px");
				document.getElementById("X5_mainDIV").setAttribute("style", "width: q");
				document.getElementById("X5_F").setAttribute("style", "width: q");
				document.getElementById("X5_2DIV").setAttribute("style", "width: 240px");
				
			  }
		}

Добавлено Чтв 07 Июн 2007 18:11:30 :
:/

Отсутствует

 

№407-06-2007 19:42:55

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

А вот такое:

Выделить код

Код:

document.getElementById("X1_F").setAttribute("style", "width: q");

точно не заработает...
"width: q" будет рассматриваться как строка – без учета значения переменной q.

Скажем, что-то вроде этого:
var q = "100px"; // Или любое другое значение; var q = 100; ... q += "px"; тоже, вроде бы должно работать...
document.getElementById("X1_F").setAttribute("style", "width: " + q + ";");

Вариант (если для элемента "X1_F" уже есть какие-нибудь стили в CSS):
document.getElementById("X1_F").setAttribute("style", document.getElementById("X1_F").getAttribute("style") + "; width: " + q + ";");

А обработка изначального варианта останавливалась на этом:

Выделить код

Код:

document.getElementById("X1_mainDIV").style.width = 728px;

Полагаю, должно быть ... = "728px";

И вообще, пишем:

Выделить код

Код:

try {
    // код
}
catch(e) {
    alert(e);
}

И выясняем, на что жалуется браузер :)

UPD

Посмотрел на стили...
В общем, если
document.getElementById("X1_1DIV").style.width = "140px";
работает, то лучше с полным пересозданием стиля не мучаться – исправить кавычки в первом варианте скрипта и посмотреть, что из этого выйдет.

И еще.
Все стили очень похожи – не проще ли так:

Выделить код

Код:

var idArr = ["X1", "X2", "X3"]; // Создаем массив идентификаторов для элементов с одинаковой шириной
  // ... if() ...
var q = "100px";  // Нужная ширина...
for(i = 0; i < idArr.length; i++)
   document.getElementById(idArr[i]).style.width = q;

Отредактировано Infocatcher (07-06-2007 20:06:07)

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№507-06-2007 20:05:35

WEB_bobby
Участник
 
Группа: Members
Зарегистрирован: 09-03-2007
Сообщений: 23
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

Спасибо, буду разбирать, завтра к обеду напишу что наразбирал.:)

Отсутствует

 

№607-06-2007 20:12:18

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

Пожалуйста.
Да, там еще дополнение к моему предыдущему посту – нажал «Редактировать», не обновив страницу... :blush:

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№707-06-2007 22:57:14

WEB_bobby
Участник
 
Группа: Members
Зарегистрирован: 09-03-2007
Сообщений: 23
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

Попробвал как в первом варианте. Поставил везде кавычки не помогло. Так же осталось.
Переделал стили вот так(на серевер  старый скрипт лежит) - результат не корректируется нигде. Ни в IE, ни в FF, ни в Opera. Но не корявиться - просто не корректируется. Странно.. Что же делать?:(

Выделить код

Код:

window.onresize = function()
		  {
			  
			var q = document.body.clientWidth; 
			if (q <= 1024)
			{
				document.getElementById("X1_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 140px;");
			    document.getElementById("X1_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X1_F").setAttribute("style", "width: 728px;"); 
				
				document.getElementById("X2_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X2_2DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X2_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X2_F").setAttribute("style", "width: 728px;");
				
				document.getElementById("X3_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X3_2DIV").setAttribute("style", "width: 140px;");
			    document.getElementById("X3_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X3_F").setAttribute("style", "width: 728px;");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X4_2DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X4_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X4_F").setAttribute("style", "width: 728px;");
			   
				document.getElementById("X5_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X5_2DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X5_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X5_F").setAttribute("style", "width: 728px;");
			}else 
			{ 
				q = (q - 408);
				document.getElementById("X1_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X1_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X1_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 204px;");
			  
				document.getElementById("X2_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X2_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X2_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X2_2DIV").setAttribute("style", "width: 204px;"); 
			    
				document.getElementById("X3_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X3_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X3_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X3_2DIV").setAttribute("style", "width: 204px;");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X4_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X4_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X4_2DIV").setAttribute("style", "width: 204px;");
			    		 
				document.getElementById("X5_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X5_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X5_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X5_2DIV").setAttribute("style", "width: 204px;");
				
			  }
		} 
	 
		function onLoadCheckWidth()
		{
			var q = document.body.clientWidth; 
			if (q <= 1024)
			{
				document.getElementById("X1_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 140px;");
			    document.getElementById("X1_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X1_F").setAttribute("style", "width: 728px;"); 
				
				document.getElementById("X2_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X2_2DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X2_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X2_F").setAttribute("style", "width: 728px;");
				
				document.getElementById("X3_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X3_2DIV").setAttribute("style", "width: 140px;");
			    document.getElementById("X3_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X3_F").setAttribute("style", "width: 728px;");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X4_2DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X4_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X4_F").setAttribute("style", "width: 728px;");
			   
				document.getElementById("X5_1DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X5_2DIV").setAttribute("style", "width: 140px;");
				document.getElementById("X5_mainDIV").setAttribute("style", "width: 728px;");
				document.getElementById("X5_F").setAttribute("style", "width: 728px;");
			}else 
			{ 
				q = (q - 408);
				document.getElementById("X1_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X1_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X1_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X1_2DIV").setAttribute("style", "width: 204px;");
			  
				document.getElementById("X2_1DIV").setAttribute("style" "width: 204px;");
				document.getElementById("X2_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X2_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X2_2DIV").setAttribute("style", "width: 204px;"); 
			    
				document.getElementById("X3_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X3_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X3_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X3_2DIV").setAttribute("style", "width: 204px;");
				
				document.getElementById("X4_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X4_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X4_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X4_2DIV").setAttribute("style", "width: 204px;");
			    		 
				document.getElementById("X5_1DIV").setAttribute("style", "width: 204px;");
				document.getElementById("X5_mainDIV").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X5_F").setAttribute("style", "width:" + q + "px" + ";");
				document.getElementById("X5_2DIV").setAttribute("style", "width: 204px;");
				
			  }
		}

Отсутствует

 

№807-06-2007 23:49:46

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

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

Проверяем:

Выделить код

Код:

window.onresize = function()
      {              
            var q = document.body.clientWidth;
            alert("Width = " + q);  // Проверяем определение ширины

            if (q <= 1024)
                document.getElementById("X1_1DIV").setAttribute("style", "width: 40px;"); // Есть смысл поставить или очень малое значение, или очень большое – чтобы сразу видно было
            else
                document.getElementById("X1_1DIV").setAttribute("style", "width: 400px;");
      }

Потом проверяем
document.getElementById("X1_1DIV").style.width = "40px";

И только если простое работает, дописывайте все остальное. :iron:

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№908-06-2007 02:51:53

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

Помучив расширение Custom Buttons и JavaScript, добился занятного эффекта.
Вставляем код в адресную строку и жмем <Enter> (на этой странице):

Выделить код

Код:

javascript: var oldStyle = content.document.getElementById("search").getAttribute("style"); content.document.getElementById("search").setAttribute("style", oldStyle + "; background-color: red;");

А теперь смотрим на самый верх страницы и любуемся кровавым фоном. :D

Так вот, возможно, нужно использовать именно такой скрипт:

Выделить код

Код:

var oldStyle = content.document.getElementById("search").getAttribute("style");
content.document.getElementById("search").setAttribute("style", oldStyle + "; background-color: red;");

Вместо "; background-color: red;" добавить нужное...

Отредактировано Infocatcher (08-06-2007 02:54:45)

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№1008-06-2007 22:35:44

WEB_bobby
Участник
 
Группа: Members
Зарегистрирован: 09-03-2007
Сообщений: 23
UA: Firefox 2.0

Re: Не срабатывает корректирующий резиновость слоев скрипт в Мазиле.

Все оказалось гораздо проще;). В названии слои имели нижний регистр, а в JS верхний.
Ну а как известно JS чувствителен к регистру.
Спасибо за помощь.)))

Добавлено Птн 08 Июн 2007 22:37:49 :
:offtopic:


Тема закрыта по просьбе автора
—
Modex

Отсутствует

 

Тема закрыта

Страницы: 1

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]