Archief - Q: Close layer button...

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
m

maartenhq

Legacy Member
Hallo,
Ik heb het net al afgezocht opt een close layer script ofzo...
Het enige wat ik vind is een close window script...

Stel nu dat ik een webpagina heb en er staat een layer met wat text op,
maar de gebruiker moet deze kunnen sluiten zodat hij dus ziet wat achter die layer is.
Iemand enig idee hoe ik dit moet scripten?
Hier vind je een voorbeeld :

http://users.pandora.be/x-tended/voorbeeld.jpg
R

Rvl

Legacy Member
je kan beter naar "div visibility" zoeken, aangezien je zo een div ofwel "zichtbaar" maakt ofwel "onzichtbaar" of met andere woorden:
visibility="visible"; en visibility="hidden";
X

Xavez

Legacy Member
De layer in CSS initieel een position: absolute meegeven en een z-index die "boven" de z-index van uw layers eronder ligt meegeven.

Daarna met javascript op die close-button gewoon iets in de aard van getElementById en dan stijl: visibility: hidden of display: none toepassen.
m

maartenhq

Legacy Member
heb je enig idee welke code ik moet schrijven dan?
(ben nogal beginneling op dat vlak)
E

El_L4mor

Legacy Member
de javascript functie:

HTML: 
<script language="JavaScript">
<!--

function zichtbaarheid(id)
{
	if(document.getElementById(id).style.display == 'none')
	{
		document.getElementById(id).style.display = 'block';
	}
	else if(document.getElementById(id).style.display == 'block')
	{
		document.getElementById(id).style.display = 'none';
	}
}

//-->
</script>

en dan de toepassing op een html pagina:

HTML: 
<a href="#" onclick="zichtbaarheid('test')">Open/sluit text</a>
<div id="test" style="display: block;">text</div>

dan krijg je een knop voor een layer te verbergen of zichtbaar te maken (want ik neem aan dat je knop ook omgekeerd moet werken ;))
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan