resultat af getElementsByName
Hej,Jeg har lavet en funktion
function showStatus(elmName, controllerElm) {
elmStatus = controllerElm.rel;
allElm = document.getElementsByName(elmName);
for (i=0; i<allElm.length; i++) {
allElm[i].style.display = elmStatus;
}
if(elmStatus == 'block') {
controllerElm.src='images/icon_cross.gif';
controllerElm.rel = 'none';
} else {
controllerElm.src='images/edit.gif';
controllerElm.rel = 'block';
}
}
Som kaldes således fx:
<img src="images/edit.gif" alt="Rediger" title="Rediger" rel="block" onclick="showStatus('activeSettings',this);" style="margin-bottom:2px; cursor:pointer;" />
Og har således en lang række div tag som ser således ud:
<div name="activeSettings" style="display:none;">CONTENT</div>
Min årsag er jeg har en kæmpe stor tabel med en masse input felter. For at undgå det er uoverskueligt skal de fleste input felter være skjult som start, men har man så behøv for at redigere dem trykker man blot på redigerings ikonet og således åbner alle div tags med det valgte navn op.
Det spiller i Firefox og Safari på mac og pc.
Men i IE på PC spiller det ikke. Den lave rigtig nok redigeringsikonet om til at luk ikon, men alle de div tags der skal ændres styles på sker der ikke en skid med.
nogle forslag?
