JavaScript & jQuery
UnderShot
Дата: Понедельник, 23.11.2009, 20:12 | Сообщение # 1
оратор
Группа: Модераторы
Пользователь №: 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
Дата: Суббота, 24.07.2010, 09:37 | Сообщение # 351
шептун
Группа: Проверенные
Пользователь №: 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
Дата: Суббота, 24.07.2010, 09:57 | Сообщение # 352
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
Photo.push("<a href='" + img_base + "?imgmax=" + pwi_photosize + "' onclick='window.open("+img_base+")' title='" + d + "'>");
?


Очень важная тема!
Filmzona — онлайн фильмы.
  
Drug
Дата: Суббота, 24.07.2010, 10:13 | Сообщение # 353
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
UnderShot, почему-то все равно открывается, в новом окне, только сейчас в той-же вкладке, а нужно в новом окне, уже голову сломал, понять не могу, почему не открывает.

Жизнь=Сумотоха
  
UnderShot
Дата: Суббота, 24.07.2010, 15:08 | Сообщение # 354
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Quote (Drug)
Он открывается в новом окне (target='blank')

Quote (Drug)
а нужно в новом окне, уже голову сломал
Как определишься, приходи.


Очень важная тема!
Filmzona — онлайн фильмы.
  
Raiderr
Дата: Суббота, 24.07.2010, 15:12 | Сообщение # 355
болтун
Группа: Проверенные
Пользователь №: 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
Дата: Суббота, 24.07.2010, 16:35 | Сообщение # 356
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
UnderShot, я имел ввиду, чтобы открылось новое окно, поверх, страницы

Жизнь=Сумотоха
  
Infamous
Дата: Суббота, 24.07.2010, 17:00 | Сообщение # 357
говорун
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Raiderr, обработчику onload надо присваивать функцию, а не строку.
  
UnderShot
Дата: Суббота, 24.07.2010, 20:12 | Сообщение # 358
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
a.onload=function(){this.style.display='block';}


Очень важная тема!
Filmzona — онлайн фильмы.
  
UnderShot
Дата: Суббота, 24.07.2010, 20:23 | Сообщение # 359
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Drug, так укажи нужные параметры в window.open:
Code
window.open('url','имя_окна','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350')


Очень важная тема!
Filmzona — онлайн фильмы.
  
Raiderr
Дата: Суббота, 07.08.2010, 02:47 | Сообщение # 360
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Как сделать, чтобы когда что-то на странице грузится, так показует див, а если не грузится - не показует?

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
  
DSC
Дата: Суббота, 07.08.2010, 10:15 | Сообщение # 361
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Raiderr, учи ajax, это самый верный вариант)

aka Latro
  
Raiderr
Дата: Суббота, 07.08.2010, 13:18 | Сообщение # 362
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
DSC, покажи пример

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
  
DSC
Дата: Суббота, 07.08.2010, 13:35 | Сообщение # 363
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Raiderr, ты хочешь сделать портфолио как у Алеко? Если да, то ищи тему в данном разделе, я задавал такой вопрос!

aka Latro
  
Raiderr
Дата: Суббота, 07.08.2010, 13:56 | Сообщение # 364
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
DSC, нет нет, мне не для портфолио! Мне нужно для одной страницы такую типо штуку, если грузятся на странице изображения так показует "Loading...", если ниче не грузится - ниче не показует.

p.s. Ну что-то типо такого мне нужно, только там вроде для каждого изображения идет онлоад, а мне для общей страницы нужно


Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI

Сообщение отредактировал Raiderr - Суббота, 07.08.2010, 13:58
  
UnderShot
Дата: Суббота, 07.08.2010, 13:57 | Сообщение # 365
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<div id="one">Загрузка…</div>
<script>$(document).ready(function(){$("#one").hide()})</script>
Еще наверно можно через window.onload, но я не пробовал.


Очень важная тема!
Filmzona — онлайн фильмы.
  
Raiderr
Дата: Суббота, 07.08.2010, 14:13 | Сообщение # 366
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
UnderShot, ну это вариант на квери, мне нужно на чистом
window.onload вроде не так работает


Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
  
Infamous
Дата: Суббота, 07.08.2010, 15:56 | Сообщение # 367
говорун
Группа: Проверенные
Пользователь №: 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
Дата: Суббота, 07.08.2010, 16:04 | Сообщение # 368
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Infamous, спасибо и +

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
  
