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

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
avalon
рядовой
Сообщения: 41
Зарегистрирован: 2008-01-24 18:09:47
Откуда: Украина

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

Непрочитанное сообщение avalon » 2010-03-04 18:23:10

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

Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

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

Непрочитанное сообщение ProFTP » 2010-03-04 23:19:01

что такое "всплывающеся окно"? (может вы перепутали)

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

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

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

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

а вот если добавить комментарий и откорректировать, то будет появиться UI окно http://www.x0.org.ua/photo/view/25/245
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

avalon
рядовой
Сообщения: 41
Зарегистрирован: 2008-01-24 18:09:47
Откуда: Украина

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

Непрочитанное сообщение avalon » 2010-03-05 0:07:49

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

Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

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

Непрочитанное сообщение ProFTP » 2010-03-05 0:21:16

попробуйте погуглить

это скрипт /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);
?>
короче, погуглите
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

avalon
рядовой
Сообщения: 41
Зарегистрирован: 2008-01-24 18:09:47
Откуда: Украина

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

Непрочитанное сообщение avalon » 2010-03-05 1:31:14

Большое спасибо

Повелитель_тапкоф
проходил мимо

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

Непрочитанное сообщение Повелитель_тапкоф » 2010-03-08 11:33:23

Ява с ДОМ - всплывающие окна, потом можно через хмл попробывать тянуть данные.

Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

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

Непрочитанное сообщение ProFTP » 2010-03-09 0:28:41

Повелитель_тапкоф писал(а):Ява с ДОМ - всплывающие окна, потом можно через хмл попробывать тянуть данные.
я бы использовал jquery, вы имеете ввиду что не надо использовать jquery?
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

Аватара пользователя
ADRE
майор
Сообщения: 2645
Зарегистрирован: 2007-07-26 8:53:49
Контактная информация:

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

Непрочитанное сообщение ADRE » 2010-03-12 20:19:01

джейквери - тяжело, сейчас вот с формой борюсь через яву и иксмл - типа аджакс, но использую иннерштмл чтоб формировать элементы страницы, кстате такие страницы брауезер не блокирует )) вот сейчас намутил чтоб двойное выподающее меню было типа выбираешь район и тебе список поселков до кучи )
//del