Форум на ПЫХА.РУ

Форум на ПЫХА.РУ

Языки программирования => JavaScript => Тема начата: Drop от 15 Август, 2010, 03:14:52



Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 03:14:52
Мужики, помогите пожалуйста! Перерыл все закладки, всю историю поиска.. Помню, что где-то находил скрипт на jquery, который на ходу определяет ширину браузера(при ресайзе или развертывания браузера во весь экран). Способ, который стоит у меня хороший, но он не катит - рефреш ему нужен...
Javascript
$(window).width()


Название: Определение ширины браузера
Отправлено: Абырвалг от 15 Август, 2010, 03:35:20
ололо. Забиндись просто на события resize


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 03:39:19
Javascript
$(window).bind('resize',function() {
    $('span').text($(this).width());
});


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 03:40:32
а как быть в таком сулчае:
Java
document.write ($(window).width() - 50);


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 03:42:24
а в чем проблема? норм вычитает 50 пикселей....


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 03:53:57
Проблева не с вычитанием, просто нужен вывод значения ширины страницы при ее изменении  
Спустя 19 секунд добавил
проблема*


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 03:54:25
я те пример привел, где пишет ширину в спан...


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 03:56:40
я понимаю, только как его вывести?
Спустя 1 минуту 7 секунд добавил
Покажи, пожалуйста, как вывести через документ врайт


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 03:57:33
стесняюсь спросить, нахрена?


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 04:00:17
Подгон рамки при ресайзе: http://dropbydrop.org.ua/
Спустя 1 минуту 19 секунд добавил
для меня js - новое, не стисняюсь признаться...


Название: Определение ширины браузера
Отправлено: Абырвалг от 15 Август, 2010, 04:01:40
зачем тебе документ райт, если у тебя jQuery? Используй .text(), .html(), .val()


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 04:02:29
во-во.. документ врайт тупо все снесет и напишет свое...


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 04:33:29
Спасибо, получилось:
Java
$(window).bind('resize',function() {
    $('.test').text($(this).width() - 50);
});
Нокак сделать, чтобы значение было и при загрузке страницы? Пробовал сделать так:
Java
$('.test').text($(window).width() - 50);
$(window).bind('resize',function() {
    $('.test').text($(this).width() - 50);
});
но ничего не выводится, только после ресайза.
И еще вопрос, как подставить значение не в тег с классом .test, а в значение width:
HTML
<div class="test" style='height: 125px; width: 125px;'></div>
Поигрался с .val, но ничего не получилось.


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 04:37:37
зачем лишний раз епаться со скриптами, когда такую рамочку можно легко сделать обычными таблицами?
я, конечно, не сторонник табличной верстки, но так проще, чем дивами...
 
CSS
* { margin:0; padding:0; }
html,body { height:100%; }
table { border-collapse:collapse; border:none; font-size:100%; }
#wrapper { width:100%; height:100%; background:#fff url('img/570251.jpg') 50% 100% no-repeat; }
 
.lt { width:20px; height:20px; background:url('img/opacity-bg.png'); }
.rt { width:20px; height:20px; background:url('img/opacity-bg.png'); }
.lb { width:20px; height:20px; background:url('img/opacity-bg.png'); }
.rb { width:20px; height:20px; background:url('img/opacity-bg.png'); }
.tt { height:20px; background:url('img/opacity-bg.png'); }
.bb { height:20px; background:url('img/opacity-bg.png'); }
.lc { width:20px; background:url('img/opacity-bg.png'); }
.rc { width:20px; background:url('img/opacity-bg.png'); }
 
#content { }

HTML
<table id="wrapper">
    <tr>
        <td class="lt"> </td>
        <td class="tt"> </td>
        <td class="rt"> </td>
    </tr>
    <tr>
        <td class="lc"> </td>
        <td id="content"></td>
        <td class="rc"> </td>
    </tr>
    <tr>
        <td class="lb"> </td>
        <td class="bb"> </td>
        <td class="rb"> </td>
    </tr>
