Mit Javascript dynamische Texte anzeigen

MrJava

Hi,

zum Anzeigen von Texten in HTML-Seiten die bereits über Inhalt
verfügen kenn ich nur den Weg über die CSS-Elemente display
und visibility.

Hier ein Beispiel von mir:

HTML

<html>
<head>


<script language="javascript">
<!--
function setShow(elementid,button)
{
if(elementid == "beispiel1")
    {
    var element1 = document.getElementById(elementid);


    if (element1.style.display == "none")
    {
        element1.style.display = "block";
        button.value = "Lösche Beispiel 1";
}
else
{
    element1.style.display = "none";
    button.value = "Zeige Beispiel 1";
}
}
else if(elementid == "beispiel2")
{
    var element2 = document.getElementById(elementid);


    if (element2.style.visibility == "hidden")
    {
        element2.style.visibility = "visible";
        button.value = "Lösche Beispiel 2";
}
else
{
    element2.style.visibility = "hidden";
    button.value = "Zeige Beispiel 2";
}
}
}
//-->
</script>
</head>


<body>
<h2>Beispiel 1:</h2>
Dies ist ein Beispiel f&uuml;r:
<p id="beispiel1" style="display:none">Das CSS-Element ( display )</p>






<input type="button" value="Zeige Beispiel 1" id="button1" onClick="setShow('beispiel1',this)">
</p>
<h2>Beispiel 2:</h2>
Dies ist ein Beispiel f&uuml;r:
<p id="beispiel2" style="visibility:hidden">Das CSS-Element ( visibility )</p>






<input type="button" value="Zeige Beispiel 2" id="button2" onClick="setShow('beispiel2',this)">
</p>
</body>
</html>

Alles anzeigen

Gibt es bei JS eine Möglichkeit das ein zuvor eingegebener Text nach
drücken auf einem Button auf der gleichen Seite angezeigt wird?
document.write öffnet ja eine neue Seite. Das
will ich aber net.
Und das das beispielsweise mit PHP geht weiß ich auch.

MrJava

Hier hab ich was gefunden:

HTML

<html>
<head>
<script language="JavaScript">
function aufruf(selObj) {
  self.name = "Ihr Name ist " + selObj.value;
  self.location.reload();
}
</script>
</head>
<body>




Geben Sie ihren Namen ein:</p>
<input type="text" id="eingabe" size="25">




<input type="button" onClick="aufruf(document.getElementById('eingabe'))" value="Eingabe">


<script language="javascript">
<!--
var eingabe =window.name;
document.write("


" + eingabe + "</p>");
//-->
</script>
</body>
</html>

Alles anzeigen

Dabei wird die Eigenschaft "name" des Objekts "window" zur Übergabe
von Werten "missbraucht".
Es gibt aber noch andere Wege Werte mit JS zu übergeben. Beispielsweise
mit der URL.

Mit Javascript dynamische Texte anzeigen

Tags

Benutzer online in diesem Thema