Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по jQuery

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Открыть новую тему     Написать ответ в эту тему

Jokerjar79



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Фильтр по слову "jquery" не дал какой-либо общей темы по этой библиотеке, поэтому решился создать. У меня возник такой вопрос: согласно справочной документации такой код:
 

Код:
  <p>1</p>
  <p>2</p>
  <p>3</p>
  <p>4</p>
 
  <script language="javascript">
      $("p")[0].html("test");
  </script>

 
должен <p>1</p> заменить на <p>test</p>. Но не работает. Пробовал еще так:
 

Код:
$("p").get(0).html("test");

 
Есть подозрения, что мануал, по которому осваиваю библиотеку, написан для более старой версии, а позже принцип обращения к конкретному элементу из коллекции как-то изменился. Кто знает, как реализовать это (версия библиотеки - v1.3.2)



Документация по jQuery - eng, рус

Всего записей: 710 | Зарегистр. 08-09-2007 | Отправлено: 16:22 11-08-2009 | Исправлено: Cheery, 07:35 09-08-2013
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Не могу понять почему ошибку выбивает  

Цитата:
 
ReferenceError: rotate is not defined
[Прерывать на этой ошибке]     
 
setInterval('rotate()',5000);
 

 
http://rut.in.ua/  
Хочу сделать меняющиеся картинки.

----------
Абонентское обслуживание и ремонт компьютеров в Днепропетровске

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 13:42 16-06-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Такая проблема. Вывожу в известном скрипте lighbox ссылку. По клику на ней мне нужно перепрыгнуть на новую страницу и закрыть этот lightbox.  
В опере ок, решил, поставил обычный таргет бланк, а js прописал  

Код:
 
$('a.more').click (function(event){
            parent.Lightbox.end();
 });

Все нормально.  
В FF и Хроме же полная ерунда. По клику окно просто закрывается без любого перехода. Если убрать JS - то ссылка начинает работать, но окно остается на старой странице открытым.
Как такое решается?

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 15:21 16-06-2013
Bu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
$('a.more').click(function(){
            parent.Lightbox.end();
        window.open($(this).attr("href"), "_blank");
 });  


Всего записей: 79 | Зарегистр. 08-10-2001 | Отправлено: 16:47 16-06-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо.  
Ещё такая вот дилемма.  
Есть пул мелких картинок, по клику на которые подгружается большая.  

Код:
div class="big">
    <img src="big/1.jpg" class="bigimg"/>
</div>
<div>
<img src="small/1.jpg" class="small"/>
<img src="small/2.jpg" class="small"/>
<img src="small/3.jpg" class="small"/>

Это решено. После клика маленькая картинка подсвечивается красным - цвет рамки. Скрипт в отдельном файле.

Код:
 
$('img.small').click (function(event){            
            var img_src = $(this).attr('src').replace('small', 'big');;
            $('div.big img').attr('src', img_src);
 
            $('img.small').css('border-color', 'black');
            $(this).css('border-color', 'red');
            
            
          });

 А как снять старую подстветку в это же время?  Пытаюсь, как видите, строчкой
Код:
$('.small').css('border-color', 'black');
выделенной строчкой - не выходит.
Все, заработало, спасибо.

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 17:10 16-06-2013 | Исправлено: xerpal, 17:33 16-06-2013
Bu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
$('img.small').click (function(event){            
            var img_src = $(this).attr('src').replace('small', 'big');;
            $('div.big img').attr('src', img_src);
 
            $('.small').css('border-color', 'black');
            $(this).css('border-color', 'red');
 
          });


Всего записей: 79 | Зарегистр. 08-10-2001 | Отправлено: 17:18 16-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DarkSmoke

Цитата:
Не могу понять почему ошибку выбивает  

потому что та функция существует только внутри  
$(document).ready(function(){
});
вынесите ее за пределы.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:54 16-06-2013
Kish



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В общем, по решению проблемы подошел этот вариант: http://www.xiper.net/collect/js-plugins/ui/tinyscrollbar.html

Всего записей: 1170 | Зарегистр. 17-02-2005 | Отправлено: 03:33 22-06-2013
muxa81

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте форумчане! Помогите исправить код скрипта

