Tekst Uitklappen

Status
Niet open voor verdere reacties.
Javascriptje denk ik. Je maakt een linkje, en aan dat linkje hang je een "onclick" event, en die laat je de visibility van het linkje op "display: none" zetten en die van de rest van de review op "display: visible". Vervolgens moet je zorgen dat de review dus ook in een blokje staat die standaard "display: none" heeft zodat je hem standaard niet kunt zien.
 
Hallo Martijn :thumb:

Ik weet niet wat je gebruikt om je site te maken, ik gebruik DW CS3 en daar heb je de mogelijkheid om Spry-deelvenster met tabs te gebruiken
vb met Tabs

Kan ook met Spry-inklapbaar deelvenster
vb Spry inklapvenster

En een derse mogelijkheid is Spry-accordeon
vb Accordeon

Ook kan je werken met AP elementen
vb Met AP

Groetjes michelscot :cool:
 
michelscot zei:
Hallo Martijn :thumb:

Ik weet niet wat je gebruikt om je site te maken, ik gebruik DW CS3 en daar heb je de mogelijkheid om Spry-deelvenster met tabs te gebruiken
vb met Tabs

Kan ook met Spry-inklapbaar deelvenster
vb Spry inklapvenster

En een derse mogelijkheid is Spry-accordeon
vb Accordeon

Ook kan je werken met AP elementen
vb Met AP

Groetjes michelscot :cool:
Klik om te vergroten...

Dat zoek in inderdaad! Helaas geen dreamweaver (notepadd ++), kan je uitleggen?
 
Hallo Martijn :thumb:
Ik heb deze opgemaakt in DW hopelijk kan je hier mee verder
CSS code

Code: 
<style type="text/css">
<!--
#knop1 {
	position:absolute;
	left:100px;
	top:100px;
	width:120px;
	height:25px;
	z-index:1;
	background-color: #FFFF66;
	overflow: visible;
	border:solid 1px #000000;
	cursor: pointer;
	visibility: visible;
}
#knop2 {
	position:absolute;
	left:224px;
	top:100px;
	width:120px;
	height:25px;
	z-index:1;
	background-color: #FFFF66;
	overflow: visible;
	border:solid 1px #000000;
	cursor: pointer;
	visibility: visible;
}

#knop3 {
	position:absolute;
	left:348px;
	top:100px;
	width:120px;
	height:25px;
	z-index:2;
	background-color: #FFFF66;
	overflow: visible;
	border:solid 1px #000000;
	cursor: pointer;
	visibility: visible;
}
#pag1 {
	position:absolute;
	left:99px;
	top:142px;
	width:571px;
	height:339px;
	z-index:3;
	background-color: #FFFFCC;
	border:solid 1px #000000;
	overflow: hidden;
	visibility: visible;
}
#pag2 {
	position:absolute;
	left:99px;
	top:142px;
	width:571px;
	height:339px;
	z-index:3;
	background-color: #FFFF66;
	border:solid 1px #000000;
	overflow: hidden;
	visibility: hidden;
}
#pag3 {
	position:absolute;
	left:99px;
	top:142px;
	width:571px;
	height:339px;
	z-index:4;
	background-color: #FFFF00;
	border:solid 1px #000000;
	overflow: visible;
	visibility: hidden;
}

-->
</style>

[JS]<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>[/JS]

HTML: 
<body>
<div id="knop1" onclick="MM_showHideLayers('pag3','','hide','pag1','','show','pag2','','hide')">
  <div align="center"> Pagina 1</div>
</div>
<div id="knop2" onclick="MM_showHideLayers('pag3','','hide','pag1','','hide','pag2','','show')">
  <div align="center">Pagina 2</div>
</div>
<div id="knop3" onclick="MM_showHideLayers('pag3','','show','pag1','','hide','pag2','','hide')">
  <div align="center">Pagina 3</div>
</div>
<div id="pag3">
  <div align="left">
    <p>Tekst hier plaatsen pagina 3</p>
  </div>
</div>
<div id="pag1">
  <div align="left">
    <p>Tekst hier plaatsen pagina 1</p>
  </div>
</div>
<div id="pag2">
  <div align="left">
    <p>Tekst hier plaatsen voor pag 2</p>
  </div>
</div>
</body>

groetjes michelscot :cool:
 
Frats zei:
Javascriptje denk ik. Je maakt een linkje, en aan dat linkje hang je een "onclick" event, en die laat je de visibility van het linkje op "display: none" zetten en die van de rest van de review op "display: visible". Vervolgens moet je zorgen dat de review dus ook in een blokje staat die standaard "display: none" heeft zodat je hem standaard niet kunt zien.
Klik om te vergroten...

Je bedoelde natuurlijk

Code: 
display:      block;

/* of */

visibility:   visible;

Sorry, kon 't niet laten.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan