Hallo,
ich habe folgendes Problem:
ich hab in meinem HTML-Dokument drei DIV-Container, jedes mit einer eigenen ID.
Dann hab ich ein Form, wo ich drei Radiobuttons definiert habe. Bei Klick auf einem sollen zwei DIVs unsichtbar werden usw...Bei Klick auf ein anderes Radiobutton die andern beiden unsichtbar.
Nun wollte ich dies relativ dynamisch gestalten, d.h. wenn ich mal ein Dokument mit mehr als 3 Divs habe, sollte das auch noch funktionieren. Daher wollte ich zwei Funktionen bauen, eine zum Verstecken und eine zum Anzeigen, und jede dieser Funktionen übergebe ich die IDs zum Anzeigen/Verstecken mit Hilfe eines Arrays. Array deshalb, damit ich 1 - unendlich viele Divs auf einmal bearbeiten kann. Der Code sieht folgendermaßen aus:
function hide(array)
{
alert(array);
for (var id in array) {
document.getElementById(id).style.display = "none";
}
}
Im
Html hab ich für das onclick-Event folgendes eingetragen:
<input type="radio" name="selection" value="insert" onclick="hide(new array('import', 'insert'));" />
'import' und 'insert' sind dabei die IDs meiner beiden divs die ich verstecken möchte.
Leider funktioniert das nicht so. Firebug meldet dabei folgendes:
array is not defined
Was muss ich tun, damit es funktioniert?
Vielen Dank schon mal im Voraus