Inhalte erscheinen/verschwinden lassen

lordfritte

Erfahrenes Mitglied
Hallo ich habe einen text:
Code:
Test Text(einblenden)

Jetzt suche ich ein Javascript womit ich 2 Sachen machen kann:
-Wenn ich auf einblenden klicke sollen darunter Inhalte(HTML code) erscheinen.
-Das einblenden soll sich in ausblenden ändern wodurch man die Inhalte wieder verschwinden lassen kann.

Das Script + der Code sollte mit PHP generier-/veränderbar sein.
 
Vor ein paar Tagen hab ich mal ein Script geschrieben welches sich selbst mit Syntax-Highlighting ausgibt. Auch wenn es irgendwo mittels include() eingebunden wird wird das Script dann entsprechend ausgegeben.
Dabei wird ein DIV mit dem Code ausgegeben, dieses DIV koenntest Du per JavaScript verstecken und anzeigen.
PHP:
<?php
$script=explode('/',$_SERVER['SCRIPT_NAME']);
$script=$script[count($script)-1];
echo '<div style="border:1px solid;padding:2px;background-color:#efefef;">';
highlight_file($script);
echo '</div>';
?>
 
lordfritte hat gesagt.:
ja ist doch egal :D
hast du jetzt so ein script?
Moeglicherweise, ich kann morgen mal nachsehen.
Bis dahin koenntest Du ja auch mal probieren es selbst zu schreiben. :rolleyes:
Auf de.selfhtml.org solltest Du alle Informationen finden die Du benoetigst.

Und nein, es ist nicht egal. Wenn Du Dich mal ein wenig mit Java und JavaScript beschaeftigst wirst Du auch einsehen, dass es nicht egal ist und Java und JavaScript bis auf die Namensaehnlichkeit nicht viel gemein haben.
 
Dennis Wronka hat gesagt.:
Und mit der Suchfunktion haettest Du feststellen koennen, dass ich hier mal Code gepostet hab der Dir helfen koennte.

Ich habe auch was gefunden:
Code:
<script language="javascript">
	var ie4 = false; 
	if(document.all){ 
		ie4 = true; 
	}
	
	function getObject(id){
		if(ie4){
			return document.all[id];
		}else{
			return document.getElementById(id);
		}
	}

	function toggle(link, divId){
		var lText = link.innerHTML; 
		var d = getObject(divId);
		if(lText == 'einblenden'){
			link.innerHTML = 'ausblenden'; 
			d.style.display = 'block';
		}else{ 
			link.innerHTML = 'einblenden'; 
			d.style.display = 'none';
		}
	}
</script>

<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; width:200px ">
	<table border="0" cellspacing="0" cellpadding="2" width="200" style="background: #000000; color: #FFFFFF; ">
		<tr>
			<td>Textbox</td>
			<td align="right"> [<a title="show/hide" id="" href="javascript:void(0);" onClick="toggle(this, 'box1');" style="text-decoration: none; color: #FFFFFF; ">ausblenden</a>]
			</td>
		</tr>
	</table>
	<div id="box1" style="padding: 3px;">Testinhalt von der Testbox, die man auf- und zumachen kann. Toll!</div>
</div>
 

Neue Beiträge

Zurück