Links in der Dropleiste

Yami Malik

Yami Malik

Grünschnabel
ich habe diese Script auf Webmasterpro.de gefunden. Habe es dann versucht einzubauen geht auf es kommt eine Fehlermeldung.

Hier ist erstmal der Quellcode:

Code: 
<html> 
    <head> 
        
        <title>Netzwerkleiste</title> 

<script type="text/javascript"> 
<!-- 
function Link(x) { 
if(x == "blank") { 
document.forms[0].reset(); 
document.forms[0].elements[0].blur(); 
return; 
} 
else { 
parent.frames[1].location.href = x; 
document.forms[0].reset(); 
document.forms[0].elements[0].blur(); 
} 
} 
//--> 
</script> 

    </head> 
    

        <body> 

        


<form action=""><select size=1 name="Navigation" 
onChange="Link(this.form.Navigation.options[this.form.Auswahl.options.selectedIndex].value)" 
style="width:250px; background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif;" 
width="250"> 
<option value="blank">Übschrift</option> 
<option value="datei.htm">Linktext</option> 
<option value="http://www.pummeldex.de">Pummeldex.de</option> 
<option value="http://www.w3c.org/">W3Consortium</option> 
<option value="http://www.opera.com/">The fastest browser on earth...</option> 
</select></form> 


    </body> 
</html>

und hier ist die Fehlermeldung ,

'this.form.Auswahl.options' ist Null oder kein Objekt
Zum Vergrößern anklicken....

wie bekomme ist es hin das die links gehen.

http://www.anime-chaos.net/test/leiste2.phps

Vielen Dank im Voraus
 
Siehst du da etwas, was "Auswahl" heisst?

Du kannst es so machen:
Code: 
onChange="Link(this.options[this.selectedIndex].value)"
 
es geht aber leider immer noch nicht

Code: 
<form action=""><select size=1 name="Navigation"
onChange="Link(this.options[this.selectedIndex].value)"
style="width:250px; background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif;"
width="250">
<option value="blank">Übschrift</option>
<option value="datei.htm">Linktext</option>
<option value="http://www.pummeldex.de/">Pummeldex.de</option>
<option value="http://www.w3c.org/">W3Consortium</option>
<option value="http://www.opera.com/">The fastest browser on earth...</option>
</select></form>

http://www.anime-chaos.net/test/leiste2.php
http://www.anime-chaos.net/test/leiste2.phps
 
Zuletzt bearbeitet:
Bist du des Lesens mächtig?
Wenn ja, dann lese meine erste Beitrag .... falls dir Lesen zu schwer fällt, sollte auch copy&paste ausreichen;-]
 
Hi,

vielleicht hilft dir dieser Vorschlag weiter ;)

Code: 
<html>
    <head>

        <title>Netzwerkleiste</title>

<script type="text/javascript">
<!--
function Link() {

var sel = document.getElementById('navi');
var x = sel.options[sel.selectedIndex].value;

if(x == "blank") {
document.forms[0].reset();
document.forms[0].elements[0].blur();
return;
}
else {
parent.frames[1].location.href = x;
document.forms[0].reset();
document.forms[0].elements[0].blur();
}
}
//-->
</script>

    </head>


        <body>




<form action="">

<select size=1 name="Navigation"  onChange="Link()" id='navi'
style="width:250px; background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif;"
width="250">
<option value="blank">Übschrift</option>
<option value="datei.htm">Linktext</option>
<option value="http://www.pummeldex.de">Pummeldex.de</option>
<option value="http://www.w3c.org/">W3Consortium</option>
<option value="http://www.opera.com/">The fastest browser on earth...</option>
</select>
</form>


    </body>
</html>

Grüße
 
Code: 
<script type="text/javascript">
<!--
window.onload=function()
{
    for(s=0;s<document.getElementsByTagName('SELECT').length;++s)
        {
            document.getElementsByTagName('SELECT')[s].onchange=function()
            {
                if(this.selectedIndex>0)parent.frames[1].location.href = this.value;
            }
        }
}
//-->
</script>
solltest du auf der Seite noch mehr <select>'s ausser denen für die Navigation verwenden wollen, müsst man da noch was anpassen.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück