Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Java Script Probleme mit Fancybox und XMLHttpRequest

Frage Entwicklung JavaScript

Mitglied: solaris-ch

solaris-ch (Level 1) - Jetzt verbinden

28.10.2009 um 07:58 Uhr, 7797 Aufrufe, 7 Kommentare

Ich steh vorm Berg. Aber ich weiss, wo mir geholfen wird

Liebe Alle.

1. Ich habe eine Seite: index.php
2. in dieser index.php gibt es im Header JS Code, welcher auf gewisse Links die mit <p id="lightboxid"> link </p> eingepackt, eine Fancybox erstellt:
01.
<script type="text/javascript" src="class/fancybox/jquery-1.2.3.pack.js"></script> 
02.
<script type="text/javascript" src="class/fancybox/jquery.fancybox-1.0.0.js"></script> 
03.
<script type="text/javascript" src="class/fancybox/jquery.pngFix.pack.js"></script> 
04.
<link rel="stylesheet" href="class/fancybox/fancy.css" type="text/css" media="screen"> 
05.
 
06.
<script type="text/javascript"> 
07.
   $(document).ready(function() { 
08.
   $("p#Bild1 a").fancybox(); 
09.
 
10.
      $("p#lightmerkliste a").fancybox(); 
11.
      
12.
      $("a#lightmerkliste").fancybox({ 
13.
           'zoomSpeedIn':10, 
14.
           'zoomSpeedOut':10 
15.
       }); 
16.
               
17.
    });
4. In der index.php gibt es ein DIV mit der ID "changediv"
5. In diesem DIV ersetze ich den Inhalt anhand JS mit dem von einer PHP Seite (B = xipindex.php) welche im Hintergrund geladen wird mit folgendem Code:
01.
function sendRequest(cli) { 
02.
        var req; 
03.
        try { 
04.
                req = window.XMLHttpRequest?new XMLHttpRequest(): 
05.
                new ActiveXObject("Microsoft.XMLHTTP"); 
06.
                document.getElementById('myContent').innerHTML = '<img src="img/preloader.gif"><br />ULL Live-Check f&uuml;r Nummer: '+cli+'<br /> in Bearbeitung...'; 
07.
        } catch (e) { 
08.
                //Kein AJAX Support 
09.
10.
  
11.
        req.onreadystatechange = function() { 
12.
                if ((req.readyState == 4) && (req.status == 200)) { 
13.
                        document.getElementById('myContent').innerHTML = req.responseText; 
14.
15.
        }; 
16.
        var id = cli; 
17.
        req.open('post', 'xipindex.php'); 
18.
        req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
19.
        req.send('cli='+ id); 
20.
}
6. In dem Inhalt welcher von B zurückgeliefert wird, steckt ein Link welcher wiederum in ein <p> eingepackt ist:<p id=\"lightmerkliste\"> <a href="zielseite.php">Klick mich</a></p>.

Alles klappt. Nur geht bei einem Klick auf den in 6. beschriebenen Link keine Fancybox auf. Und ich weiss nicht mehr weiter. Anzumerken gibt es noch, das alle anderen verwendeten Fancyboxen tiptop funktionieren. Hoffe ihr versteht wo der Schuh drückt. Und da ich von JS nicht wirklich die Ahnung habe geschweige mit den Frameworks, bin ich doch etwas am Anschlag und hoffe auf Hilfe von den Profis.

Liebe Grüsse und vielen Dank!
Mitglied: Snowman25
28.10.2009 um 09:31 Uhr
probiers doch mal Probehalber mit FancyZoom (hat meiner Meinung nach auch den schöneren Effekt)
für den muss man die bilder nichtmal kennzeichnen...

Ausserdem:
ID's dürfen nur einem einzigen Element zugeordnet werden.
bist du sicher, dass jede ID nur ein einziges mal verwendet wurde?
Bitte warten ..
Mitglied: solaris-ch
28.10.2009 um 09:45 Uhr
Hallo Snowman25

ich glaube nicht, das mein Problem mit der Verwendung eines anderen Scriptes gelöst ist.

Das mit den ID's ist ein sehr guter Hinweis. Habe es geprüft, muss aber sagen dass keine ID doppelt vergeben ist. Wäre ja auch zu schön gewesen

Beste Grüsse
Bitte warten ..
Mitglied: godlie
28.10.2009 um 10:59 Uhr
hallo,

dein Problem ist ganz einfach zu lösen.
du musst deiner Fancybox doch auch sagen das da jetzt ein neuer Link da ist, der doch auch
von ihr behandelt werden sollte.

Sprich schau dir mal an was Fancybox in der Initialiserung macht.

Edit:
wenn ichs richtig gesehen habe dann dürfte es sich um die _start function handeln, welche
sich alle elemente holt...
Bitte warten ..
Mitglied: Arano
28.10.2009 um 15:58 Uhr
Mal in einer Kurzfassung:
  1. alle lightboxen in fancyboxen umwandeln
  2. eine neue lightbox erstellen

Wieso sollte die neue lightbox nun eine fancybox sein ? (die wurde doch nicht umgewandelt !)

Ändere also einfach die Reihenfolge:
  1. eine neue lightbox erstellen und danach
  2. alle lightboxen in fancyboxen umwandeln


~Arano
Bitte warten ..
Mitglied: solaris-ch
29.10.2009 um 10:58 Uhr
Hallo zusammen

Problem gelöst. Hier noch für die Nachwelt eine Zusammenfassung:

Da ich mit AJAX eine PHP Seite nachgeladen habe, war Fancybox für diesen Inhalt gar nicht gültig. Dementsprechend habe ich in der onreadystatechange Funktion vom Preloader einfach noch die Fancybox nochmals instantiiert. Voilà.

Einfacher als gedacht

Trotzdem herzlichen Dank für Eure Hilfe! Das nächste Problem lässt bestimmt nicht lange auf sich warten
Bitte warten ..
Mitglied: godlie
29.10.2009 um 11:03 Uhr
Hm irgendwie kommt mir so vor als hätt ich das weiter oben geschrieben ....
Bitte warten ..
Mitglied: solaris-ch
29.10.2009 um 11:43 Uhr
Zitat von godlie:
Hm irgendwie kommt mir so vor als hätt ich das weiter oben
geschrieben ....

Jup, du hast das so schön umschrieben, dass ich das gar nicht gerafft habe .
Aber im Nachhinein noch ein Danke!

Grüsse
Bitte warten ..
Neuester Wissensbeitrag
Internet

Unbemerkt - Telekom Netzumschaltung! - BNG - Broadband Network Gateway

(3)

Erfahrungsbericht von ashnod zum Thema Internet ...

Ähnliche Inhalte
Batch & Shell
gelöst Crontab mit Shell Probleme (9)

Frage von mschaedler1982 zum Thema Batch & Shell ...

Windows 7
gelöst Sind euch verstärkte Probleme bei Windows 7 Updates aufgefallen? (4)

Frage von RadioHam zum Thema Windows 7 ...

VB for Applications
VBS Script zum versenden mehrerer Verknüpfungen zu Dateien per Lotus Notes

Frage von Sentinel87 zum Thema VB for Applications ...

Cloud-Dienste
gelöst OwnCloud 8 Probleme mit Vorschaubildern auf Mobilgeräten (1)

Frage von zeroblue2005 zum Thema Cloud-Dienste ...

Heiß diskutierte Inhalte
Windows Server
Outlook Verbindungsversuch mit Exchange (15)

Frage von xbast1x zum Thema Windows Server ...

Grafikkarten & Monitore
Tonprobleme bei Fernseher mit angeschlossenem Laptop über HDMI (11)

Frage von Y3shix zum Thema Grafikkarten & Monitore ...

Microsoft Office
Keine Updates für Office 2016 (11)

Frage von Motte990 zum Thema Microsoft Office ...