Raiderr
Дата: Пятница, 13.08.2010, 17:51 | Сообщение # 369
болтун
Группа: Проверенные
Пользователь №: 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
Дата: Пятница, 13.08.2010, 18:22 | Сообщение # 370
говорун
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Quote
$.post('/board/1-0-0-0-1'

В /board постить надо.

Quote
favorite.ok()

Без ().

P.S. если не поможет, то можно попробовать грязный хак:

Code
onClick='this.click();favorite.add("$ENTRY_TITLE$", "$ENTRY_URL$", "$USER_ID$");return false'

;)

Сообщение отредактировал Infamous - Пятница, 13.08.2010, 18:23
  
Raiderr
Дата: Пятница, 13.08.2010, 20:34 | Сообщение # 371
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
Quote (Infamous)
В /board постить надо

не помогло
Quote (Infamous)
Без ().

бред
Quote (Infamous)
если не поможет, то можно попробовать грязный хак:

ЛОЛ, но помогло, спасибо


Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
  
Aleko
Дата: Пятница, 13.08.2010, 21:12 | Сообщение # 372
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Raiderr, попробуй запром поставить перед выполнением $('#favSt').html('<img src="/misc/themes/Grey/none.gif" class="ajaxs" title="Добавление..." />')

Бесплатные обои.
  
Raiderr
Дата: Пятница, 13.08.2010, 23:07 | Сообщение # 373
болтун
Группа: Проверенные
Пользователь №: 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
Дата: Суббота, 14.08.2010, 12:22 | Сообщение # 374
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Raiderr, тогда не мучайся и сделай гет отдельно, без квери.

Бесплатные обои.
  
Raiderr
Дата: Суббота, 14.08.2010, 16:40 | Сообщение # 375
болтун
Группа: Проверенные
Пользователь №: 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
Дата: Суббота, 14.08.2010, 18:15 | Сообщение # 376
говорун
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Переменная lolka возвращает href первой ссылки.

Code
$('a').click(function () {
alert( this );
return false;
});
  
Raiderr
Дата: Суббота, 14.08.2010, 18:31 | Сообщение # 377
болтун
Группа: Проверенные
Пользователь №: 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
Дата: Суббота, 14.08.2010, 20:30 | Сообщение # 378
говорун
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
this в данном коде — DOM-объект, хотя можно подумать, что это строка. Поэтому вместо него надо использовать this.href
  
Raiderr
Дата: Воскресенье, 15.08.2010, 00:05 | Сообщение # 379
болтун
Группа: Проверенные
Пользователь №: 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
Дата: Воскресенье, 15.08.2010, 01:56 | Сообщение # 380
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Quote (Infamous)
this в данном коде — DOM-объект

dom element a возвращает свой href при приведении к типу строки, поэтому можно и так:

Code
this+''


Бесплатные обои.
  
DSC
Дата: Суббота, 21.08.2010, 17:27 | Сообщение # 381
спикер
Группа: Проверенные
Пользователь №: 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
Дата: Воскресенье, 22.08.2010, 00:18 | Сообщение # 382
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
DSC, почему регулярка не отлавливает название первого лемента в цепи?

Бесплатные обои.
  
DSC
Дата: Воскресенье, 22.08.2010, 10:51 | Сообщение # 383
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Aleko, а для чего оно, если при иерархии он должен быть!

aka Latro
  
Aleko
Дата: Воскресенье, 22.08.2010, 16:21 | Сообщение # 384
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
DSC, хм, вообще да.

Бесплатные обои.
  
Drug
Дата: Четверг, 02.09.2010, 23:14 | Сообщение # 385
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
Может, кто знает, как сделать, чтобы вместо слова текст была картинка
т.е внутри .js файла этот код, а выводит на страницу
слово текст, а надо картинку...
Code
var play = "<a href = \"JavaScript:load('" + id + "', 0);\">Текст</a>"
  var a = "123";


Жизнь=Сумотоха
  
UnderShot
Дата: Пятница, 03.09.2010, 15:59 | Сообщение # 386
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
var play = "<a href = \"JavaScript:load('" + id + "', 0);\"><img></a>"
var a = "123";


Очень важная тема!
Filmzona — онлайн фильмы.
  
Drug
Дата: Пятница, 03.09.2010, 17:52 | Сообщение # 387
шептун
Группа: Проверенные
Пользователь №: 2803
Сообщений: 55
UnderShot, спасибо, но вот как, сделать чтобы показывалась картинка залитая на сайт, пробовал по всякому не получается, картинка не показывает, которую указал, а вместе нее просто не кликобельная ссылка на картинку и такое вот чудо
confused
Прикрепления: 6144053.png (0.3 Kb)


