Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JS]Lightbox nie działa przy AJAX'ie
Forum PHP.pl > Forum > XML, AJAX
kardi3
Witam,
używam na swojej stronie lightboxa do wyświetlania zdjęć, gdy zacząłem używać AJAX'a na stronie to lightbox przestał działać.
Jestem poczatkujący we wszystkim co ma związek z Javą i prosiłbym o pomoc.

test.php
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; utf-8" http-equiv="content-type"><title>UKS "Jedynka" Krzeszowice</title>

<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript" SRC="myAHAHlib.js"></SCRIPT>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
</head>

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

<body>

<?php
wyswietl_odnosnik('test2.php','Test');?>
<div id="main"></div>
<?php
function wyswietl_odnosnik($url,$nazwa)
{
echo "<li>";
?><a onclick =
"callAHAH('<?php echo $url; ?>',
'main',
'Ładowanie strony...');" ><?php echo "$nazwa";?></a></li>
<?php
}?>

</body>
</html>

test2.php
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; utf-8" http-equiv="content-type"><title>UKS "Jedynka" Krzeszowice</title>

<link rel="stylesheet" type="text/css" href="style.css">

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
</head>


<body>

<?php


wyswietl_zdjecie('gorna_grafika.JPG');
function wyswietl_zdjecie($zdjecie)
{?>

<script type="text/javascript">
jQuery(function ($) {
// Use this example, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...

});
</script>

<a class="lightbox" href="<?php echo $zdjecie; ?>">
<img src="<?php echo $zdjecie; ?>" hspace="3" vspace="3" width="120" height="90" align="left" valign="top" alt=""></a>
<?php
}
?>
</body>
</html>

Kostek.88
Za malo kodu, ale... testujesz strone na localu, czy masz umieszczona w Internecie? Jakiej przegladarki uzywasz do testow? Chrome i chyba Opera nie zezwalaja na AJAX na localu.
kardi3
Plik z AJAXem.

CODE
function callAHAH(url, pageElement, callMessage) {
document.getElementById(pageElement).innerHTML = callMessage;
try {
req = new XMLHttpRequest(); /* np. Firefox */
} catch(e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP"); /* niektĂłre wersje IE */
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP"); /* niektĂłre wersje IE */
} catch (E) {
req = false;
}
}
}
req.overrideMimeType('text/html; charset=ISO-8859-2');
req.onreadystatechange = function() {responseAHAH(pageElement);};
req.open("POST",url,true);
req.send(null);
}

function responseAHAH(pageElement) {
var output = '';
if(req.readyState == 4) {
if(req.status == 200) {
output = req.responseText;
document.getElementById(pageElement).innerHTML = output;
}
}
}


To co wkleiłem tutaj jest testowane na localu. Używam najnowszego Firefox'a. Gdy umieściłem stronę na serwerze w internecie efekt był taki sam, nie działało.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.