Как при помощи Jquery определить ширину блока и ..?

Question

[Extra0]

Сразу скажу что ширину нужно определить в процентах (или может как то математически в пикселях) и в
после этого установить несколько значений для блока?
Т.е. - если значение от 0 до 30 - блок красный
- от 30 - 60 - блок желтый
- от 60 до 100 - блок зеленый

Answer 1

[WebDev]

В процентах от ширины окна?
Тогда
var window_width = $(window).width();
var block_width = $('block').width();
var percent_width = block_width / window_width * 100;

if (percent_width <= 30)
блок красный
else if (percent_width > 30 || percent_width <= 60)
блок желтый
else
блок зеленый

Как то так, если я правильно понял

Comments

[Extra0]

вот это кстати использовал но "var percent_width = block_width / window_width * 100;" выдавало ошибку постоянно

[WebDev]

Что то неправильно делали значит, не должно быть ошибки. На счет решения выше: Вы просто проверяете блок на пиксели, и
if($width > 30) {
$('.block').css('background','red');
}
Окрасит блок, если блок больше 30 пикселей. Где тут проценты?

[Extra0]

да вы правы !! поторопился с решением!! Это было в пикселях!!
Сейчас просмотрю в чем была ошибка при определении процентов

[Extra0]

в процентах от ширины блока!!!!!!!!

[WebDev]

Ну тогда мой вариант, и подставьте вместо window нужный блок

[WebDev]

Что за ошибка у вас появляется?

[Extra0]

отметил как решение вопроса!! Спасибо

Answer 2

[jobsdata]

<script>
$(document).ready(function(){
 $width = $('.block').width();
 if($width > 30) {
	$('.block').css('background','red');
 }
});
</script>

Comments

[Extra0]

я обескуражен..... кучу вариантов предлагали с вычислением через умножения и так далее..... а по сути все просто....

Респектую! )) Спасибо!!

[jobsdata]

Пожалуйста)