Variablen zusammensetzen lassen

[Hauke]

Hallo,

ich weiß nicht, ob so ein Thread schon mal vorgekommen ist. Ich habe etwas gesucht, wusste aber auch nicht wirklich, wie ich das nennen sollte. Mein Problem, dass ich auch häufiger in PHP hatte ist jetzt in Javascript aufgetaucht und zwar:

Ich habe verschiedene div's auf einer Seite wobei einige ein onMouseOver effekt haben, die eine funktion hilfe() aufruft. Dabei wird dann noch eine Zahl übergeben, also:
<div ..... onmouseover=hilfe(1)...>BLa</div>

Jetzt gibt es für jede Zahl 2 Variablen:
HelpHeader1
HelpText1
HelpHeader2
HelpText2
...
(die wurden außerhalb der Funktion als global definiert)

Jetzt möchte ich, dass je nach dem welcher Wert an "hilfe" übergeben wird, beide zugehörigen Variablen ausgegeben werden in einem anderen div. Hier ist mein Ansatz:

var helpHeader1 = "Username"
var helpHeader2 = "Passwort";
var helpText1   = "Hilfe 1";
var helpText2   = "Hilfe 2";

function hilfe(wert)
{
document.getElementById("hilfeHeader").innerHTML =  helpHeader + wert;
document.getElementById("hilfeText").innerHTML =  helpText + wert;
}

Hoffe ihr wisst, was ich meine.
Danke schon mal für eure schnelle Hilfe :-)

Viele Grüße und noch einen sonningen Tag (falls bei euch auch die Sonne scheint).

Mfg,
Hauke

[Struppi]

Ich habe verschiedene div's auf einer Seite wobei einige ein onMouseOver effekt haben, die eine funktion hilfe() aufruft. Dabei wird dann noch eine Zahl übergeben, also:
<div ..... onmouseover=hilfe(1)...>BLa</div>

Hoffentlich nicht so, da fehlen noch die anführungszeichen.

Jetzt gibt es für jede Zahl 2 Variablen:
HelpHeader1
HelpText1
HelpHeader2
HelpText2

Du kennst das Konzept des Arrays?

var HelpHeader =  [
'header 1',
'header 2',
'header 3',
....
];

Das würde einiges erleichtern.

Jetzt möchte ich, dass je nach dem welcher Wert an "hilfe" übergeben wird, beide zugehörigen Variablen ausgegeben werden in einem anderen div. Hier ist mein Ansatz:

var helpHeader1 = "Username"
var helpHeader2 = "Passwort";
var helpText1   = "Hilfe 1";
var helpText2   = "Hilfe 2";

function hilfe(wert)
{
document.getElementById("hilfeHeader").innerHTML =  helpHeader + wert;
document.getElementById("hilfeText").innerHTML =  helpText + wert;
}

Mit Arrays sähe das so aus:

function hilfe(wert)
{
document.getElementById("hilfeHeader").innerHTML =  helpHeader[wert];
document.getElementById("hilfeText").innerHTML =  helpText[wert];
}

wobei Wert hier bei Null beginnt.

Hoffe ihr wisst, was ich meine.

Falls du es wirklich unbedingt so machen willst, das geht natürlich auch (bevor jetzt einer mit eval kommt):

function hilfe(wert)
{
document.getElementById("hilfeHeader").innerHTML =  window['helpHeader' + wert];
document.getElementById("hilfeText").innerHTML =  window['helpText' + wert];
}

Viele Grüße und noch einen sonningen Tag (falls bei euch auch die Sonne scheint).

nö, aber ich komm prima ohne sonnigen Tag klar :-)

Struppi.

[Hauke]

Array :-) Dieses bei mir doch so unbeliebte Ding was trotzdem so wichtig und leistungsstark ist, hatte ich total vergessen :-)

Danke schön, das war ein sehr guter Tipp
:-)

Vielen Dank
Hauke