Text ein/ausblenden

1. Test-Text ein/ausblenden Einblenden
2. Test- Text ein/ausblenden Einblenden
3. Test- Text ein/ausblenden Einblenden

Um auch soetwas zu bekommen musst du folgenden Code kopieren und in ein "Widget / HTML" Modul einfügen, und anschließend deinen Text eingeben.

<script type="text/javascript">
//<![CDATA[
function swap(openlink,closelink, linkid, dataid)
{
if( document.getElementById(dataid).style.display == 'none')
{
document.getElementById(dataid).style.display='inline';
document.getElementById(linkid).firstChild.nodeValue=closelink;
} else
{
document.getElementById(dataid).style.display='none';
document.getElementById(linkid).firstChild.nodeValue=openlink;
}
}
//]]>
</script>
<table class="tab24" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#9C9C9C">
<td width="33%" height="35" style="padding-left:15px; padding-right:15px;">
</td>
<td width="34%" align="center">

Jimdo Page Award Tutorials (Hier den Text ändern)!

</td>
<td align="right" width="33%" style="padding-left:15px; padding-right:15px;">
<a href="#swap" onclick="javascript:swap('Einblenden','Ausblenden', 'swaplink', 'hideme')" id="swaplink" onfocus="this.blur()" name="swaplink">Einblenden</a>
</td>
</tr>

<tr style=" text-align: justify; font-size: 16px; font-weight: normal; background-color: rgb(184,184,184);">
<td colspan="3" style="padding-left:15px; padding-right:15px;">
<div id="hideme" style="display:none">
<br />

<div align="center">
<span class="title24"Hier Titel eingeben</span>
</div>

<p>
Hier können Sie den text einfügen, den Sie angezeigt haben wollen. Auch bilder können Sie mit dem Code zum hinzufügen von Bildern hier reinschreiben!
</p>

</div>
</td>
</tr>
</table>


Um die Farbe des Frames, zu ändern musst du den Farbcode, den wir für dich orange makiert haben verändern. Eine Tabelle mit den Codes für einzelnen Farben findest du unter diesem Eintrag.

Nimm genau die Farbe die am besten für deine Website passt!

 

Damit du mehrere Ausklapptexte auf einer Seite integrieren kannst musst du noch etwas an dem Code verändern. Wir haben dir die Code-Stellen grün und blau makiert, die du verändern musst. Fügst du den Ein- und Ausklapptext zweimal ein, kannst du den ersten Ein- und Ausklapptext-Script so lassen und fügst hinter den Code-Stellen die grün und blau einfach immer nur eine "1" hinzu. Bei 3 Ein- und Ausklapptexten, lässt du den ersten Ausklapptext wieder so wie er ist und schreibst hinter den Code-Stellen des zweiten Ein- und Ausklapptextes eine "1" und hinter den markierten Code-Stellen des dritten Ein- und Ausklapptext eine "2". Dann funktioniert der Code auch für mehre Ausklapptexte auf einer Seite!

 

Um die Hintergrundfarbe des ausgeklappten Textes zu ändern musst du den RGB Tahlen Code ändern. Diesen haben wir für dich rot makiert. Eine Zahlentabelle auf der die einzelnen Zahlen Farben zugeordnet sind, werden wir zu einem spätern Zeitpunkt hier veröffentlichen.

Diese Seite ist keine offizielle Webseite der Jimdo GmbH,

sondern ein privates Projekt.

 

©2020, by schulerfotos / schuler Ivan

REFERENZEN