HTML-Codes eines divs ausgeben

anagramm

Ich hab da mal eine allgemeine Frage zu JavaScript (und PHP)

Ist es möglich, dass ich mittels PHP oder JavaScript auf Knopfdruck den Inhalt eines <div></div> ausgeben kann? Also wenn man in Quelltext hat:
<div id="ausgebeDiv"><a href="index.php">Start</a></div> das man auf Knopfdruck "Quelltext ausgeben", NUR den Quelltext des divs "ausgebeDiv" sieht?

MfG

jojo87

Klar geht das:

Code

<script type="text/javascript">
function getHTML(id) {
var div = document.getElementById(id);
var html = div.innerHTML;
return html;
}
</script>

Gruß,
jojo

anagramm

Super, vielen Dank!

Damit kann ich mir einen kleine WYWIWYG-Ediot erstellen.

jojo87

nuja, für was kleines reicht das
Für was komplexeres müsstest du dich genauer mit dem DOM und XML/xpath auseinandersetzen.

Gruß,
Jojo

anagramm

Ja, klar - aber für mein Kontaktformular reicht ja sowas.

anagramm

Offenbar bringe ich es doch nicht fertig. Kann mir jemand sagen, was ich beim folgenden Formular für Fehler machte? Fehlermeldungen selbst gibt es keine, allerdings auch kein Email bzw. eine leere Mail.

PHP

<?php
if($_POST['submit']){
$empfaenger  = 'mail';
$betreff = 'WYSIWYG-Editor';
$nachricht = "<div id=\"send\"></div>";
$header  = 'MIME-Version: 1.0' . "\r\n";
$header = $header.'Content-type: text/html; charset=iso-8859-1' . "\r\n";
mail($empfaenger, $betreff, $nachricht, $header);
}
?>
<html>


<head>
<title>WYSIWYG-Editor by ME!</title>
</head>


<script>
function format(command, parameter)
{
  divEditable.focus();
  document.execCommand(command, false, parameter);
}


function getHTML(id) {
var div = document.getElementById(id);
var html = div.innerHTML;


}
document.getElementById("send").innerHTML=html;


</script>






<body>
<button onClick="format('Bold', '');" style="border: 1px solid #aaaaaa;" ><b>B</b></button>
<button onClick="format('Italic', '');" style="border: 1px solid #aaaaaa;"><i>I</i></button>
<button onClick="format('Underline', '');" style="border: 1px solid #aaaaaa;"><u>U</u></button>


<br />


<div style="height:300; width=95%; background-color:white; padding:3; border: 1px solid #aaaaaa; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;" id="divEditable" contenteditable></div>


<form action="" method="post">
<input type="submit" name="submit" value="Senden" />
</form>
</body>


</html>

Alles anzeigen

synaptic

also beim script sollte noch im tag stehen type="text/javascript" und dann ist es ratsam den phpmailer zu benutzen, der hat viele möglichkeiten den mailversand anzupassen..

anagramm

Klar, aber dieses Script sollte man doch auch irgendwie funktionsfähig machen können? :-/

synaptic

dann haste da "if($_POST['submit'])" was soll den des bringen? da wird deine bedingung doch nie erfüllt
das heisst gesprochen soviel wie wenn im array $_POST an der position 'submit'...

ja was soll denn da sein? du müsstest auf empty oder isset prüfen!
also if(!empty($_POST['submit'])) oder if(isset($_POST['submit']))

anagramm

Das ist: Wenn ich auf "submit" klicke, wird der Rest aufgerufen.

BendOr

mit if($variable) kannst du genauso gut die existenz überprüfen, das reicht aus

PHP

$nachricht = "<div id=\"send\"></div>";

mehr versendest du auch nicht in deiner email, nur ein leeres div...

anagramm

Das ist ja genau meien Frage... Wie kann ich den Inhalt den ich ins div geschrieben habe, vie Email senden?

synaptic

ja schtreib doch den inhalt in ein hidden-field... und dann kommt der submit

anagramm

Und wie geht das? :$

The User

Hallo!

Code

<input type="hidden" name="emailcode" value=""/>

Und damit kannst du dann den Quelltext übertragen:

Code

document.forms.item("Formularname").emailcode.value = neuerwert.

Und beim PHP-Skript kommt dann HTML-Code per $_POST['emailcode'] an.
Ach und das mit dem mail ist doch Mist, da gibt es immer irgendwelche Fehler mit der Header-Syntax und sonstwas, der PHPMailer macht einem da echt das Leben leichter.
Viele liebe Grüße
The User

Tags