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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
skbb



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

Цитата:
ajax запросу нужно время на выполнения запроса к серверу и выполняется он асинхронно

Как обычно все гениальное просто. Большое спасибо.

Всего записей: 755 | Зарегистр. 16-04-2007 | Отправлено: 19:30 12-04-2013
n0kk

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Помогите пожалуйста разобраться, как вывести результат выполнение функции только в том блоке где она вызвана
Пример:

Код:
 
function summ (a) {
b = 10;
c = a+b;
return c;
}
 
<div class="block">summ(15); Вот здесь результат выполнения функции</div>
<div class="block"></div>
<div class="block"></div>
 

 
Количество  div блоков будет постоянно меняться

Всего записей: 55 | Зарегистр. 03-12-2012 | Отправлено: 12:17 11-05-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
n0kk
так в твоем варианте данная ф-я и должна выводить результат выполнение функции в данном блоке.
только написать надо так:

Код:
 
<script>
    function summ (a) {  
        b = 10;  
        c = a+b;  
        return c;  
    }  
</script>
<div class="block"><script>document.write(summ(15));</script> Вот здесь результат выполнения функции</div>  
<div class="block"></div>  
<div class="block"></div>

PS:
А при чем тут jQuery ?

Всего записей: 6637 | Зарегистр. 14-02-2005 | Отправлено: 17:17 11-05-2013 | Исправлено: unreal666, 17:18 11-05-2013
n0kk

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
На jQuery выборку делать легче, как ты сделал бы выборку по классу на js? getElementByClass, не все браузеры понимают, попробую ваш вариант, спасибо.

Всего записей: 55 | Зарегистр. 03-12-2012 | Отправлено: 23:33 11-05-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
n0kk
для начала определитесь как вы хотите задать значения передаваемые в функцию summ для каждого блока.
где их хранить, чтобы потом воспользоваться?
 
можно, конечно, сделать и так
 
http://jsfiddle.net/nSuDM/
 

Код:
<div class="block">10</div>  
<div class="block">15</div>  
<div class="block">20</div>

 
а затем

Код:
$('.block').each(function(){
   $(this).html(1 * $(this).text() + 10);  
});


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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:35 11-05-2013 | Исправлено: Cheery, 23:38 11-05-2013
n0kk

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Одно значение задается по умолчанию, другое в аргументе функции будет передаваться из БД, а в Div блок выводится результат выполнения этой функции, div блоки генерируются с помощью PHP, поэтому их численность меняется и может доходить до большого количества, как можно меньше ресурсоемко это сделать?

Всего записей: 55 | Зарегистр. 03-12-2012 | Отправлено: 03:09 13-05-2013 | Исправлено: n0kk, 03:15 13-05-2013
Cheery



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

Цитата:
поэтому их численность меняется и может доходить до большого количества, как можно меньше ресурсоемко это сделать?

я вам показал выше пример.. либо, как указали еще выше, явно вызывать javacscript функцию.

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:25 13-05-2013
n0kk

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

Всего записей: 55 | Зарегистр. 03-12-2012 | Отправлено: 04:21 13-05-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
n0kk
а что мешает сразу считать в php?

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 06:56 13-05-2013
n0kk

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
это только пример вычислений, так как мне был важен сам механизм работы функции, а так вычисляется остаток дней до заданной даты, а как это на php сделать не понимаю, ведь придется постоянно обновлять страницу что бы дни отнимались, а это не удобно

Всего записей: 55 | Зарегистр. 03-12-2012 | Отправлено: 11:14 17-05-2013
umci1985

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
Подскажите пожалуйста, у меня есть одно поле инпут с номером телефона, все срабатывает, отправляет и т.д., но когда я копирую эту форму и подставляю на этой же странице ниже то отправляет данные только то что внесенно в первое поле, что мне надо изменить, подскажите пожалуйста!
Штмл:

Код:
<form class="myform" action="" method="post">
<input id="akciya" type="hidden" name="akciya" value="Загородный Дом" /> <input id="pochta" type="hidden" name="pochta" value="info" /> <input id="mydata" type="text" name="mydata" value="Ваш телефон" /></td>
<td><input class="buttonSample5" onclick="send_my();" type="button" />
</form>
<form class="myform" action="" method="post">
<input id="akciya" type="hidden" name="akciya" value="Загородный Дом2" /> <input id="pochta" type="hidden" name="pochta" value="info" /> <input id="mydata" type="text" name="mydata" value="Ваш телефон" /></td>
<td><input class="buttonSample5" onclick="send_my();" type="button" />
</form>
 
 
JS:
 
 
jQuery(function($) {
 
      $.mask.definitions['~']='[+-]';
 
      $('#mydata').mask('8(999) 999-9999');
 
   });
 
 
 
 
 
 
 
function send_my(){
 
var pochta = jQuery('#pochta').val();
 
var tel = jQuery('#mydata').val();
 
var akciya = jQuery('#akciya').val();
 
       jQuery.ajax({
 
                type: "POST",
 
                url: "/SendData.php",
 
                data: { tel: tel, akciya : akciya, pochta : pochta },
 
                success: function(html) {
 
                  alert('Спасибо! Ваша заявка принята. В ближайшее время наш специалист свяжется по указанному телефону.');
 
 //                       jQuery("#result_qq").empty();
 
 //                       jQuery("#result_qq").append(html);
 
                }
 
        });
 
}  