Жизнь=Сумотоха

Сообщение отредактировал Drug - Пятница, 03.09.2010, 18:03
  
UnderShot
Дата: Пятница, 03.09.2010, 21:07 | Сообщение # 388
оратор
Группа: Модераторы
Пользователь №: 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
Дата: Понедельник, 06.09.2010, 17:53 | Сообщение # 389
говорун
Группа: Проверенные
Пользователь №: 42
Сообщений: 188
Получено оценок: 6
Помогите сделать авто определение размера блока.
в js есть такая строчка которая отвечает за высоту блока(весь текст который выходит за границы становиться невидимым), а как сделать так чтобы блок подстраивался под текст, который находится внутри блока.

Code
'height' : 130


  
Aleko
Дата: Понедельник, 06.09.2010, 18:19 | Сообщение # 390
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
MrOizo, всё зависит от ширины. Если ширина известна - создаем блок с указанной шириной, копируем туда контент, затем получаем высоту блока с контентом в пикселях с помощью offsetHeight ну и применяем к нашему первому блоку.

Бесплатные обои.
  
MrOizo
Дата: Понедельник, 06.09.2010, 18:35 | Сообщение # 391
говорун
Группа: Проверенные
Пользователь №: 42
Сообщений: 188
Получено оценок: 6
Aleko, извини я наверное неправильно написал, я хочу реализовать систему вкладок, чтобы высота автоматически подстраивалась под текст.
Я нашел код, но там высота, везде фиксирована.
(ширина будет везде одна)
Вот тот участок кода, где указывается ширина.
Code

{'section': 'portfolio', 'height' : 187},
{'section': 'blog', 'height' : 328},

Вот там где блог, я и хочу сделать автоматическое определение высоты.


  
Nigelist
Дата: Среда, 15.09.2010, 10:29 | Сообщение # 392
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Привет всем! У меня вопрос: Можно ли сделать хорошее кроссбраузерное, легкое оформление скроллбаров (полос прокруток)? Чтоб не сильно нагружал сайт? В поисковиках нашел такие варианты, но очень много людей пишут что они очень тяжелые. И их - скроллбары, лучше оставлять дефолтными...

Кто что скажет по этому вопросу?


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Среда, 15.09.2010, 10:45
  
Infamous
Дата: Среда, 15.09.2010, 12:21 | Сообщение # 393
говорун
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Quote (Nigelist)
но очень много людей пишут что они очень тяжелые

Бредни это всё. Ставь jScrollPane и не парься.

  
Aleko
Дата: Среда, 15.09.2010, 12:24 | Сообщение # 394
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Nigelist, я выкладывал скроллбары в разделе js - поищи

Бесплатные обои.
  
UnderShot
Дата: Среда, 15.09.2010, 12:36 | Сообщение # 395
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Nigelist, написать свой скроллбар, и все.

Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Среда, 15.09.2010, 13:04 | Сообщение # 396
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Infamous спасибо, думаю оно самое... Мне очень подходит вариант №2 (OS X), теперь переделать бы под себя... Бум разбираться...

Aleko, Это чтоль? Тогда немного не подходит, я хочу полностью переделать скроллбар. Кстати что скажете по поводу этого самого jScrollPane?


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Среда, 15.09.2010, 13:04
  
UnderShot
Дата: Среда, 15.09.2010, 13:10 | Сообщение # 397
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Nigelist, как-то писал скроллер — 1,5 кБ.

Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Среда, 15.09.2010, 14:36 | Сообщение # 398
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Infamous, шота не получается присобачить... Ты на укозовский сайт ставил уже?

UnderShot, мне нужна полноценная замена всех скроллбаров, и оформить нужно не только бегунок и дорожку, но и кнопку. В общем нужно что то вроде этого:

Прикрепления: 0312791.jpg (3.9 Kb)


Бороться и искать, найти и перепрятать...
  
UnderShot
Дата: Среда, 15.09.2010, 14:57 | Сообщение # 399
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Nigelist, на моем можно :) Но лучше использовать jScrollPane, т.к это законченная версия. У html,body
Code
html,body{overflow:hidden}
Подключаешь скрипт
Code
$("body").jScrollPane();
И все.


Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Среда, 15.09.2010, 19:17 | Сообщение # 400
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot, можно подробнее? Про глобальную установку скрипта? confused

Бороться и искать, найти и перепрятать...
  
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.