display: visibility ger oönskade mellanrum

Använd display:none; och display:block; istället.

@nders skrev:

Använd display:none; och display:block; istället.

Då fungerar inte scriptet jag använder för att visa/dölja. :l

	<script language="JavaScript" type="text/javascript">
	function visa(layer) {
		if(layer.style.visibility=='hidden'){
			layer.style.visibility='visible';
		} else {
			layer.style.visibility='hidden';
		}
	}
	</script>

Jag har prövat att ersätta visibility mot display...

<script language="JavaScript" type="text/javascript">
	function visa(layer) {
		if(document.getElementById(layer).style.display=='none'){
			document.getElementById(layer).style.display='block';
		} else {
			document.getElementById(layer).style.display='none';
		}
	}
	</script>

borde göra susen! :)

/red
ops, såg att du redan skickar in document.get... redan i a-taggen så då blir det kaka på kaka!

Jag skulle bara ha ändrat visibility='visible' till display='block' och visibility='hidden' till display='none', så borde det fungera.

mvh

doggelito skrev:

<script language="JavaScript" type="text/javascript">
	function visa(layer) {
		if(document.getElementById(layer).style.display=='none'){
			document.getElementById(layer).style.display='block';
		} else {
			document.getElementById(layer).style.display='none';
		}
	}
	</script>

borde göra susen! :)

/red
ops, såg att du redan skickar in document.get... redan i a-taggen så då blir det kaka på kaka!

Din kod borde väl fungera till följande?

<h3><a href="#" onclick="visa(document.getElementById('archive'))">Arkiv +</a></h3>
<div id="archive" style="display: none;">
<p>test</p>
</div>

Men jag lyckas inte...

@nders skrev:

Jag skulle bara ha ändrat visibility='visible' till display='block' och visibility='hidden' till display='none', så borde det fungera.

mvh

Jag prövade med det först. Men det fungerade inte. :(

hur ser alltså din kod ut nu?

@nders skrev:

hur ser alltså din kod ut nu?

Precis så som jag skrev i inlägget före dig.

Du använder alltså doggelitos funktion med html-koden du visar?
Nej, det fungerar inte. Du använder ju document.getElementById() på båda ställena. Ska du ha med det i funktionen, då ska du inte ha med det i anropet. Skicka i så fall bara namnet på div:en som skall tändas / släckas.

@nders skrev:

Du använder alltså doggelitos funktion med html-koden du visar?
Nej, det fungerar inte. Du använder ju document.getElementById() på båda ställena. Ska du ha med det i funktionen, då ska du inte ha med det i anropet. Skicka i så fall bara namnet på div:en som skall tändas / släckas.

Jag förstår inte riktigt hur du menar. Jag är inte så haj på javascript. :l

Jag prövade att bara ändra så som du skrev tidigare, men det fungerar inte. Hur ska länkarna se ut?

<script language="JavaScript" type="text/javascript">
function visa(layer) {
	if(layer.style.display=='none'){
		layer.style.display='block';
	} else {
		layer.style.display='none';
	}
}
</script>

Ifall jag använder dggelitos kod, hur ska länkarna se ut då?

r/ Jag antog att du menade att jag bara skulle plocka bort dockument... så det ser ut så här:

<a href="#" onclick="visa('archive')">Arkiv +</a>

Men det gjorde ingen skillnad.

Om du har ändrat javascriptfunktionen enligt mitt förslag ska du inte ändra länkarna.
Om du har ändrat javascriptfunktionen enligt doggelitos förslag ska du ändra länkarna till så som du skrev i ditt senaste inlägg.

Hur funkar det inte? Får du något javascript-fel?

@nders skrev:

Om du har ändrat javascriptfunktionen enligt mitt förslag ska du inte ändra länkarna.
Om du har ändrat javascriptfunktionen enligt doggelitos förslag ska du ändra länkarna till så som du skrev i ditt senaste inlägg.

Hur funkar det inte? Får du något javascript-fel?

Okay. Nu har jag ändrat scriptet så att det blev så som du ville ha det. Länkarna ser ut som i mitt första inlägg. Men det fungerar inte ändå. Jag har kollat felkonsolen i Firefox men den visar ingenting.

Fungerar det för dig ifall du testar?

Nu löste det sig. Tog bort allt och började om. Jag tror det var scriptet som sparade en kaka som rörde till det. :) Tack för ditt tålamod!