nicht angemeldet
javascript variablen an html übergeben
hallo,
ich hab da mel eine frage zu der übergabe von javascript- variablen an html. ich habe im script bereich eine variable deklariert, die text (pfadangabe) enthält. wie kann ich diese an ein html- element übergeben?
<html>
<head>
</head>
<script>
button = new Array(10);
function ClearMenu()
{
for (i=1;i<10;i++){button[i]="images/lightarrow.gif";}
}
function UpdateMenu()
{
ClearMenu();
button[i]="images/darkarrow.gif";
}
</script>
<body>
<a onmouseclick="UpdateMenu(1)"><img src=button[1] width="11" height="14"></a><br>
<a onmouseclick="UpdateMenu(2)"><img src=button[2] width="11" height="14"></a><br>
<a onmouseclick="UpdateMenu(3)"><img src=button[3] width="11" height="14"></a><br>
</body>
</html>
das oben stehende script ist stark vereinfacht ein teil meines menüs.
die zuweisunf src=button[1] funktioniert jedoch nicht, da button eine in js deklarierte string-variable ist.
ich möchte nämlich den grafiken keine namen geben (dann könnte ich den src- verweis einfach in eine funktion schreiben), weil ich die buttons dann ja einzelnd ansprechen muss (button1, button2, button3, ...). so kann ich einfach button[i] abfragen.
vielen dank im voraus
tobias
-
Hallo,
Du mußt die Anker mit Javascript schreiben:
[...]
<script type="text/javascript">
<!--
with(document)
{
write('<a onmouseclick="UpdateMenu(1)"><img src="' +button[1]+ '" width="11" height="14"></a><br>');
write('<a onmouseclick="UpdateMenu(2)"><img src="' +button[2]+ '" width="11" height="14"></a><br>');
write('<a onmouseclick="UpdateMenu(3)"><img src="' +button[3]+ '" width="11" height="14"></a><br>');
}
//-->
</script>
[...]Gruß Markus
-
hallo,
ich hab da mel eine frage zu der übergabe von javascript- variablen an html. ich habe im script bereich eine variable deklariert, die text (pfadangabe) enthält. wie kann ich diese an ein html- element übergeben?
Schau dir an, wie in SelfHTML die dynamischen Buttons realisiert werden. Genau so kannst du auch deine Bilder austauschen. Du solltest zu Beginn (als Startzustand) allerdings mit src="pfad/bild.gif" auf normale Art Bilder einbinden - sieht besser aus, falls Javascript ausgeschaltet ist.
</selfhtml/javascript/beispiele/buttons.htm>
- Sven Rautenberg