4 svar · 200 visningar · startad av joakimweb
Hej!
Nu är jag i farten igen med min statistiktjänst!
Jag har en vanlig drop-down-meny där man får välja färgtema. Röd, grön eller blå. Nedanför skall man kunna få välja om man vill visa en stat-ikon eller en räknare.
Stat-ikonen är även den antingen röd, grön eller blå. Hur gör jag för att
1. Stat-ikonen visas efter vad som valts i drop-down-menyn (finns alltid en färg förvald)
2. Om man ändrar i menyn så vill jag att även ikonen skall ändras.
Tacksam för all hjälp!
/Joakim
Ungefär så här?
<script type="text/javascript">
var staticons=["","html för röd ikon","html för grön ikon"];
</script>
<form>
<select name="foo" onChange="if(document.getElementById){ document.getElementById('iconhere').innerHTML=staticons[this.selectedIndex]; }">
<option>--- Välj ---</option>
<option>Röd</option>
<option>Grön</option>
</select>
</form>
<div id="iconhere"></div>
Tack så mycket!
Men jag skulle vilja att den laddar den förvalda ikonen om inget byte har gjorts, går det att fixa lätt och i så fall hur?
Antigen så borde du då redan nu ha en scriptbit som körs onload som sätter dropdown-menyn till rätt värde där du kan haka på följande kodsnutt, eller så sköts det vid genereringen av sidan på servern och då kan du även generera rätt kod i div'en iconhere. Men, i alla fall:
<script type="text/javascript">
var staticons=["","html för röd ikon","html för grön ikon"];
window.onload=function(){
if(document.getElementById){ document.getElementById('iconhere').innerHTML=staticons[document.forms['myform'].elements['foo'].selectedIndex]; }
}
</script>
<form name="myform">
<select name="foo" onChange="if(document.getElementById){ document.getElementById('iconhere').innerHTML=staticons[this.selectedIndex]; }">
<option>--- Välj ---</option>
<option selected="selected">Röd</option>
<option>Grön</option>
</select>
</form>
<div id="iconhere"></div>
Du är bäst! Tusen tack!