Javascript - Div text ausgeben
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
aufgabe
ausgeben
blocken
code
dank
display
eins
element
funktion
hilfe
inhalt
links setzen
show
tag
test
text
video
-
Hallo alle zusammen
ich möchte mich javascript den tag/inhalt">inhalt eins div tags ausgeben
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>OK</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript"> <!-- function writediv(id, text){ document.getElementById(id).innerHTML=text; } //--> </script> </head> <body> <br /> <a href="#Change" id="open" onclick="writediv('show', 'Flash Video'); writediv('open', 'Hide');" >Show</a> <div id="show"> </div> <br /> <a href="#Test" onclick="">Test</a> </body> </html>
also ich will das wenn ich auf Show klicke ein text im div tag steht und wenn ich dann auf hide klicke der text wieder verschwindet. anders gesagt ich will überberprüfen ob im div tag (show) ein text ist. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo stef264,
ich löse diese Aufgabe gerne mit dem css Attribut visibility. Das Element wird dann Anfangs mit CSS ausgeblendet und dann durch Javascript eingeblendet.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>OK</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript"> <!-- function togglediv(id) { if(document.getElementById('open').innerHTML == "Show") { document.getElementById('open').innerHTML= "Hide"; document.getElementById(id).style.visibility = "visible"; } else { document.getElementById('open').innerHTML= "Show"; document.getElementById(id).style.visibility = "hidden"; } } //--> </script> </head> <body> <br /> <a href="#Change" id="open" onclick="togglediv('show');">Show</a> <div id="show" style="visibility:hidden;">Flash Video</div> <br /> <a href="#Test" onclick="">Test</a> </body> </html> -
<html> <head> <script language="javascript"> function toggle (target, content) { ele = document.getElementById (target); ele.innerHTML = (ele.innerHTML == content) ? '' : content; } </script> </head> <body> <div id="show" onclick="toggle('show', 'Das ist der Text')"></div> </body> </html>
Beitrag zuletzt geändert: 7.8.2009 8:54:05 von census -
Ich würde die Überprüfung auf innerHTML raus lassen und stattdessen auf style.display === 'block' bzw none prüfen.
Wegen dem Show/Hide könnte man den Text auch an die Funktion übergeben oder zwei Links setzen. Das wäre jedenfalls die eleganteste Lösung die mir gerade einfällt. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
