Top-Themen

Aktuelle Themen (A bis Z)

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, 7874 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 ..
Ähnliche Inhalte
Batch & Shell
Probleme bei der Ausführung eines VB-Scriptes
Frage von AuricGoldfingerBatch & Shell1 Kommentar

Hallo zusammen, ich habe folgendes Script geschrieben: Leider bekomme ich bei der Ausführung den Fehler Was mache ich falsch?? ...

Netzwerkmanagement
Alte Java Versionen über ein Script via GPO entfernen
Frage von sammy65Netzwerkmanagement2 Kommentare

Hallo miteinander, ich installiere die jeweilige aktuelle (derzeit 8.45) Java Version via GPO auf meinen Windows7 32/64 Clients sowie ...

Java
Wie bekomme ich bei Java diese Zertifkatsmeldung weg. Ein Abacus Login verwendet Java , und dies bringt eine Java Warnmeldung
Frage von 116480Java10 Kommentare

Hallo, scheinbar nur , wenn man aus unserem Netz auf ein Abacus System zugreift, das Java fürs Login verwendet, ...

Java
Was ist ein "Href" im Java ?
gelöst Frage von rainergugusJava31 Kommentare

Hallo zusammen, wir haben eine Applikation ; Die hat den Aufruf JNLP . Nun heisst es "Java neu eine ...

Neue Wissensbeiträge
Internet

EU-DSGVO: WHOIS soll weniger Informationen liefern

Information von sabines vor 10 StundenInternet4 Kommentare

Wegen der europäische Datenschutzgrundverordnung stehen die Prozesse um die Registrierung von Domains auf dem Prüfstand. Sollte die Forderungen umgesetzt ...

Verschlüsselung & Zertifikate

19 Jahre alter Angriff auf TLS funktioniert immer noch

Information von BassFishFox vor 17 StundenVerschlüsselung & Zertifikate1 Kommentar

Interessant zu lesen. Der Bleichenbacher-Angriff gilt unter Kryptographen als Klassiker, trotzdem funktioniert er oft noch. Wie wir herausgefunden haben, ...

Windows 10

Windows 10 Fall Creators Update - Neue Funktion Hyper-V Standardswitch kann ggf. Fehler bei Proxy Configs verursachen

Erfahrungsbericht von rzlbrnft vor 1 TagWindows 104 Kommentare

Hallo Kollegen, Da wir die Gefahr lieben, haben wir bei einigen Usern nun mittlerweile das Creators Update drauf. Einige ...

Sicherheit

TLS-Zertifikat und privater Schlüssel von Microsofts Dynamics 365 geleakt

Information von Penny.Cilin vor 1 TagSicherheit

Microsoft hat versehentlich das TLS-Zertifikat inklusive dem privaten Schlüssel seiner Business-Anwendung Dynamics 365 geleakt. TLS-Zertifikat und privater Schlüssel von ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
Von rj11 auf rj45
Frage von jensgebkenLAN, WAN, Wireless19 Kommentare

Hallo Gemeinschaft, könnt ihr mir vielleicht bei der anfertigung eines Kabels helfen - habe ein rj 11 stecker und ...

Netzwerkmanagement
Firefox Profieles im Roaming
gelöst Frage von Hendrik2586Netzwerkmanagement17 Kommentare

Hallo liebe Leute. :) Ich hab da ein kleines Problem, welches anscheinend nicht unbekannt ist. Wir nutzen hier in ...

Netzwerkmanagement
NAS über zwei weitere Ethernet Anschlüsse verbinden
gelöst Frage von Sibelius001Netzwerkmanagement17 Kommentare

Sorry - ich bin hier wahrscheinlich als kompetter IT Trottel unterwegs. Aber eventuell kann mir jemand ganz einfach helfen: ...

LAN, WAN, Wireless
Häufig Probleme beim Anmelden in WLAN
Frage von mabue88LAN, WAN, Wireless15 Kommentare

Hallo zusammen, in einem Netzwerk gibt es relativ häufig (1-2 mal pro Woche) Probleme mit der WLAN-Verbindung. Zunächst mal ...