Код:
 
function orderdecs_rate(id){
    $.post(dle_root+'engine/ajax/orderdesc_rating.php',{order:id},function(data){
        if(data.msg){
            alert(data.msg);
        }else{
            if(data.rating > 0) $("#orderdesc-rating-"+id).removeAttr('class').addClass("orderdesc-rating-plus");
            $("#orderdesc-rating-"+id).html(data.rating);
        }
    },"json");
    return false;
}
$(function(){
    $("#orderdesc-del-submit, .orderdesc-rating-del").live({click:function(){
        if(!confirm('Точно удалить выбранную заявку?')) return false;
    }});
    $("#orderdesc-table tbody tr:odd").addClass("orderdescr-tr-odd");
    $("#orderdesc-add").click(function(){
        $("#orderdesc-add-area").slideToggle(500);
        return false;
    });
------------ я думаю что проблемма в след 2-х финкциях----------------------------------------
    $("a.orderdesc-descr-trigger").live({click:function(){
        $(this).toggleClass("orderdesc-descr-triggered").parents('td').find("p.orderdesc-descr").slideToggle(300);
        return false;
    }});
    $("p.orderdesc-descr").live({click:function(){
        $(this).slideToggle(300).parents('td').find("a.orderdesc-descr-trigger").toggleClass("orderdesc-descr-triggered");
        return false;
    }});
---------------------------------------------------------------------------------------------
    $("#orderdesc_title").live({blur:function(){
        if($(this).val().length>2){
            $.post('engine/ajax/orderdesc_relates.php', { title: $(this).val() }, function(data){
                $('#orderdesc_related').fadeIn(300).html(data);
            });
        }else $('#orderdesc_related').fadeOut(300);
        return false;
    }});
})
 

 
При клике по одной строчке открываютя все строки содержащие клсасс orderdesc-descr-triggered, а нужно чтобы строки открывались только на той строке где кликаешь

Всего записей: 15 | Зарегистр. 23-09-2010 | Отправлено: 11:23 25-06-2013 | Исправлено: muxa81, 11:41 25-06-2013
mishakor

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
покажите кусок html

Всего записей: 65 | Зарегистр. 29-09-2008 | Отправлено: 13:43 25-06-2013
muxa81

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
 
 
   
    <td ><h2>Тестовоезадание1<a href="#" class="orderdesc-icon orderdesc-descr-trigger orderdesc-descr-triggered" tooltip="Подробное описание"></a>  <a href="/index.php?do=orderdesc&amp;action=edit&amp;id=8" class="orderdesc-icon orderdesc-edit" tooltip="Редактировать заявку"></a><a href="/index.php?do=orderdesc&amp;action=del&amp;id=8" class="orderdesc-icon orderdesc-rating-del" tooltip="Удалить заявку"></a></h2><p>оригинальное</p><p class="orderdesc-descr" tooltip="Закрыть" style="display: block;">пожелания</p></td>
   <td><h2>Тестовоезадание<a href="#" class="orderdesc-icon orderdesc-descr-trigger" tooltip="Подробное описание"></a>  <a href="/index.php?do=orderdesc&amp;action=edit&amp;id=7" class="orderdesc-icon orderdesc-edit" tooltip="Редактировать заявку"></a><a href="/index.php?do=orderdesc&amp;action=del&amp;id=7" class="orderdesc-icon orderdesc-rating-del" tooltip="Удалить заявку"></a></h2><p>оригинальное</p><p class="orderdesc-descr" tooltip="Закрыть" style="display: block;">reeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</p></td>
 

Всего записей: 15 | Зарегистр. 23-09-2010 | Отправлено: 13:55 25-06-2013 | Исправлено: muxa81, 04:38 26-06-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Какая жуть. И вот в этом вот мясе нужно разобраться?  Может удалите лишнее?

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 23:10 25-06-2013
mishakor

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
$("a.orderdesc-descr-trigger").live({click:function(){  
        $(this).toggleClass("orderdesc-descr-triggered").parents('td').find("p.orderdesc-descr").slideToggle(300);  
        return false;  
    }});  
    $("p.orderdesc-descr").live({click:function(){  
        $(this).slideToggle(300).parents('td').find("a.orderdesc-descr-trigger").toggleClass("orderdesc-descr-triggered");  
        return false;  
    }});

