Script

Tutorials von Thomas Frei-Herrmann

 

Script


... das untere “Gehe zu-Menü” (“Auswahlliste”) auf dieser Seite.


Da das “Gehe zu-Menü” von NOF als Javascript generiert wird, kann man in diesen Prozess nicht wirklich eingreifen. Nun bestand der Wunsch den Titel von “Link auswähen” auf einen eigenen Titel (hier “Auswahlliste”) zu verändern.

Ich habe dafür dieses Skript einfach aus dem generierten Quelltext von NOF kopiert:

> lokal publizieren > rechte Maustaste > Quelltext anzeigen

Ich habe hier lediglich den Form-Namen abgeändert in:

<form name="MeinGoMenu1">

da jedes Formular einen eigenen Namen haben muss und den gesamten, kopierten Code noch in eine Tabelle verpackt:

<table border="0" cellspacing="0" cellpadding="0" width="150">
   hier den von NOF generierten Code rein kopiert
</table>

und dann in die HTML eines Textfeldes eingefügt:

> Textfeld aufziehen > im Fenster “Textfeld-Eigenschaften” oben auf den mittleren Button “Text” klicken
> und anschließend auf den Button “HTML” und das Skript unten einfügen


Bitte achtet auf die relative Pfadangabe zu den intern verlinkten Seiten. In diesem Beispiel von einer Unterseite mit 2 Punkten ../
Von der “Home” (Startseite) dürfte dort dann jeweils nur 1 Punkt stehen ./

Ihr könntet also dieses Skript auch hier kopieren und lediglich Eure Links entragen oder beliebig viele hinzufügen


<table border="0" cellspacing="0" cellpadding="0" width="150">

<tr valign="top" align="left">
<td height="20"></td>
<td colspan="2" rowspan="2" width="150">

<!-- eigenes GoMenü -->
<form name="MeinGoMenu1">

<select name="GoMenu" onchange="MeinGoMenu1Link()" language="JavaScript">

<option selected value>Auswahlliste</option>
<option value="../index.html">Startseite</option>
<option value="../html/peonie.html">Peonie</option>
<option value="../html/tulpe.html">Tulpe</option>
<option value="../html/script.html">Script</option>
<option value="../html/sitemap.html">Sitemap</option>
<option value="http://www.tommyherrmanndesign.com/nof/html/nof-gast.php">Gästebuch</option>
<option value="http://www.tommyherrmanndesign.com/nof/html/themen-liste.php">Themen</option>


</select>

</form>

<script language="JavaScript">function MeinGoMenu1Link() {
var a = document.MeinGoMenu1.GoMenu.options[document.MeinGoMenu1.GoMenu.selectedIndex].value +"";
if(a != '') { if(parent!=self) { var f = self; while(f!=window.top) { f = f.parent; } if(a.indexOf("://")!=-1) { f.body.location.href = a;}else{ window.top.location.href = a; } }else{ window.top.location.href = a; } document.MeinGoMenu1.GoMenu.selectedIndex=0; }
}
</script>

</td>
</tr>
</table>
 

nach oben

Ich habe auf meiner Seite hier noch die Farbe des Textes und Hintergrunds, den Rahmen und den Schriftabstand (14px) geändert. Dies würde dann so aussehen:


<table border="0" cellspacing="0" cellpadding="0" width="150">

<tr valign="top" align="left">
<td height="20"></td>
<td colspan="2" rowspan="2" width="150">

<!-- eigenes GoMenü -->
<form name="MeinGoMenu1">

<select name="GoMenu" style="color: rgb(31,47,82);background-color: rgb(208,208,208);border: 1px solid rgb(31,47,82);" onchange="MeinGoMenu1Link()" language="JavaScript">

<option selected value>Auswahlliste&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
<option style="padding-left: 14px;" value="../index.html">Startseite</option>
<option style="padding-left: 14px;" value="../html/peonie.html">Peonie</option>
<option style="padding-left: 14px;" value="../html/tulpe.html">Tulpe</option>
<option style="padding-left: 14px;" value="../html/script.html">Script</option>
<option style="padding-left: 14px;" value="../html/sitemap.html">Sitemap</option>
<option style="padding-left: 14px;" value="http://www.tommyherrmanndesign.com/nof/html/nof-gast.php">Gästebuch</option>
<option style="padding-left: 14px;" value="http://www.tommyherrmanndesign.com/nof/html/themen-liste.php">Themen</option>
</select>


</form>

<script language="JavaScript">function MeinGoMenu1Link() {
var a = document.MeinGoMenu1.GoMenu.options[document.MeinGoMenu1.GoMenu.selectedIndex].value +"";
if(a != '') { if(parent!=self) { var f = self; while(f!=window.top) { f = f.parent; } if(a.indexOf("://")!=-1) { f.body.location.href = a;}else{ window.top.location.href = a; } }else{ window.top.location.href = a; } document.MeinGoMenu1.GoMenu.selectedIndex=0; }
}
</script>

</td>
</tr>
</table>
 

nach oben

diese Seite weiter empfehlen



Counter Statistik