Gerd: document.write ersetzten

Beitrag lesen

SELF-Forum

document.write ersetzten

Gerd
– Informationen zu den Bewertungsregeln

Guten Tag,

ich möchte "document.write()" ersetzten. Ruft man eine funktion auf, die mit document.write() schreibt, dann wird an die Stelle geschrieben, an der die Funktion aufgerufen wurde.

Erstetzt man nun in der Funktion das document.wirte() durch document.createElement() etc. dann weiss die Funtion nicht, an welche Position sie das neue Element im Baum erstellen soll. Im Beispiel unten habe ich mir mit "id" Attributen geholfen - finde es aber nicht sehr elegant!

"this" und "caller" helfen mir z.B. nicht weiter ...

Ich hoffe es ist okay, wenn ich hier validen Code einfüge. Man kann das Beispiel ohne nacheditieren laufen lassen.

  
<?xml version="1.0" encoding="UTF-8" ?>  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
  
<head>  
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />  
  <title>Test</title>  
</head>  
  
<body>  
<script type="text/javascript">  
  function eadr_print(obj_id, email_user, email_server)  
  {  
    var Anker               = document.createElement("a");  
    var AnkerText           = document.createTextNode(email_user);  
    var AnkerHRefAttr       = document.createAttribute("href");  
    AnkerHRefAttr.nodeValue = "mailto:" + email_user + "@" + email_server;  
    Anker.appendChild(AnkerText);  
    Anker.setAttributeNode(AnkerHRefAttr);  
    document.getElementById(obj_id).parentNode.insertBefore(Anker, document.getElementById("obj_id"));  
  }  
</script>  
  
<h1>  
  Siehe Quelltext  
</h1>  
  
<p>  
  Wenn du mich nicht erreichtst kannst du  
  <script id="email_pos_1" type="text/javascript">  
    eadr_print('email_pos_1', 'Mama', 'home.de');  
  </script>  
  oder  
  <script id="email_pos_2" type="text/javascript">  
    eadr_print('email_pos_2', 'Papa', 'home.de');  
  </script>  
  anmailen.  
</p>  
  
  
<p>  
  <a href="http://validator.w3.org/check?uri=referer">  
     <img style="border:0;width:88px;height:31px"  
          src="http://www.w3.org/Icons/valid-xhtml10"  
          alt="Valid XHTML 1.0 Transitional" />  
  </a>  
</p>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln