Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

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, 7862 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
Java
Problem bei Java und FTP (1)

Frage von Marlon1 zum Thema Java ...

Java
gelöst Was ist ein "Href" im Java ? (31)

Frage von rainergugus zum Thema Java ...

Java
Java deployment.properties und Systemvariablen (3)

Frage von 1x1speed zum Thema Java ...

JavaScript
Jnlp Verknüpfung an Java nicht möglich (10)

Frage von snajman zum Thema JavaScript ...

Neue Wissensbeiträge
Windows 10

Neues Win10 Funktionsupdate verbuggt RemoteApp

Information von thomasreischer zum Thema Windows 10 ...

Microsoft

Die neuen RSAT-Tools für Win10 1709 sind da

(1)

Information von DerWoWusste zum Thema Microsoft ...

Humor (lol)

Wohnt jemand in Belgien und kann nicht mehr ruhig ausschlafen?

(6)

Information von LordGurke zum Thema Humor (lol) ...

Heiß diskutierte Inhalte
Hosting & Housing
Mailserver Software Empfehlungen (21)

Frage von sunics zum Thema Hosting & Housing ...

Voice over IP
DeutschlandLAN IP Voice Data M Premium, Erfahrung mit Faxgeräte? (16)

Frage von liquidbase zum Thema Voice over IP ...

TK-Netze & Geräte
TK-Anlage VoIP - DECT Erweiterung (15)

Frage von Lynkon zum Thema TK-Netze & Geräte ...