Войти

Показать полную графическую версию : Динамическое изменение страницы...

Kenwood
22-03-2004, 15:16
Здравствуйте, форумцы.
Я недавно начал заниматься HTML'ом и по истечении некоторого времени у меня возникла следующая проблема. При создании страниц нужно ведь учитывать все расширения (640, 800, 1024). Так вот как сие благо можно сделать. Спасибо
Vitki
23-03-2004, 11:48
Указывать размеры в % или писать под разное разрешение.
Или вот скриптик такой есть:

<html>

<head>

<title>Разрешение</title>

</head>



<body bgcolor="#FFFFFF">



<script language="JavaScript">

<!--

if (self.screen) {     // for NN4 and IE4

       width = screen.width

       height = screen.height

}

else if (self.java) {   // for NN3 with enabled Java

      var jkit = java.awt.Toolkit.getDefaultToolkit();

      var scrsize = jkit.getScreenSize();      

      width = scrsize.width;

      height = scrsize.height;

}else{

      width = height = 'x' // for all other browsers

}

if (width == 640) {

document.writeln('640x480') }

else if (width == 800) {

  document.writeln('800x600') }

else if (width == 1024) {

  document.writeln('1024x768') }

else if (width == 1280) {

  document.writeln('1280x?') }

else {

  document.writeln('I don`t know your resolution') }

//-->

</script>



</body>

</html>


Удачи :)
Kenwood
26-03-2004, 16:14
Vitki, мои познания в Java неахти, поэтому не подскажишь как это сделать. Просто скопировать в тело документа и все? Если можно по подробнее. :gigi:
tradeukraine
27-03-2004, 08:39
Kenwood
простой способ
<table width="760" border="0" cellpadding="0" cellspacing="0"
align="center" class="txt"> :up:
просто при монитор 21 дюйм - поверь страшно смотреть на сайты сделаные на width="100%" :down:
Vitki
27-03-2004, 14:12
Kenwood
Вот готовый скрипт:

<HTML>
<HEAD>
<TITLE>Title</TITLE>

<script language="JavaScript">

<!--

if (self.screen) { * * // for NN4 and IE4

* * * *width = screen.width

* * * *height = screen.height

}

else if (self.java) { * // for NN3 with enabled Java

* * * var jkit = java.awt.Toolkit.getDefaultToolkit();

* * * var scrsize = jkit.getScreenSize(); * * *

* * * width = scrsize.width;

* * * height = scrsize.height;

}else{

* * * width = height = 'x' // for all other browsers

}

if (width == 640) {

* window.open('error.html','start') }

else if (width == 800) {

* window.open('0800.html','start') }

else if (width == 1024) {

* window.open('1024.html','start') }

else if (width == 1152) {

* window.open('1152.html','start') }

else if (width == 1280) {

* window.open('1280.html','start') }

else if (width == 1600) {

* window.open('1600.html','start') }

else {

* window.open('error.html','start') }

//-->

</script>

</HEAD>
</HTML>


Копируешь его прямо в index.html
потом делаешь несколько обычных html-файлов:
0640.html - для 640х480
0800.html - для 800х600
и тд
error.html - для отображения ошибки при невозмодности определения разрешения и выбора его вручную.
Скрипт довольно простой и понятный.

else if (width == 1600) {

* window.open('1600.html','start') }

"если width=1600, открыть фаил 1600.html в фрейме start"

Работает у меня такой, например тут: www.ls.ee Там открытый код, так что полазей в source, посмотри как чего работает.
Guest
29-03-2004, 14:26
есть еще прикол по мере увеличения разрешения добавлять на страницу <div> блоки справа и внизу чтобы заполнить пространство, но это только в случае когда основное содержание тянуть не хочется, например, если страница - сплошные картинки. Правда есть недостаток. В дополнительные блоки нельзя ставить ничего важного т.к. на низких разрешениях их просто нет. Посмотри www.mania.nm.ru.



© OSzone.net 2001-2012