✔ javascript Array

[iloveratte]

Hallo, ich komme nicht weiter, und zwar möchte ich aus einer Java Variablen ein Array Kreiren.


var test = "internet";


var array = new Array();
array['+ test +'] = \"0\";


und wenn es wider aufgerufen wird mitt der Variablen "internet" soll die 0 durch die 1 ersetzt werden. und bei anderen inhalten natürlich dementsprechend erweitern

eigentliches Array:

array(
array[internet=>0]
array[test=>0]
array[test2=>1]
)

Aber wie kann ich die Variable als Array key benutzen?
array['+ test +'] = \"0\"; funktioniert nicht..


danke

 

[timestamp]

Assoziative (String als Key) Arrays gibt es in Javascript nicht. Das musst du mittels Objekten lösen (Google ist dein Freund). Bitte nicht Java und Javascript durcheinanderwerfen. Das sind zwei völlig verschiedene Dinge

 

[iloveratte]

So, also habe mich mal schlau gemacht und mir was neues gebaut.

ich habe verschidenen zugeklappte elemente wenn man auf eins klickt sollen alle anderen zugehen, und das einte auf. allerdings funktioniert das mittels Array nicht, kann mir da jemand sagen worann es liegt?

ich arbeite das "Array ab, und sortiere nach ist gleich oder nicht, und setzte so die "none" oder "block"..

Fehlermeldung:

Meldung: Objekt erforderlich
Zeile: 11
Zeichen: 4
Code: 0

<script type="text/javascript">
<!--
function einaus(id)
	{
	menuearray = new Array(0,1,2);
	for(i = 0; i < menuearray.length; i++)
		{
		if(menuearray[i] != id)
			{
			document.getElementById(' + menuearray[i] + ').style.display = 'none';
			}
			else
			{
			document.getElementById(' + menuearray[i] + ').style.display = 'block';
			}
		}
	}
//-->
</script>

<a href="#" onclick="einaus('0'); return false;"><img src="1.gif" border="0"></a>
<span id="0" style="display:none"><img src="1a.gif" border="0</span>

<a href="#" onclick="einaus('1'); return false;"><img src="2.gif" border="0"></a>
<span id="1" style="display:none"><img src="2a.gif" border="0</span>

<a href="#" onclick="einaus('2'); return false;"><img src="3.gif" border="0"></a>
<span id="2" style="display:none"><img src="3a.gif" border="0</span>

 

[javaDeveloper2011]

Hi,

eigentlich gut gemacht, und auch kein grundsätzlicher denkfehler, aber irgenwie nimmst du es wohl nicht so genau mit Anführungsstrichen, abschließenden Tags und co.

Hier mal ein verbesserter Code, der mit Beispielbildern ein gutes Ergebniss liefert:

<script type="text/javascript">
      function einaus(id) {
            menuearray = new Array(0, 1, 2);
            for(i = 0; i < menuearray.length; i++) {
        	if(menuearray[i] != id) {
        	    document.getElementById(menuearray[i]).style.display = 'none';
        	}
        	else{
        	    document.getElementById(menuearray[i]).style.display = 'block';
        	}
            }
        }
</script>

<a href="#" onclick="einaus(0);"><img src="1.gif" border="0"></a>
<span id="0" style="display: none"><img src="1a.gif" border="0" /></span>

<a href="#" onclick="einaus(1);"><img src="2.gif" border="0"></a>
<span id="1" style="display: none"><img src="2a.gif" border="0" /></span>

<a href="#" onclick="einaus(2);"><img src="3.gif" border="0"></a>
<span id="2" style="display: none"><img src="3a.gif" border="0" /></span>

Gruß javaDeveloper2011

 

[THEJS]

Hoch lebe JQuery ^^

<script type="text/javascript">
    function einaus(id) {
        $("span.bla").hide("slow");
        $("#"+id).show("slow");
    }
</script>

<a href="#" onclick="einaus(0);"><img src="1.gif" border="0"></a>
<span id="0" class="bla" style="display: none"><img src="1a.gif" border="0" /></span>

<a href="#" onclick="einaus(1);"><img src="2.gif" border="0"></a>
<span id="1" class="bla" style="display: none"><img src="2a.gif" border="0" /></span>

<a href="#" onclick="einaus(2);"><img src="3.gif" border="0"></a>
<span id="2" class="bla" style="display: none"><img src="3a.gif" border="0" /></span>

Sorry, aber wollte nur meinen Senf dazu geben

greez
THEJS

 

[iloveratte]

Besten dank für die Hilfe, also lag mein denkfehler nicht wirklich falsch, sondern es hackte an der ausführung.. ;-) besten dank.