12 svar · 903 visningar · startad av peppar
Har en funktion som ser ut så här:
function switchThis(whatelement) {
var objLayer = document.getElementById(whatelement);
state = (objLayer.style.display == 'none') ? 'block' : 'none';
objLayer.style.display = state;
}
Som jag anropar t.ex såhär:
<div id="produkt" onClick="switchThis('detalj_div')">
Klicka på mig:
</div>
<div id="detalj_div">
detaljer ...
</div>
Men problemet är att per default så visas "detalj_div" diven fast hur vänder jag på det så att den är dold per default?
okej! de där ser bra ut.. men jag vill ha det i en <select>
så att jag kan välja vilken div som skall vara synlig..
hur grejar jag det? testat lite olika med onchange
och funktioner men jag e inte så grym så har inte lyckats..
<select onchange="switchThis(this.options[this.selectedIndex].value)">
<option value="detalj_div">Detalj-div</option>
...
</select>
mmh! det fungerade ju bra!
men inte riktigt som jag velat.. :P
jag vill ju såklart att när man väljer
ett nytt val i select så skall det förra
layeret man aktiverat med hjälp av
select försvinna!
hur gör man detta på enklaste sätt?
var elm = "";
function switchThis(whatelement) {
var objLayer = document.getElementById(whatelement);
state = (objLayer.style.display == 'none') ? 'block' : 'none';
if (elm != "" && document.getElementById(elm)){
document.getElementById(elm).style.display = "none";
}
objLayer.style.display = state;
elm = whatelement;
}
:f
Tar upp denna tråd lite då jag behöver hjälp med det som står.
Har fått det att fungera men när jag har det lagret som ska visas som standard i selecten så visas inte den diven som ska visas. Utan jag måste välja något annat i selecten och när jag sedan väljer det som ska visas så visas det då.
Alltså antar jag att jag måste ha en funktion eller liknande som kör koden bara när man laddar sidan. Jag är inte så haj på javascrip så lite hjälp uppskattas! :bire
<body onload="här lägger du kallet till javascriptfunktionen som ska köras när sidan laddas klart">
Jag försökte med det men det fungerar inte, tyvärr. Vet inte vad man skulle kunna göra istället. Antar att själva javascript-funktionen måste vara på select-elementet?
<body onload="switchThis(document.getElementById('id_på_din_select').options[document.getElementById('id_på_din_select').selectedIndex].value)">
Edit: det ska inte vara något mellanslag mitt i options, det är forumet som bryter för att raden är för lång.
Tackar @nders, fungerar utmärkt! :e