Forum PHP.pl

Witam serdecznie, mam problem z wyświetleniem zdjęcia za pomocą lightbox, mianowicie przekazuje przez XAJAX link:

[PHP] pobierz, plaintext 
<?php
function testAjaxa($id)
{
$obj = new xajaxResponse();
$html = '<a href="images/zdjecie.jpg" rel="lightbox" title="my caption">image</a>';
$obj->addAssign($id,'innerHTML',$html);
 
return $obj;
}
?>
[PHP] pobierz, plaintext 

W sekcji HEAD mam umieszczone:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen">
[HTML] pobierz, plaintext 

Link do zdjęcia przekazuje się poprawnie, lecz po kliknięciu zamiast wyświetlać sie poprzez lightbox, po prostu uruchamia sie w przeglądarce. Chciałbym także nadmienić że przekazuje to przez Smarty, ale to chyba nie ma w tym przypadku znaczenia.

Będę wdzięczny za wszelaką pomoc przy usunięciu problemu.

witaj, ja własnei miałem zaczynać identyczny wątek.. mam ten sam problem.. wydaje mi się, że poprostu nie będzie można tego wyświetlić w ten sposób.. ale obym sie mylił.

Lightbox parsuje stronę przy evencie window.onload

Fragment kodu lightbox'a

[HTML] pobierz, plaintext 
function initLightbox() { myLightbox = new Lightbox(); }
Event.observe(window, 'load', initLightbox, false);
[HTML] pobierz, plaintext 

Jak dociągasz obrazki ajax'em to nie mają one podpiętych akcji lighbox'a.

Być może wywołanie 'Lightbox.initialize()' pomoże.

:/ Tak to jest właśnie z technologiami openSourcowymi nie wszystkie mają do końca dobrą dokumentację :/ i to wkurza. Aby sobie poradzić z problemem który macie wystarczy dodać do twojej funkcji wywołanie

$obj->addScriptCall

[PHP] pobierz, plaintext 
<?php
function testAjaxa($id)
{
$obj = new xajaxResponse();
$html = '<a href="images/zdjecie.jpg" rel="lightbox" title="my caption">image</a>';
$obj->addAssign($id,'innerHTML',$html);
 
 
$obj->addScriptCall("mojaFunkcja", "argument1", "argument2");
 
 
return $obj;
}
?>
[PHP] pobierz, plaintext 

A oprócz tego warto zapoznać się z tymi metodami:

xajaxResponse
addAlert
addAppend
addAssign
addClear
addConfirmCommands
addCreate
addCreateInput
addEvent
addHandler
addIncludeScript
addInsert
addInsertAfter
addInsertInput
addInsertInputAfter
addPrepend
addRedirect
addRemove
addRemoveHandler
addReplace
addScript
addScriptCall
getXML
loadXML
outputEntitiesOff
outputEntitiesOn
setCharEncoding
xajaxResponse

zakładam że interesują was najbardziej te:

addIncludeScript - dodaje skrypt w JS który ma sie wykonać zasada dodawania jest taka
$obj->addIncludeScript("mojefunkcje.js");
addScript - pozwala na wpisanie własnego skryptu do otrzymywanego pytania (nie wiem jak to nazwać :/ jest już prawie 2 i szare komórki idą spać)

$obj->addScript("var x = prompt('Podaj jakiś tekst');");

addScriptCall - wywołuje funkjcę zawartą w zwracanej odpowiedzi.

$obj->addScriptCall("mojaFunkcja", "argument1", "argument2");

Jak będę miał kiedyś czas to opiszę wszystkie metody zawarte w klasie xajax i funkcje. może się komuś przyda.

Ten post edytował yaotzin 3.05.2007, 00:53:22

a jeśli używam advajaxa? da sie to zrobić?

EDT: Właściwie to bez żadnego problemu rozwiązałem tą kwestie u siebie, przeczytałem wcześniejsze posty (nie za wiele mi mówiły), ale zrobiłem coś takiego:

[HTML] pobierz, plaintext 
function opis(nr) {
	$i("opis").innerHTML = '<img src="img/loading.gif" alt="" style="margin-left:200px; margin-top:20px;" />';
	advAJAX.get({
		url: "actions/opis.php?pID="+nr,
		onSuccess : function(obj) { 
			$i("opis").innerHTML = obj.responseText;
			initLightbox();
		}
	});
}
[HTML] pobierz, plaintext 

dopisałem linie, która jest pogrubiona i w tym momęcie wszystko fajnie działa

Ten post edytował chomiczek 3.05.2007, 20:11:07

A nie można zastosować image() ?
Przecież też fajnie by się sprawdziło przy tym rozwiązaniu - a i można dodać ciekawy efekt preloaderka:)

http://blatek.ma.ciekawe.info/javascript/ob_image.html

Ten post edytował slafur 5.06.2007, 00:09:07

yyy?
Przecież lightbox ma prelodader i na pewno efekt lepszy niż pojawianie się obrazka tylko

http://www.huddletogether.com/projects/lightbox2/

Problem w XAJAX`ie można w bardzo prosty sposób rozwiązać, mianowicie wystarczy dopisać linijkę:

[PHP] pobierz, plaintext 
<?php
$objResponse->addScriptCall("initLightbox");
?>
[PHP] pobierz, plaintext