</table>

обнулялку цсс нужно поболе расписать...
пробелы в ячейках для тупого ие...
контент весь соответственно в <td id="content"></td>...
и никаких проблем со скриптами и шириной))
Спустя 2 минуты 22 секунды добавил
Нокак сделать, чтобы значение было и при загрузке страницы?
Javascript
$(window).bind('load resize',function() {
...
});

И еще вопрос, как подставить значение не в тег с классом .test, а в значение width:
Javascript
w = $(this).width() - 50;
$('.test').css({width: w});


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 04:47:22
лучше потрать силы на красивый скроллбар...
и исправь тут косячек, чтоб уж совсем офигенно все было... отступы увеличились из-за переноса строки


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 04:50:45
Благодарю за помощь, Stasovsky. Проблему с онлоад походу сам решил, а вот с .css долго бы еще ипался..
Таблы были раньше, но это не круто.. =)
 
Благодарю за помощь! Надеюсь и не только мне.
 
p.s.: косячки докручиваю, как могу...
 
Ахуенный форум на пiха.ру


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 04:51:54
Таблы были раньше, но это не круто.. =)
никто на твои исходники не будет смотреть... зачем себе жизнь усложнять...


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 04:54:51
для себя, ну и опыт на будущее..ведь не всегда таблы спасут, а png'шная рамка на абсолютах, это разве не круть?
Спустя 37 секунд добавил
кстате насчет правильного оформления скролла поделишься ссылкой?


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 04:58:02
а png'шная рамка на абсолютах, это разве не круть?
не круть... нах напрягаться?
 
кстате насчет правильного оформления скролла поделишься ссылкой?
нет, ничего стоящего пока не нашел... только если де-нить спереть...


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 05:04:13
Stasovsky, а ведь и ты в свое время напрягался, верно =)


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 05:07:10
ну уж точно скрипты везде и всюду не пихал...
скрипты надо, чтоб было красиво и функционально, а не для того, что можно и без них править...


Название: Определение ширины браузера
Отправлено: Troy от 15 Август, 2010, 06:21:08

Спасибо, получилось:
Java
$(window).bind('resize',function() {
    $('.test').text($(this).width() - 50);
});
Нокак сделать, чтобы значение было и при загрузке страницы? Пробовал сделать так:
Java
$('.test').text($(window).width() - 50);
$(window).bind('resize',function() {
    $('.test').text($(this).width() - 50);
});
но ничего не выводится, только после ресайза.
И еще вопрос, как подставить значение не в тег с классом .test, а в значение width:
HTML
<div class="test" style='height: 125px; width: 125px;'></div>
Поигрался с .val, но ничего не получилось.

Javascript

$(document).ready(function() {
    $('.test').text($(this).width() - 50);
});
 


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 06:56:21
Готово! Даже в осле все отлично, но опера что-то не радует. Значение окна норм передает, а вот стиль css нижней рамки криво поправляет. Баг оперы?


Название: Определение ширины браузера
Отправлено: Sinkler от 15 Август, 2010, 06:57:34
ага, у неё тоже приколов хватает


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 07:00:27
Может к 'load resize' добавить еще движение мышки? подскажите как?
Спустя 55 секунд добавил
или на багтрекер им написать =)
Спустя 1 минуту 36 секунд добавил
шо главное, отресайзил, попрыгал с вкладки на вкладкуи все норм. хуета какато, "приехали" называется..


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 07:08:14
движение мышки
mousemove
 
или на багтрекер им написать =)
Спустя 1 минуту 36 секунд добавил
шо главное, отресайзил, попрыгал с вкладки на вкладкуи все норм. хуета какато, "приехали" называется..
а я говорил, неф себе проблемы создавать...
Спустя 1 минуту 42 секунды добавил
имхо, вариант с таблицей в данном случае просто идеален.. кроссбраузерный, валидный, ослы понимают, легкий...


Название: Определение ширины браузера
Отправлено: Sinkler от 15 Август, 2010, 07:11:00
или на багтрекер им написать =)
вряд ли поможет... некоторые предлагали пикет устроить перед офисом опера софтвеар


Название: Определение ширины браузера
Отправлено: Troy от 15 Август, 2010, 07:11:57
Sinkler, перед ютк кто бы устроил...


Название: Определение ширины браузера
Отправлено: Sinkler от 15 Август, 2010, 07:15:23

Sinkler, перед ютк кто бы устроил...
не, туда надо просто прийти с парочкой гранат))))
Спустя 29 секунд добавил
ну или автоматом)))


Название: Определение ширины браузера
Отправлено: Абырвалг от 15 Август, 2010, 07:16:50
опера - гавно. Не пойму причины ее популярности на постсовковом пространстве.
Спустя 54 секунды добавил
забейте хуй на нее. Вот реально на прошлой работе эстонцы даже не знали, что такой браузер есть.
 
Да и на нынешней тоже.


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 07:17:45
ее любят те, кому не нравится ие и у кого руки из жопы растут, что не могут норм настроит фф))
Спустя 30 секунд добавил
мб еще за дибильные виджеты...


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 07:19:00
Хех, пожелайте удачи... ^_^
http://my.opera.com/russian/forums/topic.dml?id=689342
Спустя 38 секунд добавил
я люблю оперу. руки с жопы, может быть...


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 07:20:07
вот те заняться нечем...


Название: Определение ширины браузера
Отправлено: Sinkler от 15 Август, 2010, 07:20:44
Drop, расскажешь, чего тебе там скажут)))


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 07:21:55
я на работе, делать нехер... остается лишь познавать соль..
Спустя 23 секунды добавил
...или в чем соль =D
Спустя 21 секунду добавил

Drop, расскажешь, чего тебе там скажут)))
yep


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 07:23:19
я знаю че ему скажут...
- какому юзеру взбредет в голову ресайзить сайт, на который зашел? если это конечно не вэб-мастер-задрот, который ресайзит все сайты)))


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 07:29:35
Ололо, я много раз видел, когда в офисах а этих ебанутых шестых ослах нажимают ссылку и браузер открывается в новом окне, разумеется не на весь экран, после чего, люди по привычке развертывают его на весь экран..
Спустя 1 минуту 1 секунду добавил
вэб-мастер-задрот
псевдоабсурдная няшечка))


Название: Определение ширины браузера
Отправлено: Stasovsky от 15 Август, 2010, 07:30:05
ие6 - не браузер... пользователи ие6 - не люди...


Название: Определение ширины браузера
Отправлено: Drop от 15 Август, 2010, 07:31:27
Ахах, чего возле "ХУЕТА!" нет "КРАСОТА!" ?))


Название: Определение ширины браузера
Отправлено: Sinkler от 15 Август, 2010, 07:35:21

Ахах, чего возле "ХУЕТА!" нет "КРАСОТА!" ?))
кто-то делает уже, вроде райдер


Название: Определение ширины браузера
Отправлено: Drop от 22 Август, 2010, 01:11:11

Хех, пожелайте удачи... ^_^
http://my.opera.com/russian/forums/topic.dml?id=689342

какие ж там все умные...


Название: Определение ширины браузера
Отправлено: Sinkler от 22 Август, 2010, 01:15:58
ахах)))


Название: Определение ширины браузера
Отправлено: Stasovsky от 22 Август, 2010, 01:17:25
да ладно, мы тоже пофлудить любим))


Название: Определение ширины браузера
Отправлено: Sinkler от 22 Август, 2010, 01:25:11
ну у нас тут не официальный форум opera software))))


Название: Определение ширины браузера
Отправлено: SpartakuS от 22 Август, 2010, 01:40:48
У нас после слов это не форум а хуйня какая о тс быстро улетает нахуй :D


Название: Определение ширины браузера
Отправлено: Drop от 24 Август, 2010, 03:48:30
Теперь я мифическое создание


Форум на ПЫХА.РУ