С этим куском кода всё работает, весь остальной код приведённый выше не относится к
Цитата:
При клике по одной строчке открываются все строки содержащие класс orderdesc-descr-triggered, а нужно чтобы строки открывались только на той строке где кликаешь

 
При клике по первой ссылке (Подробное описание) открывает/закрывается абзац с текстом "пожелания"
При клике по второй ссылке (Подробное описание) открывает/закрывается абзац с текстом "reeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee"
 

Всего записей: 65 | Зарегистр. 29-09-2008 | Отправлено: 07:03 26-06-2013
Bu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
mishakor
Вместо parents - parent?

Всего записей: 79 | Зарегистр. 08-10-2001 | Отправлено: 08:29 26-06-2013
mishakor

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Вместо parents - parent?

 

Цитата:
parent - находит родителя строго на один уровень вверх.
parents  - возвращает список всех родительских узлов, и,  может содержать селектор, для уточнения набора родителей.

 
можно и несколько parent поставить, пока до "td" не доберёмся.
В приведённом примере это не обязательно, если конечно у него эта таблица не стоит в ещё одной таблице

Всего записей: 65 | Зарегистр. 29-09-2008 | Отправлено: 08:55 26-06-2013
muxa81

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
разобрался, сделал не очень изящно но работает вот исправленный код
 

Код:
 
$("a.orderdesc-descr-trigger").live({click:function(){  
         $(this).toggleClass("orderdesc-descr-triggered").parents('td[id]').find("p.orderdesc-descr").slideToggle(300);  
         return false;  
     }});  
     $("p.orderdesc-descr").live({click:function(){  
         $(this).slideToggle(300).parents('td[id]').find("a.orderdesc-descr-trigger").toggleClass("orderdesc-descr-triggered");  
         return false;  
     }});  
 

 
и добавил id в тег TD

Всего записей: 15 | Зарегистр. 23-09-2010 | Отправлено: 04:46 27-06-2013 | Исправлено: muxa81, 08:18 27-06-2013
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Сделал слайдер http://rut.in.ua/
 
Сначала загружается первая картинка, потом она пропадает, еще раз появляется и дальше уже все нормально меняется.
 
Почему так? Хочется что бы все плавно было.

----------
Абонентское обслуживание и ремонт компьютеров в Днепропетровске

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 23:22 02-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DarkSmoke
потому что, видимо, она отображается по умолчанию..  
а когда запускаете слайдер, то он начинает не со второй картинки, а с первой.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:08 03-07-2013
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
а как с этим бороться?

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 11:56 03-07-2013
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Такая задача.  
 
Три селекта(или 5,10)-  неважно. Выключенная запрещенная кнопка.  
Пока все селекты "на нуле" - кнопка выключена. Как только хоть один изменяем - включена.  
При загрузке тоже проверяется как-то и выключается кнопка( включать не надо).  

Код:
 
<selectid="sel1" >
<option value="0" selected="selected">------</option>
<option value="1">Первый</option>
<option value="2">Второй </option>
<option value="3">Третий</option>
</select>
<selectid="sel2" >
<option value="0" selected="selected">------</option>
<option value="1">Первый2</option>
<option value="2">Второй2 </option>
<option value="3">Третий2</option>
</select>
<selectid="sel3" >
<option value="0" selected="selected">------</option>
<option value="1">Первый3</option>
<option value="2">Второй3 </option>
<option value="3">Третий3</option>
</select>
<input type="submit"  id="a1" value="Go"   />
 

Тут я кое-как смогу написать включение и выключение одного селекта. Вопрос остается - как проверять все Селекты с указанными ID
и как при загрузке страницы прогнать.  
Как такое делается?

Всего записей: 1584 | Зарегистр. 08-10-2011 | Отправлено: 18:41 29-07-2013 | Исправлено: xerpal, 18:46 29-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xerpal

Цитата:
Как такое делается?

получить значение селекта.. если 0, значит не выбрано.  
$('#sel1').val()


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:07 29-07-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по jQuery


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru