Hej <b>Meningen med id är väl att man ska kunna tillämpa på flera ställen?</b> Ok, Vad är det för vits med att använda: Du får skriva om det så att du döljer de id som ska döljas. Jaha, men måste man då alltså skriva: Visst kan man definiera stilmallen direkt på ett element, men oftast används id på "större" element än span, och för att nå underelement: Använd flera stilmallar och litet JavaScript:visibility och id?
Ett enkelt problem.
För att dölja ett stycke kan man använda följande:
<code>
<style>
#dolj{visibility:hidden;}
</style>
<span id="dolj">Dold text</span>
<span Onclick="javascript: dolj.style.visibility='visible';">Klicka här för att visa dold text</span>
</code>
Men om man vill dölja flera stycken med samma Onclick, hur gör man då?
Tilldelar man samma id till två <span> får man "dolj.style är null eller inte ett objekt" i ansiktet.
Meningen med id är väl att man ska kunna tillämpa på flera ställen?
Vad är fel?Sv: visibility och id?
Absolut inte!!! Lika litet som ett och samma personnummer skall kunna ges till flera personer. Ett id skall identifiera ett(!) element i ett dokument.
Vill man tillämpa en stilmall på flera element, skall man använda class-attributet:<style type="text/css">
.dold { visibility: hidden; }
</style>
<span class="dold">Jag vill inte synas</span>
Sv:visibility och id?
<code>
<style>#Nånting{font-family: verdana;}</style> och <span id="nånting">
</code>
om det bara kan tillämpas på ett element?
Då kan man ju lika gärna definiera det direkt i span:
<code>
<span style="font-family: verdana;">
</code>
Eller är det någonting jag missar?
Om jag nu byter från id till class så säger ie att " 'dolj' är odefinierad "
Ska jag skriva någonting annorlunda i OnClick-angivelsen?
mvh JonasSv: visibility och id?
<code>
#dolj{visibility:hidden;}
#dold{visibility:hidden;}
#hidden{visibility:hidden;}
</code>
På så sätt så kan du dölja flera ID taggar.
//Anna-KarinSv:visibility och id?
<code>
Onclick="javascript: dolj.style.visibility='visible'; dold.style.visibility='visible'; hidden.style.visibility='visible'; "
</code>
Verkar bökigt tycker jag.
Säg att man har 20 "spannar" som ska döljas/tas fram med ett klick...Sv: visibility och id?
<code>
<style type="text/css">
#nyheter {
font-family: verdana;
}
#nyheter p {
margin: 1em 0 .5em 0;
}
#nyheter h3 {
font-weight: bolder;
}
</style>
</code>Sv: visibility och id?
<code><style type="text/css">
/* generell stilmall */
</style>
<style type="text/css" id="hidden">
.hidable {
visibility: hidden;
}
</style>
<style type="text/css" id="visible">
.hidable {
visibility: visible;
}
</style>
<script type="text/javascript">
function hide()
{
document.getElementById('visible').disabled = true;
document.getElementById('hidden').disabled = false;
}
function show()
{
document.getElementById('visible').disabled = false;
document.getElementById('hidden').disabled = true;
}
</script>
<body onload="show()">
<p>bla bla bla <span class="hidable">ibland synlig, ibland osynlig</span> bla bla bla</p>
<button onclick="hide()">Göm</button>
<button onclick="show()">Visa</button>
</body>
</code>