peppar Medlem sedan dec. 2001 873 inlägg Frågan 6 aug. 2005 11:49 #1 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?
I icaaq Medlem sedan okt. 2000 5 273 inlägg <div id="detalj_div" style="display: none;">
detaljer ...
</div>
mv icaaq
okej! de där ser bra ut.. men jag vill ha det i en <select>
hur grejar jag det? testat lite olika med onchange
P Peter S Medlem sedan dec. 2002 5 483 inlägg <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
hur gör man detta på enklaste sätt?
P Peter S Medlem sedan dec. 2002 5 483 inlägg 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;
}
tack så mucket!
fungerade väldigt bra!
du kan få en puss på kinden om så önskas! ;)
H Hamatzu Medlem sedan mars 2005 232 inlägg 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
@nders Medlem sedan juni 2000 32 967 inlägg <body onload="här lägger du kallet till javascriptfunktionen som ska köras när sidan laddas klart">
H Hamatzu Medlem sedan mars 2005 232 inlägg 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?
@nders Medlem sedan juni 2000 32 967 inlägg <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.
H Hamatzu Medlem sedan mars 2005 232 inlägg Tackar @nders, fungerar utmärkt! :e