Всего записей: 4 | Зарегистр. 01-06-2013 | Отправлено: 10:45 01-06-2013 | Исправлено: Cheery, 20:40 01-06-2013
Bu

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

Цитата:
что мне надо изменить, подскажите пожалуйста!  

Снести весь этот код и юзать http://malsup.com/jquery/form/

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

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
[q][/q]
ну а нельзя никак что то там подправить, ведь она отлично работает, просто не хочет на одной страницы несколько таких форм нести, я уже и имена менял, не помогло. Уповаю на Вашу помощь!

Всего записей: 4 | Зарегистр. 01-06-2013 | Отправлено: 10:58 01-06-2013
Bu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
мсье не любит легких решений?

Цитата:
<script src="http://malsup.github.com/jquery.form.js"></script>  
$(document).ready(function() {  
 
    $('.myform').ajaxForm({  
 
        target: '#result_qq',  
 
        success: function() {  
            $('#result_qq').fadeIn('slow');  
            alert('Спасибо! Ваша заявка принята. В ближайшее время наш специалист свяжется по указанному телефону.');  
        }  
    });  
});

 
PS значение id может повторятся только один раз

Всего записей: 79 | Зарегистр. 08-10-2001 | Отправлено: 11:09 01-06-2013 | Исправлено: Bu, 11:12 01-06-2013
umci1985

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

Всего записей: 4 | Зарегистр. 01-06-2013 | Отправлено: 11:12 01-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
umci1985
чему тут плавиться? id атрибут должен быть уникальным на странице, это раз..
второе - вызов функции будет брать данные только со всей страницы, а не обращаясь к элементам конкретной формы, поэтому
 

Код:
<form class="myform" action="" method="post">  
<input type="hidden" name="akciya" value="Загородный Дом" />  
<input type="hidden" name="pochta" value="info" />  
<input type="text" name="mydata" value="Ваш телефон" /></td>  
<td><input class="buttonSample5" onclick="send_my(this.form);" type="button" />  
</form>  
<form class="myform" action="" method="post">  
<input type="hidden" name="akciya" value="Загородный Дом2" />  
<input type="hidden" name="pochta" value="info" />  
<input type="text" name="mydata" value="Ваш телефон" /></td>  
<td><input class="buttonSample5" onclick="send_my(this.form);" type="button" />  
</form>  
 
 
jQuery(function($) {  
 
      $.mask.definitions['~']='[+-]';  
 
      $('[name=mydata').mask('8(999) 999-9999');  
 
   });  
   
function send_my(form){  
 
var pochta = $('name=[pochta]', $(form)).val();  
 
var tel =  $('name=[mydata]', $(form)).val();  
 
var akciya =  $('name=[akciya]', $(form)).val();  
 
       jQuery.ajax({  
 
                type: "POST",  
 
                url: "/SendData.php",  
 
                data: { tel: tel, akciya : akciya, pochta : pochta },  
 
                success: function(html) {  
 
                  alert('Спасибо! Ваша заявка принята. В ближайшее время наш специалист свяжется по указанному телефону.');  
 
 //                       jQuery("#result_qq").empty();  
 
 //                       jQuery("#result_qq").append(html);  
 
                }  
 
        });  
 
}

 
с html кодом у вас тоже все неправильно.. нарушена вложенность тегов - <form> и </form> вообще в разных местах. может и не сказывается на работоспособности, но, по моему, это неправильно.

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:46 01-06-2013
umci1985

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

Всего записей: 4 | Зарегистр. 01-06-2013 | Отправлено: 21:01 01-06-2013
Kish



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Приветствую.
 
Помогите, пожалуйста, найти или разобраться с переключателем блоков контента, который нашел я.
Суть в следующем: есть такой шаблон сайта (http://livedemo00.template-help.com/wt_42526/#!/splash). При клике по пунктам меню изменяются панели с контентом. Мне нужно реализовать такой же переключатель контента.
 
Заглянув в исходный код страницы этого шаблона я нашел, что там используется скрипт под названием switcher.js. Гугление по этому запросу результатов особо не дало. Тогда я попробовал погуглить по куску кода из этого скрипта. Удалось найти какой-то проект с использованием этого файла: code.google.com/p/mygiainfo/source/browse/trunk/mygia_files/switcher.js?r=3
 
Но как все это дело подключить к проекту и использовать мне найти не удалось. Поэтому прошу помочь разобраться с этим переключателем или если вы знаете какой-то аналог, то подскажите, пожалуйста.
 
Спасибо.

Всего записей: 1170 | Зарегистр. 17-02-2005 | Отправлено: 21:06 09-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kish
http://kevinbatdorf.github.io/codaslider/
http://jqueryfordesigners.com/demo/coda-slider.html
 
ps: javascript же ничего не прячет - что мешает воспользоваться тем, что есть в том шаблоне?

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
1. CodaSlider мне не нравится тем, что он будет перелистывать все слайды до нужного. Например, если я стою на 4-ом, а затем нажимаю на 1-ый, то он пролистает 3-ий и 2-ой. В том скрипте, который я показал, такого нет.
 
2. Не совсем могу разобраться как воспользоваться тем, что представлен в шаблоне. Файл switcher.js, вроде как, не требует изменений, а вот в файле scripts.js я не могу разобраться

Всего записей: 1170 | Зарегистр. 17-02-2005 | Отправлено: 23:00 09-06-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