JS onClick Zeilenumbruch problem

[Akihisa]

Hallo,

hab mal wieder ein Problem und zwar folgendes: Ich möchte einen ziemlich langen text (AGB) per onClick in ein div-container schreiben lassen, hab aber keine Ahnung von js.
Ich kann entweder nur Einzeiler anzeigen lassen oder es passiert garnichts.

	<p>
<?php 
	$agb = $row['agb']; 
	 echo "<div id=\"box\" style=\"width: 700px; background:#ccc\">/div>
      <a href=\"#\" onclick=\"document.getElementById('box').innerHTML = '".$agb."' '';return false\">Text in div schreiben</a>
";
?>
</p>

MfG Akihisa

 

[paddya]

JavasScript mag keine Strings, die über mehrere Zeilen gehen. Wie wärs, wenn du den Text ins <div> schreibst und das dann versteckst? Das <div> machst du dann "onclick" sichtbar.
Ist in meinen Augen die bessere Lösung.

Greetz

paddya

 

[pHx]

<?php
echo <<<EOT
<script type="text/javascript">
function anzeigen(das) {
 if (document.getElementById(das).style.display=="none") {
  document.getElementById(das).style.display="block";
  document.getElementById("options").innerHTML = "ausblenden";
 }
 else {
 document.getElementById(das).style.display="none";
 document.getElementById("options").innerHTML = "anzeigen?";
 }
}
</script>

<table border="0" cellpadding="2" cellspacing="1">
<tr><th colspan="4">
<a href="javascript:anzeigen('optionen');"><small id="options">anzeigen?</small></a><br><br>

<span id="optionen" style="display: none; width=700px; background-color: #ccc;">

EOT;
echo $row['agb']; 
?>

</span>
</th></tr></table>

 

[Akihisa]

Danke damit klappts auch

 

[pHx]

Na musst noch bissel anpassen!

Aber würde dir vorschlagen die AGB's nicht so in deine Homepage einzubinden!
Sondern lieber sichtbar über ein link einbinden, möglich das du mit dem o.g. ne abhmahnung bekommst weil deine AGB nicht sichtbar auf deiner Seite angebracht sind.

Ist aber nur spekulativ , kenn mich nicht so gut aus mit dem Internetrecht

 

[paddya]

<?php
echo <<<EOT
[...]
<table border="0" cellpadding="2" cellspacing="1">
<tr><th colspan="4">
<a href="javascript:anzeigen('optionen');"><small id="options">anzeigen?</small></a><br><br>

<span id="optionen" style="display: none; width=700px; background-color: #ccc;">

EOT;
echo $row['agb']; 
?>

</span>
</th></tr></table>

Warum brauchst du bitte eine Tabelle um den Link darzustellen? Das ist 1. semantisch falsch und 2. unnötig.

Greetz

paddya

Btw: Magic of jQuery

$('#button').click(function(){$(this).toggle()})