Tweet
Hey Community
Ich bin neu hier im Forum und auch leider absoluter HTML Nichtskönner.
Versuche mich aber so langsam in das ein oder andere Thema einzulesen.
Natürlich habe ich auch gleich eine Frage, bei der mir sicher jemand helfen kann.
Ich habe eine Jimdo Homepage, bei der ich einen ausklappbaren Text einfügen möchte.
Das hat soweit auch tatsächlich funktioniert.
Jetzt möchte ich allerdings noch den Link/Button "mehr..." noch editieren.
Und zwar dahingehend, dass er die Farbe von Schwarz auf Cyan wechselt, wenn man mit der Mouse darüber fährt.
Also einfach einen klassischen Mouseover/Hover Effekt.
Aktuell habe ich folgende Codeschnipsel auf meiner Jimdo-Seite eingefügt:
im HEAD Bereich:
<script type="text/javascript">
//<![CDATA[
var whichIsOpen = 0;
function showText(index) {
if(whichIsOpen != 0) {
hideText(whichIsOpen);
}
document.getElementById('aufklappen' + index).style.display = 'none';
document.getElementById('text' + index).style.display = 'block';
document.getElementById('zuklappen' + index).style.display = 'block';
whichIsOpen=index;
}
function hideText(index) {
document.getElementById('aufklappen' + index).style.display = 'block';
document.getElementById('text' + index).style.display = 'none';
document.getElementById('zuklappen' + index).style.display = 'none';
whichIsOpen=0;
}
//]]>
</script>
im HTML Widget auf der entsprechenden Text-Seite:
<p>
eingeblendeter Text
</p>
<p id="aufklappen1">
<a href="javascript:showText(1);"><strong><font color="black">mehr...</font></strong></a>
</p>
<p id="text1" style="display: none;">
dieser Text wird bei klicken auf mehr... zusätzlich angezeigt/aufgeklappt
</p>
<p id="zuklappen1" style="display: none;">
<a href="javascript:hideText(1);"><strong><font color="black">weniger...</font></strong></a>
</p>
Kann mir jemand sagen, wo ich welchen Code einfügen muss, damit ich die Farbe beim Mouseover bestimmen kann?
Vielen Dank schonmal im Voraus.
VG
Basti
Ich bin neu hier im Forum und auch leider absoluter HTML Nichtskönner.
Versuche mich aber so langsam in das ein oder andere Thema einzulesen.
Natürlich habe ich auch gleich eine Frage, bei der mir sicher jemand helfen kann.
Ich habe eine Jimdo Homepage, bei der ich einen ausklappbaren Text einfügen möchte.
Das hat soweit auch tatsächlich funktioniert.
Jetzt möchte ich allerdings noch den Link/Button "mehr..." noch editieren.
Und zwar dahingehend, dass er die Farbe von Schwarz auf Cyan wechselt, wenn man mit der Mouse darüber fährt.
Also einfach einen klassischen Mouseover/Hover Effekt.
Aktuell habe ich folgende Codeschnipsel auf meiner Jimdo-Seite eingefügt:
im HEAD Bereich:
<script type="text/javascript">
//<![CDATA[
var whichIsOpen = 0;
function showText(index) {
if(whichIsOpen != 0) {
hideText(whichIsOpen);
}
document.getElementById('aufklappen' + index).style.display = 'none';
document.getElementById('text' + index).style.display = 'block';
document.getElementById('zuklappen' + index).style.display = 'block';
whichIsOpen=index;
}
function hideText(index) {
document.getElementById('aufklappen' + index).style.display = 'block';
document.getElementById('text' + index).style.display = 'none';
document.getElementById('zuklappen' + index).style.display = 'none';
whichIsOpen=0;
}
//]]>
</script>
im HTML Widget auf der entsprechenden Text-Seite:
<p>
eingeblendeter Text
</p>
<p id="aufklappen1">
<a href="javascript:showText(1);"><strong><font color="black">mehr...</font></strong></a>
</p>
<p id="text1" style="display: none;">
dieser Text wird bei klicken auf mehr... zusätzlich angezeigt/aufgeklappt
</p>
<p id="zuklappen1" style="display: none;">
<a href="javascript:hideText(1);"><strong><font color="black">weniger...</font></strong></a>
</p>
Kann mir jemand sagen, wo ich welchen Code einfügen muss, damit ich die Farbe beim Mouseover bestimmen kann?
Vielen Dank schonmal im Voraus.
VG
Basti
Kommentar