nicht angemeldet
Hallo Andreas,
Danke für Dein Script...ich habe es ausprobiert, darüber gebrütet und glaube das Grundprinzip zu verstehen. Jedoch gibt es in meinem JS-Anfängerhirn noch diverse Verständnisprobleme speziell im Hinblick auf die Umsetzung des Prinzips für meine Menüleiste mit rollover- und onclick-Effekten.
1.
Das Definieren von Variablen..
in Deinem Script hast Du Zahlenwerte und Text als Variablen definiert.
Welche Werte braucht mein Script als Variablen, um vor einem resize den letzten aktuellen
Zustand in der Navigationsleiste speichern zu können?
2. Codierung /Decodierung
Ist es für mein Anwendungsbeispiel überhaupt erforderlich, einen String in Hexcode
und zurück zu konvertieren?
Wenn ich das richtig/falsch verstanden habe, ist diese Konvertierung nur notwendig, wenn
beliebige Zeichenketten mit unzulässigen Zeichen übergeben bzw. wieder aufgerufen werden sollen.
Bei der von mir gebastelten Navigationsleiste geht es ja eigendlich nicht um die Übergabe von Text bwz. Zahlenwerten, sondern um Dateien deren Namen, die von vornherein auch ohne die unerwünschten Zeichen benannt werden können. Oder?...oder geht es hier um mehr ;-)?
Sollten meine Fragen merkwürdig erscheinen, dann ist es ein sicheres Zeichen dafür, dass ich
den grossen Zusammenhang noch nicht so ganz begriffen habe. Ich bitte um Nachsicht.
Für ein besseres Gegen-Verständnis für mein Anliegens habe ich nachfolgend einen Auszug
aus dem Script der Menüleiste beigefügt, aus dem die (zu übergebenen) JS-Effekte ersichtlich sind.
Susann
<HTML>
<HEAD>
<TITLE>pathfinder</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
NS4 = document.layers;
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;
}
function reDo() {
if (innerWidth != origWidth innerHeight != origHeight)
location.reload();
}
if (NS4) onresize = reDo;
var nSelect = 99;
pic_normal = new Object();
pic_highlight = new Object();
pic_selected = new Object();
pic_cur = new Object();
text = new Object();
defaultStatus = ""
pic_highlight[0] = "a_me.gif";
pic_normal[0] = "me.gif";
pic_selected[0] = "v_me.gif";
pic_cur[0] = pic_normal[0];
pic_highlight[1] = "a_print.gif";
pic_normal[1] = "print.gif";
pic_selected[1] = "v_print.gif";
pic_cur[1] = pic_normal[1];
text[0] = "identity";
text[1] = "print";
function mOver (bnr)
{
status=text[bnr];
pic_cur[bnr] = pic_highlight[bnr];
{ if (navigator.appName == 'Netscape')
{ window.document.layers[0].document.images[bnr].src=pic_cur[bnr]; } else
{ document.all.Layer1.document.images[bnr].src=pic_cur[bnr]; }
}
}
function mOut (bnr)
{
if(nSelect == bnr)
{
pic_cur[bnr] = pic_highlight[bnr];
}
else
{
pic_cur[bnr] = pic_normal[bnr];
}
{ if (navigator.appName == 'Netscape')
{ window.document.layers[0].document.images[bnr].src=pic_cur[bnr]; } else
{ document.all.Layer1.document.images[bnr].src=pic_cur[bnr]; }
}
}
function mClick (bnr)
{
if(nSelect != 99)
{
pic_normal[nSelect] = pic_selected[nSelect];
pic_cur[nSelect] = pic_selected[nSelect];
{ if (navigator.appName == 'Netscape')
{ window.document.layers[0].document.images[nSelect].src=pic_cur[nSelect]; } else
{ document.all.Layer1.document.images[nSelect].src=pic_cur[nSelect]; }
}
}
pic_cur[bnr] = pic_highlight[bnr];
{ if (navigator.appName == 'Netscape')
{ window.document.layers[0].document.images[bnr].src=pic_cur[bnr]; } else
{ document.all.Layer1.document.images[bnr].src=pic_cur[bnr]; }
}
aktiv=bnr;
}
function ZweiFrames(URL0,F0,URL2,F2)
{
parent.frames[F0].location.href=URL0;
parent.frames[F2].location.href=URL2;
}
// -->
</script>
</head>
<body topmargin="0" leftmargin="0" bgcolor="#818A9F" link="#818A9F" vlink="#818A9F" alink="#818A9F">
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:801px; height:30px; z-index:1">
<table width="100%" valign="top" border="0" cellspacing="0" cellpadding="0" name="leiste" height="30">
<tr>
<td border=0 width=100 align=center valign=middle> <a
onMouseOver="mOver(0); return true;"
onMouseOut="mOut(0); return true;"
onMouseDown="mClick(0); return true;"
href="javascript:ZweiFrames('me_o.htm',0,'me_u.htm',2)"><img src="me.gif" width="140" height="25" border=0 align="middle" name="identity"></a>
</td>
<td valign=middle border=0 width=100 align=center> <a
onMouseOver="mOver(1); return true;"
onMouseOut="mOut(1); return true;"
onMouseDown="mClick(1); return true;"
href="javascript:ZweiFrames('print_o.htm',0,'print_u.htm',2)"> <img src="print.gif" width="140" height="25" border=0 align="middle" name="print"></a>
</td>
</tr></table></div>
</BODY>
</HTML>