Handleiding Online Support Team: Tekst uitklappen

Handleiding Online Support Team: Tekst uitklappen
Tekst laten uitklappen wanneer je op een zin klikt?
Ontdek hoe je dit doet in MONO!
Hoe kun je onzichtbare tekst laten uitklappen?
Door het plaatsen van tekst in een HTML code die ervoor zorgt dat onzichtbare tekst zichtbaar wordt
wanneer je op een zin klikt.
Wanneer is deze techniek nuttig?
Wanneer je veel tekst hebt die je compact op een pagina wil weergeven. Twee voorbeelden waarbij deze
techniek gebruikt kan worden zijn bij frequently asked questions of bijvoorbeeld een blog.
Hoe doe je dit?
-
Bepaal waar je de uitklapbare teksten wil plaatsen.
-
Plaats hier een HTML module en plak daar de volgende javascript-code in:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!-function showHide(id) {
var elm = document.getElementById(id);
elm.style.display = (elm.style.display=='none'?'block':'none');
}
//-->
</SCRIPT>
-
Sleep nog een HTML module onder de vorige, en plak daar de volgende code in:
<a href="#" onclick="showHide('A1'); return false;"><b>Zin waarop je kunt klikken</b></a><br>
<div id="A1" style="padding-left:20px; display:none;"><br>Antwoord bladiebla</div>
Toelichting code:
Dit is de ‘naam’ van de tekst die
uitgeklapt wordt. In elke HTML module
moet dit een unieke naam zijn.
Verander het bijvoorbeeld in A2, A3, A4
etc bij de volgende zinnen.
Dit is de HTML code voor bold
(dikgedrukte) tekst. Haal deze tekens
weg om de tekst niet dikgedrukt te
laten zijn. Vervang de b door u voor
onderstreepte tekst.
<a href="#" onclick="showHide('A1'); return false;"><b>Zin waarop je kunt klikken</b></a><br>
<div id="A1" style="padding-left:20px; display:none;"><br>Antwoord bladiebla</div>
Dit is de uitlijning van de uitklapbare tekst.
Op deze- manier staat er ingesteld dat hij
ietsje meer naar rechts wordt geplaatst dan
de zin erboven. Met dit getal kun je variëren.
Klikbare tekst
Antwoord dat verschijnt wanneer
op de klikbare tekst geklikt wordt
pagina 2 van 2
-
Verander Zin waarop je kunt klikken door jouw eigen tekst waarvan jij wil dat erop geklikt kan worden
om de tekst eronder zichtbaar te maken.
-
Verander Antwoord bladiebla door de tekst waarvan jij wil dat hij verschijnt wanneer er op de zin
erboven geklikt wordt.
-
Klik op opslaan.
-
Voeg voor elk stukje tekst dat je wil uitklappen een nieuwe HTML module toe met daarin
bovenstaande code en de aangepaste tekst. Let er op dat je bij elke nieuwe HTML module een unieke
naam i.p.v. A1 op beide plaatsen in de code invult (zie uitleg code).
-
De tekst in de HTML module krijgt automatisch de opmaak van het door jou geselecteerde ontwerp.
Dit is pas zichtbaar wanneer je de website publiceert.
-
Wanneer je publiceert, zal het er zo uitzien:
Klik
-
Je kunt er ook voor kiezen om de klikbare tekst te veranderen in ‘lees meer’ oid (bijvoorbeeld bij een
blog, waarbij je al een klein stukje tekst laat zien en de bezoeker de mogelijkheid biedt om verder te
lezen). Dit doe je door de zichtbare tekst in een hoofdtekst-module toe te voegen in Mono, en dan
vervolgens de HTML module hier direct onder te plaatsen.
-
Dit komt er dan zo uit te zien:
Klik
Behoefte aan een aantal voorbeelden?
Kijk dan hier: http://u415795.dtgwebsites.nl/tekst-uitklappen

Download Report