Probleme thickbox (jquery)

wotan100 · 16.07.2011

Hallo zusammen!
Ich hätte wieder Mal ein Problem....
Ich habe mir ein Tutorial von angesehen und habe jetzt das Problem dass meine Popup-Form nicht angezeigt wird, sondern einfach die Seite in eínem neuen tab geöffnet wird.

Ich hätte vielleicht auch eine Vermutung was nicht stimmen könnte:

Before you can implement ThickBox make sure the page that invokes ThickBox has a valid DTD. This is required for ThickBox to look and function correctly.

Keine Ahnung ob bei mir alles korrekt ist....
Ich hoffe mir kann jemand helfen.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="../thickbox.js"></script>
<link rel="stylesheet" href="../thickbox.css" type="text/css" media="screen" />
</head>


<body>
<a href="test.php?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=200&width=300&modal=true" title="login / reg" class="thickbox">Example 2</a>

</body>
</html>

Vielen Dank schon im Voraus,
lg WOTAN

wotan100 · 17.07.2011

AW: Probleme thickbox (jquery)

Danke dass du mich darauf aufmerksam gemacht hast!
Hab jetz DOM versucht aber es geht noch immer nicht.... bin schon voll sauer....
Bitte kann mir jemand helfen?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<p><a href="index.html" class="example8DOMWindow">Open DOM Window</a></p> 
<script type="text/javascript"> 
$('.example8DOMWindow').click(function(){ 
    $.openDOMWindow({ 
        loader:1, 
        loaderImagePath:'animationProcessing.gif', 
        loaderHeight:16, 
        loaderWidth:17, 
        windowSourceID:'index.html' 
    }); 
    return false; 
}); 
</script> 
<div id="example8Content" style=" display:none;"> 
<p>Inline Content</p> 
<p>Click overlay to close window</p> 
<p>Consequat ea Investigationes in enim congue. Option velit volutpat quod blandit ex. Congue parum praesent aliquam nam clari. Qui praesent quam sollemnes id vulputate. In imperdiet diam at sequitur et. Minim delenit in dolor dolore typi. Erat delenit laoreet quinta videntur id. Ii at qui eum ut usus. Quis etiam suscipit iusto elit dolor. Dolor congue eodem adipiscing cum placerat. </p> 
<p>Erat usus lorem adipiscing non in. Nobis claram iusto et dolore facilisis. Claritatem decima velit decima ipsum wisi. Quinta ullamcorper sollemnes usus aliquip in. Ut aliquip velit tempor facit putamus. Habent duis et option quod facer. Delenit facer consequat seacula molestie notare. Qui tincidunt nobis lectores eleifend eorum. Decima usus facer id parum legere. Nonummy nonummy facilisis sit qui eodem. </p> 
</div>
</body>
</html>

sokie · 18.07.2011

AW: Probleme thickbox (jquery)

erste Zeile der Seite unter deiner adresse ()

While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives.

Da Thickbox seine besten Tage hinter sich hat, wird es nicht länger gepflegt, darum empfehlen wir ihnen eine Alternative zu wählen.

wotan100 · 18.07.2011

AW: Probleme thickbox (jquery)

Danke sokie! ja ich hab jetzt schon DOM window und fancy box versucht, jedoch wird beim click auf den link bei mir immer ein neuer tab geöffnet.
Der zweite Eintrag von mir war mit DOM

und nun fancybox

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>
<script type="text/javascript" src="fancybox/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="fancybox/fancybox/jquery.fancybox-1.3.4.css" />
</head>

<body>
<a id="inline" href="indx.php">This shows content of element who has id="data"</a>

<div style="display:none"><div id="data">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div>
</body>
</html>

Ich weiß nicht was ich falsch mache.....

sokie · 18.07.2011

AW: Probleme thickbox (jquery)

lad die Sache doch einfach mal auf deinen webspace, und poste uns den link.

wotan100 · 18.07.2011

AW: Probleme thickbox (jquery)

hab leider noch immer keinen webspace...arbeite nur mit xampp local.
lg

fexx · 18.07.2011

AW: Probleme thickbox (jquery)

wotan100 schrieb:
hab leider noch immer keinen webspace...arbeite nur mit xampp local.
lg

gibt doch 1000 free spaces, die sich für den einsatz wunderbar eignen ;-)

wotan100 · 19.07.2011

AW: Probleme thickbox (jquery)

Halli Hallo!
Soo..hab mir jetzt auch mal so nen free webspace eingerichtet ;-)

Ich hoffe ihr könnt mir helfen

Lg WOTAN

Myhar · 19.07.2011

AW: Probleme thickbox (jquery)

