VPF::Ajax и JQuery - Форум программистов

xarakiry

Дата 28.3.2009, 13:09 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 28.5.2008

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

Написал свой небольшой скриптик...Теперь нужно сделать чтобы он работал на Ajax-е (JQuery).
Сам я в JavaScript не оч силен... лазил по форумам..гуглил..но того что мне нужно не нашел.
Как сделать так чтобы при нажатии на ссылку информация подгружалась с аяксом..а не переходила по href-у... Ссылочку надо оставить, если в браузере отключен javascript можно было перейти по ссылочке прямо.
onClick не помогает...может можно как нить это сделать с помощью идентификаторов... #id ..?

--------------------

Все университеты Азербайджана на students.az

SneG0K

Дата 28.3.2009, 14:27 (ссылка)

(нет голосов)

Загрузка ...

Max Mara

Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

Репутация: нет
Всего: 54

Код


<script>
function getData() {
************
}
</dcript>

<a href="#" onClick="getData(); return false">Подгрузить</a>

Любитель

Дата 28.3.2009, 15:20 (ссылка)

(нет голосов)

Загрузка ...

Программист-романтик

Профиль
Группа: Комодератор
Сообщений: 3645
Регистрация: 21.5.2005
Где: Воронеж

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

Цитата(xarakiry @ 28.3.2009, 13:09

)

Ссылочку надо оставить, если в браузере отключен javascript можно было перейти по ссылочке прямо.
onClick не помогает...может можно как нить это сделать с помощью идентификаторов... #id ..?

Код


$(document).ready(function()
{
    $("#myLinkId").click(function()
    {
        ...
    });
});

--------------------

http://oryolalex.mybrute.com

xarakiry

Дата 28.3.2009, 15:50 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 28.5.2008

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

Что то не помогает...в href все равно надо ставить # что неприемлимо. Может приведете пример кода... возможно я что то не так делаю..
вот мой код

Код


<script type="text/javascript">    
$(document).ready(function(){  
  // --------------  
  $("#reg").click(  
    function () {  
      $.ajax({  
        type: "GET",  
        data: "test=1",  
        url: "/index.php"  
      });      
    });  
  // --------------  
  $("#loading").ajaxStart(function(){  
   $(this).show();  
   $("#message").hide();  
  });  
  $("#loading").ajaxStop(function(){  
   $(this).hide();  
  });  
  $("#message").ajaxComplete(function(){  
   alert(data);  
 });  
 
});  
</script>

Если href есть то происходит переход по нему

--------------------

Все университеты Азербайджана на students.az

ksnk

Дата 28.3.2009, 16:25 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386

Код


<script type="text/javascript">    
$(document).ready(function(){  
  // --------------  
  $("#reg").click(  
      $("#loading").show();
      $("#message").load("/index.php?test=1",  function(){
               $("#loading").hide();
      }) ;
      return false;    
   );  
 
});  
</script>

Может так?

Это сообщение отредактировал(а) ksnk - 28.3.2009, 16:25

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »