Страница 1 из 1

[AJAX] Реализация всплывающего окна

Добавлено: 2010-03-04 18:23:10
avalon
Здравствуйте.
Есть php скрипт формирующий список абонентов, необходимо тыцнуть по id абонента и получив по нему (абоненту) дополнительные данные вывести их во всплывающем окне, это реализуеться с помощью AJAX? Я умею это реализовать на php но мне нельзя уходить со страницы абонентов, уважаемые коллеги не могут указать ссылку на такие простые примеры. В гугле не забанен, просто теряюсь в море ссылок.Спасибо.

Re: [AJAX] Реализация всплывающего окна

Добавлено: 2010-03-04 23:19:01
ProFTP
что такое "всплывающеся окно"? (может вы перепутали)

вам нужен UI (юезр интерфейс) или просто всплышвающий кусок HTML ???

это делается на jquery очень легко

в прицнипе, да вам нужен ajax, сделать запрос и вывести как нибудь...

вот тут вот появиться http://www.x0.org.ua/registration (если навести мышкой на ? (подробно))

а вот если добавить комментарий и откорректировать, то будет появиться UI окно http://www.x0.org.ua/photo/view/25/245

Re: [AJAX] Реализация всплывающего окна

Добавлено: 2010-03-05 0:07:49
avalon
Да, Ваши примеры именно то. Только не навести мышку, а кликнуть по ссылке. Я так понимаю послать GET запрос к php скрипту это будет AJAX. А получить результат и вывести на экран в виде всплывающего окна как на примерах приведенных Вами это или prototype или jquery. Как послать запрос к скрипту не уходя из страницы я знаю, а как принять результат работы php скрипта?

Re: [AJAX] Реализация всплывающего окна

Добавлено: 2010-03-05 0:21:16
ProFTP
попробуйте погуглить

это скрипт /comments_photo/ajax_comment/

Код: Выделить всё

$('.add_comment').live("click", function(){

 var id_cm = this.hash.replace(/.*(?:idd=)(\d+).*/,'$1');

$.getJSON("/comments_photo/ajax_comment/"+id_cm, function(msg) {
  
  $("#text_cm").val( $("#text_cm").val() + "   " + "[quote=" + msg.username + "]" + msg.text_cm + "[/quote]"  );

//  );

 }); 

  return false;

   
}) 
  

Код: Выделить всё

<div style="top:5px; text-align:right;">

<a title="Нажмите, для того чтобы процитировать этот текст, данный текст вставиться на поле (textarea) в редакторе в самом низу страницы... (если не получается вставить - попробуйте ссылку справа)" href="#idd=70" class="add_comment">ЦИТИРОВАТЬ </a> 

</div>
     	

idd href="#idd=70" который передается id

из скрипта в HTML, должен прийти Json hash
(можно без json)

я назвал его msg (msg.key получить значение ключа)

Код: Выделить всё

<?php
$arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);

echo json_encode($arr);
?>
короче, погуглите

Re: [AJAX] Реализация всплывающего окна

Добавлено: 2010-03-05 1:31:14
avalon
Большое спасибо

Re: [AJAX] Реализация всплывающего окна

Добавлено: 2010-03-08 11:33:23
Повелитель_тапкоф
Ява с ДОМ - всплывающие окна, потом можно через хмл попробывать тянуть данные.

Re: [AJAX] Реализация всплывающего окна

Добавлено: 2010-03-09 0:28:41
ProFTP
Повелитель_тапкоф писал(а):Ява с ДОМ - всплывающие окна, потом можно через хмл попробывать тянуть данные.
я бы использовал jquery, вы имеете ввиду что не надо использовать jquery?

Re: [AJAX] Реализация всплывающего окна

Добавлено: 2010-03-12 20:19:01
ADRE
джейквери - тяжело, сейчас вот с формой борюсь через яву и иксмл - типа аджакс, но использую иннерштмл чтоб формировать элементы страницы, кстате такие страницы брауезер не блокирует )) вот сейчас намутил чтоб двойное выподающее меню было типа выбираешь район и тебе список поселков до кучи )