JavaScript TinyBox in Seite einfügen

Hast du auch diese "Bausteine" in deine Seite übernommen?
HTML:
<body>

<div class="button" id="testclick1"><strong>...</strong> - <em>click here</em></div>
    ...
<div class="button" id="testclick2"><strong>...</strong> - <em>click here</em></div>
    ...
<div class="button" id="testclick3"><strong>...</strong> - <em>click here</em></div>


<script type="text/javascript">
	T$('testclick1').onclick = function(){TINY.box.show('advanced.html',1,300,150,1)}
	var content2 = "<img src='images/rhino.jpg' width='298' height='373' alt='' />";
	T$('testclick2').onclick = function(){TINY.box.show(content2,0,0,0,1)}
	var content3 = "This will disappear in 3 seconds.";
	T$('testclick3').onclick = function(){TINY.box.show(content3,0,0,0,0,3)}
</script>

</body>


mfg Maik
 
Hmm, nein, wäre das aber nicht ein wenig umständlich für jeden neuen Popup den Code immer wieder von Hand erweitern zu müssen?

Funktioniert auch nicht wenn ich das noch einfüge das du gepostet hast....
 
Zuletzt bearbeitet:
Dann ist dir irgendwo ein Fehler unterlaufen, den ich nicht beurteilen kann, da in deinem Code nur noch das Überbleibsel "TINY.box.show('advanced.html',1,300,150,1,3)" enthalten ist, und das in der Seite (am Ende von "Pearl Harbor") ausgegeben wird.

Bei mir läuft die TinyBox rund.

mfg Maik
 
"Hochladen" mußte ich auf meinem localhost nix :-)

HTML:
<head>

...

<link rel="stylesheet" href="http://sandbox.leigeber.com/tinybox/style.css" />
<script type="text/javascript" src="http://sandbox.leigeber.com/tinybox/tinybox.js"></script>

</head>
<body>

...

<div class='post-header-line-1'></div>
<h3 class='date-header'>29. Juni 2009</h3>
<div class='post-body'>
<div class="button" id="testclick1"><strong>Advanced Features</strong> - <em>click here</em></div>

...

<script type="text/javascript">
        var content1 = "Guck mal, ich steck hier in der TinyBox.";
        T$('testclick1').onclick = function(){TINY.box.show(content1,0,0,0,0,3)}
</script>

</body>
</html>

tinybox.jpg


mfg Maik
 
Und wie lautet die HTML-Ausgabe des Browsers (Ansicht -> Seitenquelltext anzeigen)?

Wenn ich den angehängten Code im Browser lade, erhalte ich nämlich eine weiße Seite mit dem "RSS"-Icon zu Gesicht.

mfg Maik
 
Code:
<b:skin><![CDATA[/*

<link rel="stylesheet" href="http://sandbox.leigeber.com/tinybox/style.css" />
<script type="text/javascript" src="http://sandbox.leigeber.com/tinybox/tinybox.js"></script>
<link rel="stylesheet" href="http://th14.piranho.de/style.css" />
<script type="text/javascript" src="http://th14.piranho.de/tinybox.js"></script>
Entgegen deinem angehängten Code tauchen diese Zeilen in der Online-Version deines Blogs im Dokumentheader überhaupt nicht auf.

mfg Maik
 
Kann den Quelltext nicht hochladen da zu gross. Aber den kann doch sowieso jeder anschauen im Firefox, nicht?

Edit:

Hmmm, komisch. Hab die aber schon richtig eingefügt, oder?
 
Zurück