ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Построение интерфейса по разрешению пользователя
7 сообщений из 7, страница 1 из 1
Построение интерфейса по разрешению пользователя
    #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, 17:37:09
| Ответить | Цитировать | Написать  
Построение интерфейса по разрешению пользователя
    #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:06:47
| Ответить | Цитировать | Написать  
Построение интерфейса по разрешению пользователя
    #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, 20:42:10
| Ответить | Цитировать | Написать  
Построение интерфейса по разрешению пользователя
    #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:14
| Ответить | Цитировать | Написать  
Построение интерфейса по разрешению пользователя
    #36432369
Soul_Slayer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Soul_Slayer
Гость
Попробовал функцию chngSize() запустить на компьютере, получилось что срабатывает она и все ее содержимое только при втором вызове сайта. Кто знает в чем дело? В остальном все отлично работает.
...
Рейтинг: 0 / 0
26.01.2010, 21:02:43
| Ответить | Цитировать | Написать  
Построение интерфейса по разрешению пользователя
    #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
26.01.2010, 21:10:17
| Ответить | Цитировать | Написать  
Построение интерфейса по разрешению пользователя
    #36432856
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Soul_Slayer
Код: plaintext
1.
<table height="Вот сюда надо вставить значение: sheigth" width="А сюда значение переменной скрипта: swidth">

А чего не так?

Код: plaintext
1.
<table height="100%" width="100%">
...
Рейтинг: 0 / 0
27.01.2010, 10:05:42
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Построение интерфейса по разрешению пользователя
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36432369&tid=1453626]:
 0ms
get settings:
 7ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 43ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 41ms
get tp. blocked users:
 1ms
others: 205ms
total:  329ms
созд. / загр.: 329ms
x
x
Закрыть


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