kostenloser Webspace werbefrei: lima-city


Javascript - Div text ausgeben

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    stef264

    stef264 hat kostenlosen Webspace.

    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>&nbsp;&nbsp;
    <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.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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>
  4. c****s

    <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
  5. e********l

    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.
  6. Autor dieses Themas

    stef264

    stef264 hat kostenlosen Webspace.

  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!