Archivlink: javarea.de Forum > JavaScript > cromless clon
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > cromless clon
Pages: [1]
| geschrieben von tezguet am 14.01.2006 - 21:33 |
hallo, ich finde das script cromless-clon super um kurze nachrichten anzeigen zu lassen.
jetzt möchte ich mehrere cromless-clon scripte auf einer seite anwenden - natürlich immer mit verschiedenem text.
es wäre schön, wenn mir jemand weiterhelfen könnte.
|
| geschrieben von Beat am 16.01.2006 - 13:55 |
Hallo tezguet
was für ein Alias?!?!?!
Also ich habe ja auch nicht so den Durchblick bei JS, und vermutlich, fahre ich wie jedes mal, wenn ich an einem Script herum fummle, ca. 3 mal mit der Kirche ums Dorf.
Hier meine Lösung, wenn's denn eine ist....:
<body onMousemove="coordinateWindows()">
<script language="JavaScript">
<!--
// (C) 2004 Klaus Hentschel [ All rights reserved ].
// e-mail: kh@javarea.de
// www: http://www.javarea.de
// Scriptname: Chromeless-Clone
// Variablendeklaration und Anpassung des Layouts
var bWindow_Mouse = 0; // Fenster an Link oeffnen (1=JA >> 0=nein
var iWidth = 300; // Breite des Fenster (Tabelle)
var iHeight = 200; // Hoehe des Fenster (Tabelle)
var ixPos = 300; // Startposition des Fenster von Links
var iyPos = 100; // Startposition des Fesnter von Oben
var sbg_color = "WHITE"; // Hintergrundfarbe des Fenster
var sbr_color = "BLUE"; // Borderfarbe des Rahmen
// TextInhalt des Fensters
var WindowTitle = "<center><b>Chromeless Fenster 1 !</b></center>";
var WindowTitle2 = "<center><b>Chromeless Fenster 2 !</b></center>";
var WindowText = "Das <b>1.</b> durch <b>getElementById</b> Tag generiertes Fenster ohne Rahmen";
var WindowText2 = "Das <b>2.</b> durch <b>getElementById</b> Tag generiertes Fenster ohne Rahmen";
// Fenster da oeffnen wo sich der Link befindet
function coordinateWindows(bWindow)
{
if (bWindow_Mouse)
{
ixPos = event.clientX;
iyPos = event.clientX;
}
return bWindow_Mouse;
}
// Browser identifizieren
ie = (document.getElementById && document.all && document.styleSheets) ? true:false;
nn = (document.getElementById && !document.all) ? true:false;
// Tabellengroessen festlegen
if(ie)
tblheight=10;
else
tblheight=8;
document.write(
"<div id='c1' style='position:absolute;top:-1000;left:0'>"+
"<table style='border-style:outset;border-width:1;border-color:"+sbr_color+";background-color:"+sbg_color+"' width='"+iWidth+"' height='"+iHeight+"'>"+
"<tr>"+
"<td height='"+tblheight+"' bgcolor='"+sbg_color+"'>"+WindowTitle+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+WindowText+"</td>"+
"</tr>"+
"<tr>"+
"<td><center><input style='border-style:outset;border-width:1;border-color:"+sbr_color+";background-color:"+sbg_color+"' type=button onClick=hiddenWindow('c1') value='Fenster schließen'></td>"+
"</tr>"+
"</table>"+
"</div>"
);
document.write(
"<div id='c2' style='position:absolute;top:-1000;left:0'>"+
"<table style='border-style:outset;border-width:1;border-color:"+sbr_color+";background-color:"+sbg_color+"' width='"+iWidth+"' height='"+iHeight+"'>"+
"<tr>"+
"<td height='"+tblheight+"' bgcolor='"+sbg_color+"'>"+WindowTitle2+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+WindowText2+"</td>"+
"</tr>"+
"<tr>"+
"<td><center><input style='border-style:outset;border-width:1;border-color:"+sbr_color+";background-color:"+sbg_color+"' type=button onClick=hiddenWindow('c2') value='Fenster schließen'></td>"+
"</tr>"+
"</table>"+
"</div>"
);
// Fenster anzeigen
function showWindow(DivId)
{
if(ie)
{
document.getElementById(DivId).style.left = ixPos;
document.getElementById(DivId).style.top = iyPos;
document.getElementById(DivId).style.visibility = "visible";
}
else if(nn) {
document.getElementById(DivId).style.left = ixPos;
document.getElementById(DivId).style.top = iyPos;
document.getElementById(DivId).style.visibility = "visible";
}
else alert("Ihr Browser versteht den \"getElementById\" Tag nicht, schade!");
}
function hiddenWindow(DivId)
{
document.getElementById(DivId).style.visibility = "hidden";
}
//-->
</script>
<a href="javascript:showWindow('c1')">Chromeless-Clone Fenster 1</a><br><br>
<a href="javascript:showWindow('c2')">Chromeless-Clone Fenster 2</a>
Die roten Stellen habe ich geändert bzw. eingefühgt.
Ich hoffe es ist einigermasen verständlich?!?
PS: Klaus möge mir vergeben...
Grüsse aus dem Nebel
Beat
|
|