JavaScript & jQuery
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Чтобы не создавать отдельные темы с проблемой в JavaScript, решил создать тему с вопросами по jS и jQ. Задаем вопросы… Ссылки для обучения JS: 1. Центральный Javascript-ресурс 2. Учебники JavaScript 3. Уроки JavaScript 4. Справочник JavaScript 5. JavaScript tutorials 6. Плагины для jQuery 7. Учим JavaScript 8. Интересные решения на JS Конечно, если я какие-нибудь ссылки пропустил, оповестите меня, и я добавлю эти ссылки.
UPD Стандарт экма на русском: http://javascript.ru/ecma
Очень важная тема! Filmzona — онлайн фильмы .
Drug
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
Ну т.е, как-то сделать Code
var newwindow; function poptastic(url) { newwindow=window.open(url,'name','height=400,width=200'); if (window.focus) {newwindow.focus()} }
А вот, вместо poppedexemple.html была бы картинка - + img_base + Code
<a href="javascript:poptastic('poppedexample.html');">Pop it</a>
Жизнь=Сумотоха
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
Photo.push("<a href='" + img_base + "?imgmax=" + pwi_photosize + "' onclick='window.open("+img_base+")' title='" + d + "'>");
?Очень важная тема! Filmzona — онлайн фильмы .
Drug
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
UnderShot , почему-то все равно открывается, в новом окне, только сейчас в той-же вкладке, а нужно в новом окне, уже голову сломал, понять не могу, почему не открывает.Жизнь=Сумотоха
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Quote (Drug )
Он открывается в новом окне (target='blank')
Quote (Drug )
а нужно в новом окне, уже голову сломал
Как определишься, приходи.Очень важная тема! Filmzona — онлайн фильмы .
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Вот быдло-скрипт который работает только Опере. Как это же сделать чтобы работало везде? Code
<div id="posters" align="center"></div> <script type="text/javascript"> for (var i=900;i<1201;i++){ var a=document.createElement('img'); a.src='http://media01.gameloft.com/products/' + i + '/default/web/artwork/' + i + '.jpg'; a.title='id №' + i; a.style.display='none'; a.onload="this.style.display='block'"; document.getElementById('posters').appendChild(a); } </script>
Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
Drug
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
UnderShot , я имел ввиду, чтобы открылось новое окно, поверх, страницыЖизнь=Сумотоха
Infamous
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Raiderr , обработчику onload надо присваивать функцию, а не строку.
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
a.onload=function(){this.style.display='block';}
Очень важная тема! Filmzona — онлайн фильмы .
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Drug , так укажи нужные параметры в window.open : Code
window.open('url','имя_окна','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350')
Очень важная тема! Filmzona — онлайн фильмы .
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Как сделать, чтобы когда что-то на странице грузится, так показует див, а если не грузится - не показует? Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
DSC
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Raiderr , учи ajax, это самый верный вариант)aka Latro
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
DSC , покажи примерНовый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
DSC
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Raiderr , ты хочешь сделать портфолио как у Алеко? Если да, то ищи тему в данном разделе, я задавал такой вопрос!aka Latro
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
DSC , нет нет, мне не для портфолио! Мне нужно для одной страницы такую типо штуку, если грузятся на странице изображения так показует "Loading...", если ниче не грузится - ниче не показует. p.s. Ну что-то типо такого мне нужно, только там вроде для каждого изображения идет онлоад, а мне для общей страницы нужно
Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI Сообщение отредактировал Raiderr - Суббота, 07.08.2010, 13:58
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<div id="one">Загрузка…</div> <script>$(document).ready(function(){$("#one").hide()})</script>
Еще наверно можно через window.onload, но я не пробовал.Очень важная тема! Filmzona — онлайн фильмы .
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
UnderShot , ну это вариант на квери, мне нужно на чистом window.onload вроде не так работаетНовый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
Infamous
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Code
if ( window.addEventListener ) { window.addEventListener( 'load', hideImages, false ); } else if ( window.attachEvent ) { window.attachEvent( 'onload', hideImages ); } else { window.onload = hideImages; } function hideImages() { // Твой код }
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Infamous , спасибо и +Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Скрипт: Code
<script> favorite={ add:function(title, url, uid){ $('#favSt').html('<img src="/misc/themes/Grey/none.gif" class="ajaxs" title="Добавление..." />'); $.get('/board/0-0-'+uid+'-0-17?'+77*Math.random(), function(p){ch=$('span.favorite', p).length;ch2=$('span.favorite', p).text().indexOf(title);}), setTimeout(function(){if(ch>50){favorite.error('Превышен допустимый лимит')}else{ if(ch2!==-1){favorite.error('Такая закладка уже существует!')}else{ $.get('/board/1-0-0-0-1?'+66*Math.random(), function(i){ $.post('/board/1-0-0-0-1', { a: $('input[name="a"]', i).val(), numa: $('input[name="numa"]', i).val(), ssid: $('input[name="ssid"]', i).val(), title: title, brief: url, ocat: 1 }) ,favorite.ok() }); }; }}, 500); } } </script>
Так вызываю: Code
onClick='favorite.add("$ENTRY_TITLE$", "$ENTRY_URL$", "$USER_ID$");return false'
Но он почему-то работает только после второго раза раза онклика. То есть, первый раз нажимаю — появляется только: $('#favSt').html('<img src="/misc/themes/Grey/none.gif" class="ajaxs" title="Добавление..." />') , а когда второй раз нажимаю, так весь скрипт срабатывает. В чем может быть проблема? Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI Сообщение отредактировал Raiderr - Пятница, 13.08.2010, 17:52
Infamous
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Quote
$.post('/board/1-0-0-0-1'
В /board постить надо.
Без ().
P.S. если не поможет, то можно попробовать грязный хак:
Code
onClick='this.click();favorite.add("$ENTRY_TITLE$", "$ENTRY_URL$", "$USER_ID$");return false'
Сообщение отредактировал Infamous - Пятница, 13.08.2010, 18:23
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Quote (Infamous )
В /board постить надо
не помогло бред Quote (Infamous )
если не поможет, то можно попробовать грязный хак:
ЛОЛ, но помогло, спасибоНовый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Raiderr , попробуй запром поставить перед выполнением $('#favSt').html('<img src="/misc/themes/Grey/none.gif" class="ajaxs" title="Добавление..." />') Бесплатные обои.
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Quote (Aleko )
Raiderr, попробуй запром поставить перед выполнением $('#favSt').html('<img src="/misc/themes/Grey/none.gif" class="ajaxs" title="Добавление..." />')
Та не. Дело в самих гетах и постах. То, что ты написал воопше убираю - и результат тот же.Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Raiderr , тогда не мучайся и сделай гет отдельно, без квери.Бесплатные обои.
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Как для всех ссылок на сайте добавить онклик, с алертом хрефа ссылки. Делаю так, но все ссылки выходят с алертом хрефа первой ссылки на сайте. Code
<script> var lolka=$('a').attr('href'); var lololol="alert(lolka);return false"; $('a').attr('onClick',lololol); </script>
Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI Сообщение отредактировал Raiderr - Суббота, 14.08.2010, 16:40
Infamous
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Переменная lolka возвращает href первой ссылки.
Code
$('a').click(function () { alert( this ); return false; });
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Code
$('a').click(function(){ new _uWnd('addPht','Добавление изображения',-310,-100,{autosize:1},{url:this;xml:false}); return false; });
блин, а с таким примером? что-то не вышлоНовый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI Сообщение отредактировал Raiderr - Суббота, 14.08.2010, 18:32
Infamous
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
this в данном коде — DOM-объект, хотя можно подумать, что это строка. Поэтому вместо него надо использовать this.href
Raiderr
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Quote (Infamous )
this.href
спасибо Твой вариант не работает! Ставлю так:
Code
$('a').click(function(){ new _uWnd('addPht','Добавление изображения',-310,-100,{autosize:1},{url:'/gameloft/id/';xml:false}); return false; });
Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Quote (Infamous )
this в данном коде — DOM-объект
dom element a возвращает свой href при приведении к типу строки, поэтому можно и так:
Бесплатные обои.
DSC
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Сейчас переписываю выборку , решил использовать единую регулярку для всей выборки: Code
<script type='text/javascript'> var regexp=/(?:(.*)(?: +)?([ >+~<])(?: +)?)?(\w+)?((\[(\w+)(?:([~^$*|!])?=(.*?))?\]|:([\w-]+)(?:\((.*?)\))?|[.#]([\w-]+))$/ </script>
p.s.: кто разбирается, скажите, нормально будет есть использовать один, или нет? я вообще разбираюсь в этом, просто мне говорили, что может быть вариант, что скорость будет меньше из-за этого... aka Latro Сообщение отредактировал DSC - Воскресенье, 22.08.2010, 13:06
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
DSC , почему регулярка не отлавливает название первого лемента в цепи?Бесплатные обои.
DSC
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Aleko , а для чего оно, если при иерархии он должен быть!aka Latro
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
DSC , хм, вообще да.Бесплатные обои.
Drug
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
Может, кто знает, как сделать, чтобы вместо слова текст была картинка т.е внутри .js файла этот код, а выводит на страницу слово текст, а надо картинку... Code
var play = "<a href = \"JavaScript:load('" + id + "', 0);\">Текст</a>" var a = "123";
Жизнь=Сумотоха
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
var play = "<a href = \"JavaScript:load('" + id + "', 0);\"><img></a>" var a = "123";
Очень важная тема! Filmzona — онлайн фильмы .
Drug
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
UnderShot , спасибо, но вот как, сделать чтобы показывалась картинка залитая на сайт, пробовал по всякому не получается, картинка не показывает, которую указал, а вместе нее просто не кликобельная ссылка на картинку и такое вот чудо Жизнь=Сумотоха Сообщение отредактировал Drug - Пятница, 03.09.2010, 18:03
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Drug , Code
<script> var play="<a href='#' id='play'><img src='…' alt='…'/></a>",a=123; document.getElementById("play").onclick=funciton(){load(id,0)} </script>
Я бы делал так.Очень важная тема! Filmzona — онлайн фильмы .
MrOizo
говорун
Группа: Проверенные
Пользователь №: 42
Сообщений: 188
Получено оценок: 6
Помогите сделать авто определение размера блока. в js есть такая строчка которая отвечает за высоту блока(весь текст который выходит за границы становиться невидимым), а как сделать так чтобы блок подстраивался под текст, который находится внутри блока.
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
MrOizo , всё зависит от ширины. Если ширина известна - создаем блок с указанной шириной, копируем туда контент, затем получаем высоту блока с контентом в пикселях с помощью offsetHeight ну и применяем к нашему первому блоку.Бесплатные обои.
MrOizo
говорун
Группа: Проверенные
Пользователь №: 42
Сообщений: 188
Получено оценок: 6
Aleko , извини я наверное неправильно написал, я хочу реализовать систему вкладок, чтобы высота автоматически подстраивалась под текст. Я нашел код, но там высота, везде фиксирована. (ширина будет везде одна) Вот тот участок кода, где указывается ширина. Code
{'section': 'portfolio', 'height' : 187}, {'section': 'blog', 'height' : 328},
Вот там где блог, я и хочу сделать автоматическое определение высоты.
Nigelist
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Привет всем! У меня вопрос: Можно ли сделать хорошее кроссбраузерное, легкое оформление скроллбаров (полос прокруток)? Чтоб не сильно нагружал сайт? В поисковиках нашел такие варианты , но очень много людей пишут что они очень тяжелые. И их - скроллбары, лучше оставлять дефолтными... Кто что скажет по этому вопросу?
Бороться и искать, найти и перепрятать... Сообщение отредактировал Nigelist - Среда, 15.09.2010, 10:45
Infamous
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Quote (Nigelist )
но очень много людей пишут что они очень тяжелые
Бредни это всё. Ставь jScrollPane и не парься.
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Nigelist , я выкладывал скроллбары в разделе js - поищиБесплатные обои.
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Nigelist , написать свой скроллбар, и все.Очень важная тема! Filmzona — онлайн фильмы .
Nigelist
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Infamous спасибо, думаю оно самое... Мне очень подходит вариант №2 (OS X) , теперь переделать бы под себя... Бум разбираться... Aleko , Это чтоль ? Тогда немного не подходит, я хочу полностью переделать скроллбар. Кстати что скажете по поводу этого самого jScrollPane?
Бороться и искать, найти и перепрятать... Сообщение отредактировал Nigelist - Среда, 15.09.2010, 13:04
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Nigelist , как-то писал скроллер — 1,5 кБ.Очень важная тема! Filmzona — онлайн фильмы .
Nigelist
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Infamous , шота не получается присобачить... Ты на укозовский сайт ставил уже? UnderShot , мне нужна полноценная замена всех скроллбаров, и оформить нужно не только бегунок и дорожку, но и кнопку. В общем нужно что то вроде этого:
Бороться и искать, найти и перепрятать...
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Nigelist , на моем можно Но лучше использовать jScrollPane, т.к это законченная версия. У html,bodyCode
html,body{overflow:hidden}
Подключаешь скриптCode
$("body").jScrollPane();
И все.Очень важная тема! Filmzona — онлайн фильмы .
Nigelist
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot , можно подробнее? Про глобальную установку скрипта? Бороться и искать, найти и перепрятать...