Soweit ich das auf die schnelle beurteilen kann:
Wo ist deine Definition, dass der Link in einer Lightbox (respektive in der thickbox) aufgehen soll? Es sind dort viele Skripte eingebunden, welche auf einer Testseite keinen Sinn machen (wie google Analytics)
Ich konnte zumindest in deinen Skripten nicht finden, wo die Thickbox initialisiert wird.
Außerdem, warum probierst du es weiterhin mit der Thickbox, wenn dir schon davon abgeraten wird diese zu verwenden?
L. G.

wotan100 · 19.07.2011

AW: Probleme thickbox (jquery)

Hallo Myhar!
Sorry, das versteh ich jetzt nicht....
Hab jetzt eh FANCY -Box probiert und zuvor DOM , dies sind 2 der 5 gegebenen Alternativen vom Tut.
Ich weiss auch leider nicht von welchen lightbox oder google scripts du sprichts?
Bitter erklär mir meinen Fehler nochmals?!
Ich seh den Quelltext, aus dem Link:

HTML:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>Untitled Document</title> <script type="text/javascript" src="fancybox/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" media="screen" href="fancybox/fancybox/jquery.fancybox-1.3.4.css" /> </head>  <body> <a id="inline" href="index.html">This shows content of element who has id="data"</a>  <div style="display:none"><div id="data">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div> <script type="text/javascript">    var _gaq = _gaq || [];   _gaq.push(['_setAccount', 'UA-16106315-4']);   _gaq.push(['_setDomainName', '.funpic.de']);   _gaq.push(['_trackPageview']);    (function() {     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);   })();  </script></body> </html>

lg

Myhar · 19.07.2011

AW: Probleme thickbox (jquery)

Verzeihung, habe Thick- und Fancybox verwechselt. Mein Fehler

Du willst ja wohl ein Overlay öffnen, wenn du auf den Link klickst?

Code:

<a id="inline" href="index.html"></a>

Nur wo definierst du, dass das passieren soll? Du bindest zwar fancybox ein, aber wo ist dein Teil vom Javascript, welches die Fancybox initialisiert? Die Fancybox kann ja nicht hellsehen und weiß nicht von selber, dass der Link in einem Overlay dargestellt werden soll. Es ist aber auch gut möglich, dass ich die Initialisierung einfach übersehe.

L. G.

wotan100 · 19.07.2011

AW: Probleme thickbox (jquery)

Kein Thema!
Ja genau, dass ist der Plan! Mit JavaScript einfach ein window.open zu machen funktioniert ja, jedoch schaff ichs nicht, obwohl ich die Parameter "menu=no, toolbar=no ....usw. "setze, dass diese auch ausgeblendet werden... und ja die WindowForm bzw einfach ein FireFox-Fenster öffnen gefällt mir nicht.
Deshalb hab ich nach diesem Tut gesucht, und ja...ich werd halt aus diesen"jquery.js" und "jquery.fancybox.js" nicht gerade schlau! Eigentlich hab ich gedacht dass dieser Aufruf irgendwo dort drin stattfindet. Denn dieser master chief hat ja auch ein recht komplexes .css-File drin, wo die Form irgendwie zusammengebastelt wird..Glaub ich*G
Ich frag ja weil ich mich nicht auskenne.....

lg

Myhar · 19.07.2011

AW: Probleme thickbox (jquery)

Nur vom Files einbinden alleine passiert keine Magie. ;-)
Du musst schon noch das ganze initialisieren und definieren, wie/wo/was/wann die Fancybox aktiviert wird.
In der Anleitung bist du wohl gerade bei Schritt 4 angekommen. Also kümmere dich um die restlichen Schritte, dann funktioniert es auch.

L. G.

wotan100 · 19.07.2011

AW: Probleme thickbox (jquery)

Ups... wo sind die Schritte denn hergekommen. *g
Danke! Ich bin ein Trottel....Wie hab ich das einfach übersehen können??????
Tz! Dankeschön!
Es hakt halt auch noch ein wenig am Verständnis bei gewissen Dingen!
lg

wotan100 · 19.07.2011

Frage zu Overlay mit Callback Funktion

hallo nochmal!
Ich hätte doch noch eine kleine Frage bitte!
Ich hab ein Registrierungsformular in php geschrieben und im if isset(POST["submit"])){}
wird auf Fehler geprüft.
Wenn alles passt gibt er die Daten aus, wenn nicht dann was falsch ist.
Dies passiert alles in einem Script.
Jedoch sobald ich abschicke, schließt sich die Overlay -Form.
Wenn ich den Link zur Registrierung nochmal anklicke kommt die Ausgabe.
Gibts da nicht irgendwas um das Schließen beim Buttonklick zu verhindern?
Ich hab auch was von einer Callback-Funktion gelesen? Bin ich da irgendwie richtig?
Bitte um Hilfe!

lg WOTAN