 [AJAX][JS]Lightbox nie działa przy AJAX'ie |
  |
| [AJAX][JS]Lightbox nie działa przy AJAX'ie |
 20.11.2011, 14:00:47
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 11 Pomógł: 0 Dołączył: 17.07.2011 Ostrzeżenie: (0%) 
 |
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> |
 |
 
|
|
20.11.2011, 16:01:02
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 376 Pomógł: 47 Dołączył: 23.08.2007 Skąd: Warszawa Ostrzeżenie: (0%)
|
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.
|
|
|
|
|
20.11.2011, 16:34:41
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 11 Pomógł: 0 Dołączył: 17.07.2011 Ostrzeżenie: (0%)
|
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. |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 16.07.2025 - 03:42 |
