HTML-Code wird nur angezeigt

Diskutiere HTML-Code wird nur angezeigt im Internet Forum Forum im Bereich Software Forum; Ich habe einen Chatroom geschrieben, den ich jetzt um eine Smileyfunktion erweitern wollte. Leider wirde der img-Code nicht als Bild ausgegeben...
9

910

Threadstarter
Dabei seit
01.11.2008
Beiträge
5
Ich habe einen Chatroom geschrieben, den ich jetzt um eine Smileyfunktion erweitern wollte.
Leider wirde der img-Code nicht als Bild ausgegeben, sondern als Code.
Hier ist mal der Code:
HTML:
<script type="text/javascript">
var xml_response_handler = function(content, output_id) {
   var entries = content.getElementsByTagName("entry");
   document.getElementById(output_id).innerHTML = "";
   for(i = 0; i <= entries.length; i++) {
      var entry_name = entries[i].getElementsByTagName("name")[0];
      var entry_text = entries[i].getElementsByTagName("text")[0];
      var p = document.createElement("P");
      var b = document.createElement("B");
      var br = document.createElement("BR");
      var text_1 =
    document.createTextNode(entries[i].getAttribute("datetime"));
      var text_2 = document.createTextNode(" wrote ");
      var text_3 =
    document.createTextNode(entry_name.firstChild.nodeValue);
      var text_4 = document.createTextNode(":");
      var text_5 =
    document.createTextNode(entry_text.firstChild.nodeValue);
      p.appendChild(b);
      b.appendChild(text_1);
      b.appendChild(text_2);
      b.appendChild(text_3);
      b.appendChild(text_4);
      p.appendChild(br);
      p.appendChild(text_5);
      document.getElementById(output_id).appendChild(p);
   }
};

function show_shoutbox() {
   if(!document.getElementById)
      return;
   script_url = "shoutbox.php";
   do_http_get_request("xml", script_url, "shoutbox_entries");
}
 
function post_to_shoutbox() {
   if(!document.getElementById)
      return;
   script_url = "shoutbox.php";
   post_field_ids = "name+text";
   do_http_post_request("xml", script_url, post_field_ids,
                        "shoutbox_entries");
}


</script>
  <script type="text/Javascript">
   <!--
    var art;
    function smilie(art){
     document.formular.text.value += "[" + art + "]";
     document.formular.text.focus();
    }
   //-->
  </script>
</head>

<body onload="show_shoutbox();
window.setInterval(show_shoutbox, 10000);">

<form action="#" method="post" name="formular" style="">
<div><textarea name="text" rows="3" cols="20" id="text"
style="width:490px; height: 4em; border: solid 1px silver;
font-family: Arial,sans-serif; font-size: 11px; padding: 1px">
Your message?
</textarea></div>
<div><input type="text" name="name" id="name"
style="width:460px; border: solid 1px silver;
font-family: Arial,sans-serif; font-size: 11px; padding: 1px"
value="Your name?">
<input type="button" name="send" style="width:30px;
border: solid 1px silver; background-color: #EEE;
font-family: Arial,sans-serif; font-size: 11px;" value="OK"
onclick="post_to_shoutbox()"></div>
</form><br>

<div style="border:1px black dashed; width:498px;">
<p align="center">
      <img src=angry.gif" alt="Wütend" title="Wütend" onClick="smilie('Wütend')">
      <img src="biggrin.gif" alt="breites Grinsen" title="breites Grinsen" onClick="smilie('breites Grinsen')">    
      <img src="dogeyes.gif" alt="Hunde Augen" title="Hunde Augen" onClick="smilie('Hunde Augen')">
      <img src="dontknow.gif" alt="Nichts wissen" title="Nichts wissen" onClick="smilie('Nichts wissen')">
      <img src="homework.gif" alt="Hausaufgaben" title="Hausaufgaben" onClick="smilie('Hausaufgaben')">
      <img src="idee.gif" alt="Idee" title="Idee" onClick="smilie('Idee')">
      <img src="rolleyes.gif" alt="Augenrollen" title="Augenrollen" onClick="smilie('Augenrollen')">
      <img src="schlaumeier.gif" alt="Schlaumeier" title="Schlaumeier" onClick="smilie('Schlaumeier')">
      <img src="schreiben.gif" alt="schreiben" title="schreiben" onClick="smilie('schreiben')">
      <img src="smile.gif" alt="Grinsen" title="Grinsen" onClick="smilie('Grinsen')">
</p>
<p align="center">Auf einen Smilie klicken, um ihn hinzuzufügen</p>
</div>


