Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2014, 18:31
Новичок на форуме
Отправить личное сообщение для funfot Посмотреть профиль Найти все сообщения от funfot
 
Регистрация: 19.09.2014
Сообщений: 2

Изменение класса элемента в зависимости от разрешения экрана
Ребята, всем привет!

Занимаюсь версткой проекта, адаптивного, и потребовалось сделать так, чтобы при разрешении экрана менее 700 пикселей, у одного элемента менялся класс. (при этом у него задано 2 класса, что-то типа: class="one two")

Изменить нужно именно второй класс "two".
Через @media - не вариант, мне конкретно нужно присвоить новый класс элементу.

Понимаю, что это нужно сделать средствами js, но как - ума не приложу..

Очень буду рад за подсказку!
Понимаю, что вопрос нубовский, но очень надеюсь на вашу помощь..
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2014, 21:56
Аспирант
Отправить личное сообщение для d.skuratovich Посмотреть профиль Найти все сообщения от d.skuratovich
 
Регистрация: 19.09.2014
Сообщений: 72

funfot, наверное как-то так
( function ( $, global ) {
	'use strict';

	$( global ).resize( function () {
		if ( global.screen.width < 700 ) {
			$( '.one' ).removeClass( 'two' ).addClass( 'three' );
		}
	} );
} ( jQuery, window ) );


Но я бы на твоем месте так не делал, а добавил три класса, а вот через @media уже менял стили. JS это не выход
Ответить с цитированием
  #3 (permalink)  
Старый 20.09.2014, 14:14
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

screen.width сообщает нам об экране, а не о реальном окне браузера (может быть не на полный экран открыт, в андроиде тоже уже может на некоторых устройствах окно браузера занимать только часть экрана)

так, что screen.width использовать не надо вместо медиа запросов

лучше почитать здесь http://learn.javascript.ru/metrics-window
Ответить с цитированием
  #4 (permalink)  
Старый 20.09.2014, 14:20
Аспирант
Отправить личное сообщение для d.skuratovich Посмотреть профиль Найти все сообщения от d.skuratovich
 
Регистрация: 19.09.2014
Сообщений: 72

Pavel M., никто про браузер и не говорил. Человек конкретно спросил про ширину экрана, я ему ответил. Если бы он спросил про окно браузера я бы написал про окно
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменить класс элемента в зависимости от разрешения экрана funfot (X)HTML/CSS 1 19.09.2014 19:15
Изменение размера фонового изображения в зависимости от разрешения экрана. fomazov jQuery 2 24.10.2013 03:56
Масштабирование блока, в зависимости от разрешения экрана Keksman jQuery 2 25.05.2012 02:49
как зделать что бы пропадали картинки в зависимости от разрешения экрана skelan Javascript под браузер 9 09.06.2011 20:42
Изменение размера блока реклама в зависимости от разрешения экрана. toxiz77 Общие вопросы Javascript 3 11.02.2009 13:12