Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.05.2013, 20:09
Аватар для rgetValue
Новичок на форуме
Отправить личное сообщение для rgetValue Посмотреть профиль Найти все сообщения от rgetValue
 
Регистрация: 20.05.2013
Сообщений: 8

$(window).resize();
Всем привет !
Я новичок в JavaScript
Понемногу изучаю его

И тут я столкнулся с такой "проблемой"
Как возможно при загрузке страницы например в браузере , разрешение екрана которого будет меньше например 1366х768 отмасшабировать страницу ?!
т.е чтоб не нужно было нажимать CTRL+/- (CTRL + колеско)
Кое-что я нашел, кое-что сделал

<script language="javascript"> 
var height=0; 
var width=0; 
if (self.screen) { // для Netscape и IE версий 4 и выше 
width = screen.width 
height = screen.height 
} 
else if (self.java) { // для Netscape3 
var jkit = java.awt.Toolkit.getDefaultToolkit(); 
var scrsize = jkit.getScreenSize(); 
width = scrsize.width; 
height = scrsize.height; 
} 
</script>


Но мой уровень знаний JS позволяет написать только след. условие


<script language="javascript"> 
if (width > 1366 && height > 768) { document.writeln('Разрешение вашего монитора: ',width,'x',height)} else { document.writeln('Разрешение вашего монитора не определено')} 
</script>




Прочитал, что для масшатабир. странице используется

$(window).resize();


Помогите дописать условие ...
Буду очень благодарен !

P.S И плж , не надо говорить что никто так не делает , это все функции браузера , нарушение юзабилити и тп
Плж помогите , мне очень нужно ...

Последний раз редактировалось rgetValue, 20.05.2013 в 20:22.
Ответить с цитированием
  #2 (permalink)  
Старый 20.05.2013, 22:52
Аспирант
Отправить личное сообщение для elnoro Посмотреть профиль Найти все сообщения от elnoro
 
Регистрация: 23.06.2011
Сообщений: 39

Функция .resize() делает не то, что ты указал, а устанавливает обработчик события на изменение размеров окна (т. е. позволяет что-то делать тогда и только тогда, когда пользователь двигает мышкой окно браузера).

Условие:
if (screen.height < 768 && screen.width < 1366) {
// это значит что разрешение меньше, чем 1366x768, и по высоте и по ширине
}


Далее, то что тебе нужно - масштабирование окна. К сожалению, возможности использовать именно браузерный "масштаб" нет, однако можно изменять шрифт на странице или воспользоваться свойством css-transform.

Второе позволит тебе просто уменьшить или увеличить страницу так, как пожелаешь, словно картинку. Подробнее здесь (тебе нужна функция трансформации scale).

P. S. Атрибут language устарел, лучше писать так (html4):
<script type="text/javascript">

или так (html5):
<script>

Последний раз редактировалось elnoro, 20.05.2013 в 22:56. Причина: P. S.
Ответить с цитированием
  #3 (permalink)  
Старый 21.05.2013, 00:32
Аватар для rgetValue
Новичок на форуме
Отправить личное сообщение для rgetValue Посмотреть профиль Найти все сообщения от rgetValue
 
Регистрация: 20.05.2013
Сообщений: 8

elnoro, благодарю ! Подправил и объяснил все доходчиво и подробно.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
chrome, jquery и $(window).resize() syegorius Events/DOM/Window 1 11.01.2012 15:33