Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jQuery + AJAX (с JS в скрипт, и обратно с MySQL) 
V
    Опции темы
gcc
Дата 8.1.2010, 10:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: 1
Всего: 17



хотел сделать на сайте кнопку "Цитата" (точнее ссылку)
 
чтобы при нажатии на эту ссылку возвращался текст и имя пользователя из базы в поле textarea (на этой же странице), и расспарсить не много данные quote=name и т.д.
 
как работает простеший AJAX я понял, а как это сделать не могу пока найти...  
 
дайте пример пожалуйста?



====


Код

$('#.add').click(function(){
$.ajax({
   type: "POST",
   url: "/view_section/ajax",
   data: "get=simple_list",
   success: function(data){
     $('.markItUp').html(data);
   }
});
   
   
............


        <tr style="font-size: 120%; font-weight:normal;" >         
         <td class="indent" align="left" colspan="3" > 
<a height="30" target="_top" href="#" id="add">,,,,,,,,, </a>         
         
          </td>
     </tr>


..............

<textarea style="height:500px;width:820px;" class="markItUp" rows="50" cols="120" name="text_cm">   Ъ </textarea>

.....
             


ничего не происходит


все таки какая должна быть ссылка тут  href="#" id="add" там где нужно нажать

мой скрипт /view_section/ajax через mod_rewrite

подскажите, что такое html(data) ? оно такое и должно быть? что такое data?

в скрипте просто ввести echo "bla-bla"; ?

Это сообщение отредактировал(а) gcc - 8.1.2010, 10:22
PM WWW ICQ Skype GTalk Jabber   Вверх
12345c
Дата 8.1.2010, 16:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101



Вместо $('.markItUp').html(data); - $('.markItUp').val(data);

и в конце - 
Код

$('#.add').click(function(){
$.ajax({
   type: "POST",
   url: "/view_section/ajax",
   data: "get=simple_list",
   success: function(data){
     $('.markItUp').html(data);
   }
});
...
return false;
});


target="_top" убрать, смысла нет.


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
gcc
Дата 8.1.2010, 20:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: 1
Всего: 17



Я постаивл в самом низу перед закрытием таблиц основной в HTML

Код

<script type="text/javascript" >
   
   
$('#add').click(function(){
$.ajax({
   type: "POST",
   url: "/view_section/ajax",
   data: "get=simple_list",
   success: function(data){
     $('.markItUp').html(data);
   }
});
   
return false;
});

</script>



вверху стоит, чуть выше:
Код
<a height="30" href="#" id="add"> Посмотреть комментарии этой темы </a>   
      


скрипт просто выдает текст
Код

sub ajax : Privat {

    my ( $self, $c ) = @_;
          $c->response->content_type("text/html");
        $c->response->body( 'jjjj' );
    
}


ничего не происходит 
тут правильно сделано??


====
====

на этой странице у меня стоит редактор markitup

Код
<script type="text/javascript" src="/latest/jquery.pack.js"></script>
<script type="text/javascript" src="/latest/markitup/jquery.markitup.js"></script>




как только я сюда добавлю jquery.js
Код

<script type="text/javascript" src="/latest/jquery.pack.js"></script>
<script type="text/javascript" src="/latest/markitup/jquery.markitup.js"></script>

<script type="text/javascript" src="/latest/jquery.js"></script>   


то получается что редактор не работает, редатора нету (textarea без редатора) ...



Это сообщение отредактировал(а) gcc - 8.1.2010, 21:36
PM WWW ICQ Skype GTalk Jabber   Вверх
gcc
Дата 9.1.2010, 00:17 (ссылка)    | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: 1
Всего: 17



А есть ли пример, так как я хочу сделать?
 
это делать - искать иголку в стоге сена
 
я не нашел пример именно так как я хочу.... 
PM WWW ICQ Skype GTalk Jabber   Вверх
12345c
Дата 9.1.2010, 03:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101



Конечно, это работа для знающих, примеров такого не знаю, но ничего невыполнимого в ней нет (фрилансеру на 2-6 ч., включая чтение ТЗ, смотря как хорошо напишете). С редактором, скорее всего, скрипт конфликтует по переменной $. Для устранения в библиотеке имеется метод JQuery.noConflict()
Цитата
подскажите, что такое html(data)
 http://docs.jquery.com/Html

http://docs.jquery.com/Ajax/jQuery.ajax#options


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
gcc
Дата 9.1.2010, 06:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: 1
Всего: 17



спасибо, забыл отписатся сделал, но  вот не понимаю, некотрое...

другой вопрос:
 
у меня на странице есть сообщения...
 
как мне сделать чтобы при нажатии на ссылку, в textarea отправлялся текст из соответсвующего сообщения (т.е. на странцие много сообщений)
 
т.к. как мне при нажатии на ссылку (над сообщений) был запрос в  view_content/ajax  c view_content/ajax/id22
 
во тя пытался 

Код

<script type="text/javascript" >
   
   
$('#add').click(function(){

 var id = $(”#add’”).attr(”idd”); 
 
 $(".markItUp").load("/view_content/ajax/"+id); 

   
})   
   
</script>

Код


        <tr style="font-size: 120%; font-weight:normal;" >         
      <td class="indent" align="left" colspan="3" > 
<a height="30" target="_top" href="#?idd=84" id="add"> ЦИАТАТА </a>      
           </td>
     </tr
        


attr должно как-то взять значение с параметра idd?

я пробовал по разному что-то не получается...
 
как это сделать?  как мне id сюда вставить  view_content/ajax/22 ?



Это сообщение отредактировал(а) gcc - 9.1.2010, 09:14
PM WWW ICQ Skype GTalk Jabber   Вверх
12345c
Дата 9.1.2010, 10:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101



Цитата
attr должно как-то взять значение с параметра idd?
По смыслу, должно быть так (класс, а не ид): 
Код

<a height="30" target="_top" href="#?idd=84" class="add"> ЦИАТАТА </a>

($(”#add’”) - опечатка?)

.load не возьмёт, потому что он в innerHTML отправляет, а надо в value.
Поэтому
Код

$('.add').click(function(){
  $.get("/view_content/ajax/"+this.hash.replace(/.*(?:idd=)(\d+).*/,'$1'), function(txt){$(".markItUp").val(txt);});
  return false;
});



Это сообщение отредактировал(а) 12345c - 9.1.2010, 11:14


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
gcc
Дата 9.1.2010, 23:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: 1
Всего: 17



спасибо




я поставил:
Код

<a height="30" target="_top" value="84" href="#idd=84" class="add"> ЦИАТАТА </a>      



ссылка  получается  http://localhost:3000/view_content/84?idd=84

Код

<script type="text/javascript" >
   
   
$('.add').click(function(){

  $.get("/view_content/ajax/"+this.hash.replace(/.*(?:idd=)(\d+).*/,'$1'), function(txt){$(".markItUp").val(txt);});
  
  return false;

   
})   
   
</script>





Это сообщение отредактировал(а) gcc - 10.1.2010, 00:41
PM WWW ICQ Skype GTalk Jabber   Вверх
gcc
Дата 10.1.2010, 00:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: 1
Всего: 17




Цитата(12345c @ 9.1.2010,  03:30)
Конечно, это работа для знающих, примеров такого не знаю

я хотел научиться jQuery, прочитал документацию, несколько примеров на русскмом (книгу по JS (без jQuery) еще не прочитал всю )
но я не знаю что куда надо ставить, и за каким хреном оно должно следовать smile

мне сказали чтобы научиться jQuery, нужно выполнить ИМЕННО практические вещи, вот я сейчас пытаюсь smile это правильно? smile

(книги на русском про jQuery я не нашел, их нету полных?)
PM WWW ICQ Skype GTalk Jabber   Вверх
12345c
Дата 10.1.2010, 01:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101



А в ready не забыли скрипт поставить?

Странно, откуда же параметр idd=84 пролезает? Его не ставим в запросе. Ну можно явно 2-й парам ставить пустым, {}. Разберитесь через Firebug, почему он передаётся. (Самое простое, это поставить .post(,,) .)


Цитата(gcc @  10.1.2010,  00:41 Найти цитируемый пост)
мне сказали чтобы научиться jQuery, нужно выполнить ИМЕННО практические вещи,
правильно, нужна только документация с сайта в zip, задача, чтобы 4-5 дней полазить по документации и применить, и всё. Заглянуть, конечно, в каждый раздел и поприменять побольше механизмов.



--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.1168 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.