</div>
Und hier der Code der PHP-Datei:
PHP:
<?php
if(isset($_POST['name']) and isset($_POST['text'])
and $_POST['name'] != "" and $_POST['name'] != "Your message?"
and $_POST['text'] != "" and $_POST['name'] != "Your name?") {
$name = strip_tags($_POST['name']);
$text = strip_tags($_POST['text']);

  # Smilies
$umwandlung1 = str_replace('[Wütend]', '<img src="angry.gif" />', $text);
$umwandlung2 = str_replace('[breites Grinsen]', '<img src="biggrin.gif" />', $umwandlung1);
$umwandlung3 = str_replace('[Hunde Augen]', '<img src="dogeyes.gif" />', $umwandlung2);
$umwandlung4 = str_replace('[Nichts wissen]', '<img src="dontknow.gif" />', $umwandlung3);
$umwandlung5 = str_replace('[Hausaufgaben]', '<img src="homework.gif" />', $umwandlung4);
$umwandlung6 = str_replace('[Idee]', '<img src="idee.gif" />', $umwandlung5);
$umwandlung7 = str_replace('[Augenrollen]', '<img src="rolleyes.gif" />', $umwandlung6);
$umwandlung8 = str_replace('[Schlaumeier]', '<img src="schlaumeier.gif" />', $umwandlung7);
$umwandlung9 = str_replace('[schreiben]', '<img src=schreiben.gif"" />', $umwandlung8);
$text_fertig = str_replace('[Grinsen]', '<img src="smile.gif" />', $umwandlung9);

   $dom = new DOMDocument("1.0", "UTF-8");
   if(!$dom)
      exit("FEHLER(1)!");
   $dom->preserveWhiteSpace = false;
   if(!$dom->load("shoutbox.xml")) {
      $shoutbox = $dom->createElement("shoutbox");
      $dom->appendChild($shoutbox);
   }
   $new_entry_elem = $dom->createElement("entry");
   $new_entry_elem->setAttribute("datetime", date("Y-m-d H:i"));
   $new_name_elem = $dom->createElement("name",
                    substr($name, 0, 256));
   $new_text_elem = $dom->createElement("text",
                    substr($text_fertig, 0, 1024));
   $new_entry_elem->appendChild($new_name_elem);
   $new_entry_elem->appendChild($new_text_elem);
   $shoutbox_elem = get_node($dom, '/shoutbox');
   if($shoutbox_elem->firstChild)
      $shoutbox_elem->insertBefore($new_entry_elem,
                      $shoutbox_elem->firstChild);
   else
      $shoutbox_elem->appendChild($new_entry_elem);
   $i = 0;  
   $entry_elems = $dom->getElementsByTagName('entry');
   if($entry_elems->length > 10)
       $shoutbox_elem->removeChild($shoutbox_elem->lastChild);
   $dom->save("shoutbox.xml");
}
$content = file_get_contents("shoutbox.xml");
header('Content-Type: text/xml');
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
echo $content;

function get_node($dom, $xpath) {
   $path = new DOMXPath($dom);
   $nodes = @$path->query($xpath);
   if(!is_object($nodes))
      return(false);
   else
      return($nodes->item(0));

}
?>
Ich hoffe ihr könnt mir helfen.
 
Thema:

HTML-Code wird nur angezeigt

HTML-Code wird nur angezeigt - Ähnliche Themen

GELÖST Falsche Darstellung der Umlaute: Hallo Mituser! :blush Die HTML-Skripte, die ich dieser Forumsanfrage angehängt habe, haben einen korrekten Kopf. Die Einstellung des Editors...
GELÖST Suche: Mouseover mit html für Anfänger: Ich brauche dringend ein Script, oder was man eben dazu braucht um 2 Bilder mit Mouseover zu erstellen. Ich habe folgendes: - 2 Bilder - Homepage...
GELÖST Programmierproblem (vermutlich Javascript): Eine Frage an meine Board-Kollegen hier: Ich habe folgenden Code den ich ändern müsste und es selber nicht kann da ich nicht weiß wie. <div><div...
GELÖST Parse error: syntax error, unexpected '=' in: Hallo Leute, Ich bekomme grade immer die folgende Fehlermeldung: Parse error: syntax error, unexpected '=' in...
GELÖST Website verschiebt sich nach unten: Hallo Leute, Ich habe ein kleines Problemchen. Und zwar soll ich eine HTML Seite für den Informatikunterricht gestalten. Jeder muss eine gestalten...
Oben