Visa/Göm Bilder...

2 svar · 198 visningar · startad av pnisv97 28 nov. 2002

pnisv97Medlem sedan apr. 200248 inlägg

Trådstart28 nov. 2002 16:13#1

Hej alla javascripts kungar..

Jag har en select box som innehåller två värden. "Ja" och "Nej".
Om jag väljer nej vill jag att alla bilder på sidan ska gömmas eller tas bort. Väljer jag tillbaka på Ja Så vill jag att bilderna ska visas igen.. Ska användas i en "utskriftsfunktion"..

Hur gör man detta ??

Vet att det finns en funktion i IE som kan göra detta men det är ju alltid fräckare att kunna göra det själv i scriptet..

mvh Per

gekkoMedlem sedan okt. 200230 inlägg

28 nov. 2002 17:21#2

lager

En lösning kan vara att lägga bilderna i ett lager och sedan när nej valts så sätter du stylen visibility till hidden och när ja valts sätter du den till visible

JojoxxMedlem sedan juni 20004 308 inlägg

28 nov. 2002 17:24#3

Le examplé;

<script language="JavaScript" type="text/javascript">
function changeImageDisplay(display){
	var myArray=document.getElementsByTagName('img');
	for (var i=0;i<myArray.length;i++){
		myArray[i].style.display=display;
	}
}
</script>
<form>
<select name="foo" onChange="changeImageDisplay(this[this.selectedIndex].value);">
<option value="inline">Ja</option>
<option value="none">Nej</option>
</select>
</form>

<img src="bild.gif"><img src="bild.gif"><img src="bild.gif">