het werkt

van Badlands op zo 15 jan 2012 - 14:47

Als het goed is, werkt die code zoals je wil als je 'Hier de link naar de tekst hieronder.' vervangt voor '<img src="LINK VAN HET PLAATJE HIER" />' en bij dit stuk:

<style type="text/css">
#tekst {
display: none;
width: 250px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}
</style>
de border en background-color weghaalt. :3 Ik weet niet zeker hoe ver je kan gaan met de rest, maar daar kan je zelf misschien nog wat mee experimenteren.~
Als dit niet werkt, zou ik het ook niet weten. Ik ben tenslotte geen HTML expert xD

Beter Shania, het werkt goed!
De nieuwe code moet dan zijn:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" /> <title>Untitled</title> <style type="text/css"> #tekst { display: none; width: 250px; border: 0px solid black; padding: 5px; font-size: 12px; } </style> <script language="javascript"> function kadabra(zap) { if (document.getElementById) { var abra = document.getElementById(zap).style; if (abra.display == "block") { abra.display = "none"; } else { abra.display= "block"; } return false; } else { return true; } } </script> </head> <body> <a href="#" onclick="return kadabra('tekst');"> <img src="http://www.irado.nl/fileadmin/images/klik.png" /> <p id="tekst"> Dit kun je natuurlijk op allerlei manieren gaan gebruiken. Bijvoorbeeld voor een uitklapmenu of voor een vraagspel ofzo. In de stijl kun je aanpassingen doen aan de breedte en bijvoorbeeld de achtergrondkleur.</p> </body> </html>

Je hoeft nu inderdaad alleen het plaatje: http://www,irado,nl/fileadmin/images/klik.png
te veranderen in je eigen plaatje.

En dit is de tekst die je kunt aanpassen:

"Dit kun je natuurlijk op allerlei manieren gaan gebruiken.
Bijvoorbeeld voor een uitklapmenu of voor een vraagspel
ofzo. In de stijl kun je aanpassingen doen aan de breedte
en bijvoorbeeld de achtergrondkleur."

van GH op zo 15 jan 2012 - 16:22

Werkt deze code alleen op PunBB of ook op Phpbb2?

van Badlands op zo 15 jan 2012 - 17:45

GH schreef:Werkt deze code alleen op PunBB of ook op Phpbb2?

Deze werkt bij allebei.

van Sioux op zo 15 jan 2012 - 18:07

badlands schreef:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" /> <title>Untitled</title> <style type="text/css"> #tekst { display: none; width: 250px; border: 0px solid black; padding: 5px; font-size: 12px; } </style> <script language="javascript"> function kadabra(zap) { if (document.getElementById) { var abra = document.getElementById(zap).style; if (abra.display == "block") { abra.display = "none"; } else { abra.display= "block"; } return false; } else { return true; } } </script> </head> <body> <a href="#" onclick="return kadabra('tekst');"> <img src="http://www.irado.nl/fileadmin/images/klik.png" /> <p id="tekst"> Dit kun je natuurlijk op allerlei manieren gaan gebruiken. Bijvoorbeeld voor een uitklapmenu of voor een vraagspel ofzo. In de stijl kun je aanpassingen doen aan de breedte en bijvoorbeeld de achtergrondkleur.</p> </body> </html>

Nu klapt de tekst weer in wanneer je op de tekst klikt, maar is het ook mogelijk om de tekst weer te laten verdwijnen door op het plaatje te klikken?

van Badlands op zo 15 jan 2012 - 19:50

Dat lijkt mij echt een beperking van je browser, misschien moet je firefox of Internet explorer gebruiken, ik kan gewoon op het plaatje en op de tekst klikken om het te laten verdwijnen.

van Sioux op zo 15 jan 2012 - 19:53

Hee, je hebt gelijk, met Chrome werkt het niet, maar met FireFox wel :')
Echt supererg bedankt voor de code!

van Kimdierengek op zo 20 mei 2012 - 22:19

Bij mij doet die code helaas vreemd..

Ik heb wel een nieuwe code, deze doet het wel.

Code:: <div class="main-content frm"><div class="main-head"><a name="overigeopties">Overige Opties.</a></div> <style> input.btn { color:#000000; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#ffffff; border:1px solid; border-color: #000000; } </style> <div class="profilbouton" onClick="this.firstChild.value=(this.firstChild.value=='Lees meer')?'Verberg':'Lees meer';this.lastChild.style.display=(this.firstChild.value=='Lees meer')?'none':'block';" style="text-align: center;"><input type="button" value="Lees meer" class="btn"/><div class="verberg" style="display: none; text-align: left;"> <span style="font-size: 12px;"> VUL HIER DE TEKST IN DIE VERBORGEN IS </span></div></div></div> </div>

Maar als je hem uitprobeert zul je zien dat het een button is die je moet aanklikken, waarna de tekst verschijnt.
Weet iemand hoe je deze code zo aanpast dat je zelf een afbeelding kan kiezen, en als je die aanklikt, dat de tekst dan verschijnt, in plaats van deze button? Ik krijg namelijk helaas geen reactie terug van de mod..

van Badlands op ma 21 mei 2012 - 21:33

Dit is button formulier van een andere site, ik heb geen idee of je het kan aanpassen maar misschien werkt het door:

<input type="button" value="Lees meer"

te vervangen met:

<input type="image" value="http://myimage.jpg"

Laat anders even weten hoe de andere code vreemd doet, en wat de url van je forum is dan kan ik je eventueel verder helpen.

In-en uitklappen tekst bij fora.

het werkt

Re: In-en uitklappen tekst bij fora.

Re: In-en uitklappen tekst bij fora.

Re: In-en uitklappen tekst bij fora.

Re: In-en uitklappen tekst bij fora.

Re: In-en uitklappen tekst bij fora.

Re: In-en uitklappen tekst bij fora.

Re: In-en uitklappen tekst bij fora.