zur « Themenübersicht Webmaster-Tricks

HTML_CSS - Sparte JavaScript

Bereiche verstecken

Eingetragen am 12.02.2008

Demo

Manche verstecken auf diese Weise Text, der dann nur von Suchmaschinen-Robots als Futter ausgelesen wird. Das kann aber auch schnell nach hinten los gehen ;-)
Nützlicher ist es da, einen Bereich temporär ein, oder auszublenden. Z.B. für einen Hinweis, Information oder einer Hilfe.

Was Passiert hier: Der Inhalt wird in einem
eingebunden. Damit das entsprechende Div
angesprochen werden kann, bekommt dies eine eindeutige ID, hier "Daten".
Das JavaScript schaltet dann das Attribut visibility (Sichtbarkeit) für das
je nach Klick auf hidden (unsichtbar) oder visible (sichtbar).

Im Quelltext muss stehen: Innerhalb von
<script language="JavaScript">
<!--
function Daten()
{
    if(document.getElementById("Daten").style.visibility == "hidden")
{
    document.getElementById("Daten").style.visibility = "visible";
    Send.value="Tabelle unsichtbar machen";
}
     else
{
     document.getElementById("Daten").style.visibility = "hidden";
     Send.value="Tabelle sichtbar machen";
     }
    return true;
}
//-->
</script>
An der Stelle der Seite der Bereich der Ausgeblendet werden soll: <div id="box">
<div id="Daten">
Der Inhalt
</div>
</div>

 

Bisherige Kommentare:        Kommentar schreiben»