login  Naam:   Wachtwoord: 
Registreer je!
 Forum

lightbox combinatie eigen ajax(XMLHttpRequest)

Offline zointer - 18/01/2008 11:46 (laatste wijziging 18/01/2008 11:49)
Avatar van zointerHTML gevorderde Ik gebruik de lightbox van huddletogether.

Voor het veranderen van tekst binnen de pagina heb ik volgende script.

Nu volgende probleem doet zich voor:
Zoals je kan zien hier werkt de lightbox zoals het hoort als je op een image klikt, als je nu op Droom klikt op u rechterzijde zal dan een nieuwe pagina laden door middel van mijn script als je dan op een foto klikt open die niet met lightbox maar word het image gewoon geladen.
En ja ik gebruik die link juist.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="...." rel="lightbox"><img .... /></a>


Weet iemand hoe ik dit kan oplossen

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function chance(url,target) {
  2.     // native XMLHttpRequest object
  3. 	                                              //Dit zal getoont worden tijdens het "te lang" laden je
  4.     document.getElementById(target).innerHTML = '<img src="images/loader/loader.gif" alt="loader" />'; 
  5.     if (window.XMLHttpRequest) {
  6.         req = new XMLHttpRequest();
  7.         req.onreadystatechange = function() {ifklik(target);};
  8.         req.open("GET", url, true);
  9.         req.send(null);
  10.     // IE/Windows ActiveX version
  11.     } else if (window.ActiveXObject) {
  12.         req = new ActiveXObject("Microsoft.XMLHTTP");
  13.         if (req) {
  14.             req.onreadystatechange = function() {ifklik(target);};
  15.             req.open("GET", url, true);
  16.             req.send();
  17.         }
  18.     }
  19. }    
  20.  
  21. function ifklik(target) {
  22.     // Enkel als de aanvraag wordt "geladen"
  23.     if (req.readyState == 4) {
  24.         // Als het "OK" is
  25.         if (req.status == 200) {
  26.             results = req.responseText;
  27.             document.getElementById(target).innerHTML = results;
  28.         } else {
  29. 	                                                  //Dit zal bij een fout deze error text weergeven
  30.             document.getElementById(target).innerHTML="error:\n" +
  31.                 req.statusText;
  32.         }
  33.     }
  34. }



edit off: er was hier iemand die de lightbox heeft aangepast wie was da weer vind hier niks

6 antwoorden

Gesponsorde links
Offline jerone - 18/01/2008 16:12
Avatar van jerone JS gevorderde Misschien heeft er mee te maken dat er een fout in je script zit:
Citaat:
this.theimages[picindex] has no properties
populateslide(div#canvas1_0, 0)image.js (line 89)
startit()image.js (line 136)
fadeshow([], 302, 202, 0, 3000, 0, undefined)image.js (line 54)
[Break on this error] if (this.theimages[picindex][1]!="") //if associated link exists for image
Offline zointer - 18/01/2008 16:19
Avatar van zointer HTML gevorderde
jerone schreef:
Misschien heeft er mee te maken dat er een fout in je script zit:
[..quote..]


Heu das van een ander script "image.js"(is dat wissel image) en daarmee heeft ook niet te maken, heb er even uitgesloopt en resultaat is nog steeds dezelfde.
Offline BramBo - 18/01/2008 19:28
Avatar van BramBo JS gevorderde Het probleem is dat lightbox geïnitialiseerd wordt wanneer de pagina geladen is (window.onload).
Wanneer je een ajax request hebt gedaan en de content op de pagina hebt verandert dien je een nieuwe init uit te voeren met je lightbox: (werk niet met lightbox en even snel overheen gelezen, maar het is geloof ik) Lightbox.updateImageList();

Verder ben ik er bang voor dat 't niet gaat werken aangezien je de content met innerHTML aanmaakt.
Je zal dus de elementen met new Element('a') (etc.) aan moeten maken. Of je voert de onclick methoden al in de images in je HTML.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. onclick = function () {myLightbox.start(this); return false;}
Offline zointer - 19/01/2008 06:46
Avatar van zointer HTML gevorderde Alvast bedankt Brambo, vreesde er ook al voor dat niet ging werken.

Zal op een andere manier moeten doen/testen/uitdokteren.
Offline finduilas - 19/01/2008 14:59
Avatar van finduilas PHP gevorderde edit off: er was hier iemand die de lightbox heeft aangepast wie was da weer vind hier niks

Citroen, aka ontani heeft zo'n script gemaakt. Purevision ofzo, moet je even zoeken op google.
Offline zointer - 19/01/2008 15:58
Avatar van zointer HTML gevorderde dank u wel finduilas het heet photoBox
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s