Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Построение интерфейса по разрешению пользователя / 7 сообщений из 7, страница 1 из 1
26.01.2010, 17:37:09
    #36432017
Soul_Slayer
Soul_Slayer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Построение интерфейса по разрешению пользователя
Уважаемые пользователи. Добрый день.

Я новичок на форуме и веб-дизайне, поэтому прошу Вас помочь с передачей значений переменных (swidth, sheight) из скрипта приведенном ниже,

*script.js*

// JavaScript Document
var swidth=0;
var sheight=0;
if (self.screen)
{ // Для NN4 и IE4
swidth = screen.width;
sheight = screen.height
}
else if (self.java)
{ // Для NN3 с поддержкой Java
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
swidth = scrsize.width;
sheight = scrsize.height;
}


в основную форму index.php в тег <table> в параметры width и height. Если переменные возможно передать в CSS, то прошу озвучить и этот способ.

*index.php*

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="/function/script.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF">
<title>Документ1</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table height="Вот сюда надо вставить значение: sheigth" width="А сюда значение переменной скрипта: swidth">
</table>
</body>
</html>

Спасибо за помощь!

С Уважением. Соул Слайер.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2010, 20:06:47
    #36432292
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Построение интерфейса по разрешению пользователя
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
*script.js*
// JavaScript Document
function chngSize(){
// я имхо без понятия что значит тута ваш скрипт
var swidth= 0 ;
var sheight= 0 ;
if (self.screen)
{ // Для NN4 и IE4
swidth = screen.width;
sheight = screen.height
}
else if (self.java)
{ // Для NN3 с поддержкоt;
}
var obj = document.getElementById('tbl');
obj.style.width = swidth+'px';
obj.style.height = sheigt+'px';
}

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="/function/script.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF">
<title>Документ1</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body onload="chngSize()">
<table id="tbl">
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2010, 20:42:10
    #36432341
Soul_Slayer
Soul_Slayer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Построение интерфейса по разрешению пользователя
Ренат, благодарю за помощь. Щас буду пробовать ваш вариант.

А также отвечу на Ваши вопросы:

Ренат
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
*script.js*
// JavaScript Document
function chngSize(){
// я имхо без понятия что значит тута ваш скрипт
var swidth= 0 ;
var sheight= 0 ;
if (self.screen)
{ // Для NN4 и IE4
swidth = screen.width;
sheight = screen.height
}
else if (self.java)
{ // Для NN3 с поддержкоt;
}
var obj = document.getElementById('tbl');
obj.style.width = swidth+'px';
obj.style.height = sheigt+'px';
}

script.js - это скрипт который узнает разрешение пользователя, как вы уже наверное догадались.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="/function/script.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF">
<title>Документ1</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body onload="chngSize()">
<table id="tbl">
</table>
</body>
</html>


А table это общая таблица фонового рисунка (рисунок должен располагаться во весь экран при любом разрешении пользователя). Возможно я выбрал не правильный подход, если так то прошу меня поправить и дать варианты размещения фонового рисунка на весь экран, с изменением границ рисунка под разрешение пользователя).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2010, 21:02:14
    #36432368
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Построение интерфейса по разрешению пользователя
Кароче при разном размере экрана пользователя необходимо фоновый рисунок растянуть????
1. почему имено table вместо div используете?
2. не боитесь использовать такие огромные рисунки на странице (ну фоновый рисунок как я понял большой)
3. тогда onresize еще прикрутить нуна
4. вашето всегда фоновый рисунок делася так:
Код: plaintext
1.
2.
3.
4.
5.
bodY{
MARGIN:0PX;
PADDING:0PX
BACKGROND-IMAGE:URL(IMG.JPG);
BACKGROUND-REPEAT:NO-REPEAT;
}
ЗЫ. оЙ КАПС.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2010, 21:02:43
    #36432369
Soul_Slayer
Soul_Slayer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Построение интерфейса по разрешению пользователя
Попробовал функцию chngSize() запустить на компьютере, получилось что срабатывает она и все ее содержимое только при втором вызове сайта. Кто знает в чем дело? В остальном все отлично работает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2010, 21:10:17
    #36432379
Soul_Slayer
Soul_Slayer
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Построение интерфейса по разрешению пользователя
РенатКароче при разном размере экрана пользователя необходимо фоновый рисунок растянуть????
1. почему имено table вместо div используете?
2. не боитесь использовать такие огромные рисунки на странице (ну фоновый рисунок как я понял большой)
3. тогда onresize еще прикрутить нуна
4. вашето всегда фоновый рисунок делася так:
Код: plaintext
1.
2.
3.
4.
5.
bodY{
MARGIN:0PX;
PADDING:0PX
BACKGROND-IMAGE:URL(IMG.JPG);
BACKGROUND-REPEAT:NO-REPEAT;
}
ЗЫ. оЙ КАПС.

По пунктам выше:
1. table заменил на div. Table брался для оформления темы.
2. Стоит задача добавить рисунок 1024х768 px как заглавный фон страницы с двумя ссылками на последующие страницы. Я его разрезал на 12 частей для "разгрузки" страницы.
3. пошел изучать onresize :)
4. Данный вариант подходит, только под разрешение самого рисунка, имхо.

Спсибо за помощь.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2010, 10:05:42
    #36432856
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Построение интерфейса по разрешению пользователя
Soul_Slayer
Код: plaintext
1.
<table height="Вот сюда надо вставить значение: sheigth" width="А сюда значение переменной скрипта: swidth">

А чего не так?

Код: plaintext
1.
<table height="100%" width="100%">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Построение интерфейса по разрешению пользователя / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 537ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453626]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 180ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 264ms
total:  537ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]