Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

подключение .css в зависимости от разрешения монитора

1.2K
26 августа 2002 года
Z_Z2002
3 / / 20.06.2000
Я хотела бы задать вопрос по поводу HTML и .CSS...
Тут вот какое дело, я бы хотела в зависимости от разрешения экрана, подключать различные файлы .css. В принципе ход действий есть:

<SCRIPT LANGUAGE=&quot;JavaScript&quot;>
<!--
function redirectPage(){
var url800x600 = &quot;style_b_800_600.css&quot;;
var url1024x768 = &quot;style_b_1024_768.css&quot;;
if ((screen.width == 800)&amp;&amp;(screen.height == 600))

****
document.link(&quot;<link rel=stylesheet href=/&quot;style_b_800x600.css/&quot; type=/&quot;text//css/&quot;>&quot;);
else document.link(&quot;<link rel=stylesheet href=/&quot;style_b_1024x768.css/&quot; type=/&quot;text//css/&quot;>&quot;);

****
}
-->
</SCRIPT>

Но вот место выделенное звездочками явно неправильное...
Помогите пожалуйста...
250
26 августа 2002 года
Joker
1.4K / / 20.02.2000
Цитата:

On 2002-08-26 1042, Z_Z2002 wrote
Я хотела бы задать вопрос по поводу HTML и .CSS...
Тут вот какое дело, я бы хотела в зависимости от разрешения экрана, подключать различные файлы .css. В принципе ход действий есть

<!-- PT LANGUAGE=&quot;JavaScript&quot;>
<!--
function redirectPage(){
var url800x600 = &quot;style_b_800_600.css&quot;;
var url1024x768 = &quot;style_b_1024_768.css&quot;;
if ((screen.width == 800)&amp;&amp;(screen.height == 600))

****
document.link(&quot;<link rel=stylesheet href=/&quot;style_b_800x600.css/&quot; type=/&quot;text//css/&quot;>&quot;);
else document.link(&quot;<link rel=stylesheet href=/&quot;style_b_1024x768.css/&quot; type=/&quot;text//css/&quot;>&quot;);

****
}
-->
</SCRI-->

Но вот место выделенное звездочками явно неправильное...
Помогите пожалуйста...


Попробуй document.write(&quot;.....&quot;), и еще задумайся над вопросом, к примеру JS у меня отключен напрочь..

/// http//www.sp1r1tual.com

[ Это Сообщение было отредактировано Joker в 2002-08-26 1701 ]

1.2K
27 августа 2002 года
Z_Z2002
3 / / 20.06.2000
document.write(&quot;...&quot;) не помог, уже пробовала...

Тогда появляется другой вопрс, а как вообще подключить эти файлы .css, в зависимости от разрешения экрана, оптимальным путем? (т.е. без применения JavaScript)
250
27 августа 2002 года
Joker
1.4K / / 20.02.2000
Цитата:

On 2002-08-27 0805, Z_Z2002 wrote
document.write(&quot;...&quot;) не помог, уже пробовала...

Тогда появляется другой вопрс, а как вообще подключить эти файлы .css, в зависимости от разрешения экрана, оптимальным путем? (т.е. без применения JavaScript)


Но без ява скрипт этого сделать не удасться, просто сделай если ява скрипт отключен, там есть такой тег(сам найдешь лень смотреть), чтобы по дефолту приципи какой нибудь ссs, document.write(&quot;...&quot;) должен раболтать попробуй с путем к файлу поиграться я думую в этом проблема..

// http//www.sp1r1tual.com

328
28 августа 2002 года
Felix
257 / / 20.07.2000
Цитата:

document.link(&quot;<link rel=stylesheet href=/&quot;style_b_800x600.css/&quot; type=/&quot;text//css/&quot;>&quot;);
else document.link(&quot;<link rel=stylesheet href=/&quot;style_b_1024x768.css/&quot; type=/&quot;text//css/&quot;>&quot;);



либо ты спешила и написала не так, либо действительно не так...


<LINK REL=&quot;STYLESHEET&quot; TYPE=&quot;text/css&quot; HREF=&quot;style_b_1024x768.css&quot;>

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

543
28 августа 2002 года
Ampersand
75 / / 20.06.2000
И еще один момент - скрипт должен в разделе <HEAD> лежать, а не в <BODY>. Если в <HEAD> и лежит, тогда скорее всего синтаксис...
17K
27 февраля 2006 года
bimba
1 / / 27.02.2006
Цитата:
Originally posted by Z_Z2002
Я хотела бы задать вопрос по поводу HTML и .CSS...
Тут вот какое дело, я бы хотела в зависимости от разрешения экрана, подключать различные файлы .css. В принципе ход действий есть:

<SCRIPT LANGUAGE=&quot;JavaScript&quot;>
<!--
function redirectPage(){
var url800x600 = &quot;style_b_800_600.css&quot;;
var url1024x768 = &quot;style_b_1024_768.css&quot;;
if ((screen.width == 800)&amp;&amp;(screen.height == 600))

****
document.link(&quot;<link rel=stylesheet href=/&quot;style_b_800x600.css/&quot; type=/&quot;text//css/&quot;>&quot;);
else document.link(&quot;<link rel=stylesheet href=/&quot;style_b_1024x768.css/&quot; type=/&quot;text//css/&quot;>&quot;);

****
}
-->
</SCRIPT>

Но вот место выделенное звездочками явно неправильное...
Помогите пожалуйста...




а если вот такой скрипт, вроде работает:

<script language="JavaScript">
<!--
var str = "<LINK type='text/css' rel='stylesheet' href='cgi-bin/";

var w = window.screen.width;
var h = window.screen.height;

if(w < 1024)
str += "style800.css";
else if(w == 1024)
str += "style1024.css";
else if(w == 1152)
str += "style1152.css";
else if((w == 1280) && (h == 720))
str += "style1280_720.css";
else if((w == 1280) && (h == 800))
str += "style1280_800.css";
else if((w == 1280) && (h == 960))
str += "style1280_960.css";
else if((w == 1280) && (h == 1024))
str += "style1280_1024.css";

str += "'>";

document.write(str);
-->
</script>


//в случае, если отключен JS
<noscript>
<LINK type="text/css" rel="stylesheet" href="cgi-bin/style.css"></noscript>

можно не брать такое кол-во разрешений, я просто иправлять не стала...

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог