Пыха всегда с тобой

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха информатор 3.1
Еще более удобное оповещение о флуде!

Краснодарское время: 09 Февраль, 2012, 08:06:35

Страниц: [1] 2 3 4
Печать
Автор Тема: Определение ширины браузера  (Прочитано 1254 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Drop    ↓ 
15 Август, 2010, 03:14:52
НЕ ХУЕТА! ХУЕТА!


Карма: 3
Сообщений: 105
Сила слова: 2.86

Мужики, помогите пожалуйста! Перерыл все закладки, всю историю поиска.. Помню, что где-то находил скрипт на jquery, который на ходу определяет ширину браузера(при ресайзе или развертывания браузера во весь экран). Способ, который стоит у меня хороший, но он не катит - рефреш ему нужен...
Javascript
$(window).width()
Записан

Абырвалг    ↓ 
15 Август, 2010, 03:35:20 , спустя 20 минут 28 секунд
НЕ ХУЕТА! ХУЕТА!

PHP Infected, симфоеб, маконенавистник
Группа: Джедаи

Карма: 79
Сообщений: 5818
Сила слова: 1.36

ололо. Забиндись просто на события resize
Записан

PHP does the job since 1995
Пожалуйста, не надо делать двойные клики по ссылкам. Это создает избыточную нагрузку на сервер
Stasovsky    ↓ 
15 Август, 2010, 03:39:19 , спустя 3 минуты 59 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

Javascript
$(window).bind('resize',function() {
    $('span').text($(this).width());
});
Записан
Drop    ↓ 
15 Август, 2010, 03:40:32 , спустя 1 минуту 13 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: 3
Сообщений: 105
Сила слова: 2.86

а как быть в таком сулчае:
Java
document.write ($(window).width() - 50);
Записан

Stasovsky    ↓ 
15 Август, 2010, 03:42:24 , спустя 1 минуту 52 секунды
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

а в чем проблема? норм вычитает 50 пикселей....
Записан
Drop    ↓ 
15 Август, 2010, 03:53:57 , спустя 11 минут 33 секунды
НЕ ХУЕТА! ХУЕТА!


Карма: 3
Сообщений: 105
Сила слова: 2.86

Проблева не с вычитанием, просто нужен вывод значения ширины страницы при ее изменении  
Спустя 19 секунд добавил
проблема*
Записан

Stasovsky    ↓ 
15 Август, 2010, 03:54:25 , спустя 28 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

я те пример привел, где пишет ширину в спан...
Записан
Drop    ↓ 
15 Август, 2010, 03:56:40 , спустя 2 минуты 15 секунд
НЕ ХУЕТА! ХУЕТА!


Карма: 3
Сообщений: 105
Сила слова: 2.86

я понимаю, только как его вывести?
Спустя 1 минуту 7 секунд добавил
Покажи, пожалуйста, как вывести через документ врайт
Записан

Stasovsky    ↓ 
15 Август, 2010, 03:57:33 , спустя 53 секунды
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

стесняюсь спросить, нахрена?
Записан
Drop    ↓ 
15 Август, 2010, 04:00:17 , спустя 2 минуты 44 секунды
НЕ ХУЕТА! ХУЕТА!


Карма: 3
Сообщений: 105
Сила слова: 2.86

Подгон рамки при ресайзе: http://dropbydrop.org.ua/
Спустя 1 минуту 19 секунд добавил
для меня js - новое, не стисняюсь признаться...
Записан

Абырвалг    ↓ 
15 Август, 2010, 04:01:40 , спустя 1 минуту 23 секунды
НЕ ХУЕТА! ХУЕТА!

PHP Infected, симфоеб, маконенавистник
Группа: Джедаи

Карма: 79
Сообщений: 5818
Сила слова: 1.36

зачем тебе документ райт, если у тебя jQuery? Используй .text(), .html(), .val()
Записан

PHP does the job since 1995
Пожалуйста, не надо делать двойные клики по ссылкам. Это создает избыточную нагрузку на сервер
Stasovsky    ↓ 
15 Август, 2010, 04:02:29 , спустя 49 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

во-во.. документ врайт тупо все снесет и напишет свое...
Записан
Drop    ↓ 
15 Август, 2010, 04:33:29 , спустя 31 минуту
НЕ ХУЕТА! ХУЕТА!


Карма: 3
Сообщений: 105
Сила слова: 2.86

Спасибо, получилось:
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 , спустя 4 минуты 8 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

зачем лишний раз епаться со скриптами, когда такую рамочку можно легко сделать обычными таблицами?
я, конечно, не сторонник табличной верстки, но так проще, чем дивами...
 
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 , спустя 9 минут 45 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

лучше потрать силы на красивый скроллбар...
и исправь тут косячек, чтоб уж совсем офигенно все было... отступы увеличились из-за переноса строки


* al4l.jpg (136.77 Кб, 867x264 - просмотрено 58 раз.)
Записан
Страниц: [1] 2 3 4
Печать
 

Перейти в: