HTML und JavaScript Einführung von M&U Holzbaur

Dynamisches HTML. zu HTML. zu Javascript zur Übersicht Fenster

Schreiben eines HTML-Dokuments

Bitte auswählen, was publiziert werden soll Bitte eingeben, was publiziert werden soll
Ihr Name
Ihre Email-Adresse:
Aktueller Termin 
Termin oder Ereignis
Ereignis oder Bemerkung 
hier kommt noch: 
  • Home-Adresse, Graphik-Adresse, ... 
    		•
    hier kommt noch: 
  • Farbwahl 
    		•  rotgelbgrün

    So geht das Schreiben:

     
    Prozedur zur 
    Erzeugung des 
    Dokuments    		 <script language="JavaScript">
    function htmldoc() {
    w = window.open("win_dy.htm","neu");
    w.document.writeln("<h1> Dies ist die Web-Site ");
    if (self.document.f.cn.checked) { w.document.writeln("von "+self.document.f.n.value) }
    w.document.writeln(" : </h1><br>");

    if (self.document.f.cm.checked) { w.document.writeln("<h2>email: "+self.document.f.m.value+" </h2><br>"); }
    if (self.document.f.ct.checked) { w.document.writeln("<h2> aktueller Termin "+self.document.f.t.value+"</h2><br>");}
    if (self.document.f.ce.checked) {w.document.writeln("<h3> Termin/ Event "+self.document.f.e.value+"</h3><br>");}
    if (self.document.f.cb.checked) {w.document.writeln("<h2> Event/ Bemerkung: "+self.document.f.b.value+"</h2><br>")}

    w.document.writeln("<a href=\"mailto: "+self.document.f.m.value+"?subject= website\">mail</a>"+"<br>")

    w.document.close() }
    </script>
    Formular zur 
    Eingabe    		 <form name="f">
    <table BORDER WIDTH="100%" >
    <tr><td>Bitte ausw&auml;hlen, was publiziert werden soll</td>
           <td>Bitte eingeben, was publiziert werden soll</td></tr>
    <tr><td><input type=checkbox name="cn">Ihr Name</td>
           <td><input name="n" size=30 maxlength=90></td></tr>
    <tr><td><input type=checkbox name="cm">Ihre Email-Adresse:</td>
           <td><input name="m" size=30 maxlength=90></td></tr>
    <tr><td><input type=checkbox name="ct"">Aktueller Termin&nbsp;</td> 
            <td><input name="t" size=30 maxlength=90></td></tr>
    <tr><td><input type=checkbox name="ce" >Termin oder Ereignis</td>
           <td><input name="e" size=30 maxlength=90></td></tr>
    <tr><td><input type=checkbox name="cb" >Ereignis oder Bemerkung&nbsp;</td>
            <td><input name="b" size=30 maxlength=90></td></tr>
    <tr><td><input type=submit value="Erzeugen" onclick= "htmldoc()"></td>
           <td><input type=reset value="Verwerfen"></form></td></tr>
    </table>
    So sieht die 
    neue Seite aus

    Dies ist die Web-Site von Ulrich Holzbaur : 

    aktueller Termin 06.12.2000 Buch Management

    Termin/ Event 27.03.2001 Agenda-Parlament

    Event/ Bemerkung: endlich!!

    mail
    Dieser Quelltext 
    wurde generiert    		 <H1> Dies ist die Web-Site 
    von Ulrich Holzbaur
     : </H1><BR>
    <H2> aktueller Termin 06.12.2000 Buch Management</H2><BR>
    <H3> Termin/ Event 27.03.2001 Agenda-Parlament</H3><BR>
    <H2> Event/ Bemerkung: endlich!!</H2><BR>
    <A href="mailto: holzbaur@t-online.de?subject= website">mail</A><BR>

     

    So geht das Mailen:

     
    Mail-Adresse eingeben <tr>
    <td><input type=submit value="Info als email verschicken" onclick= "mail()"></td>
    <td><input type = "text" name="emaila"></td>
    </tr>
    Bearbeitung  function mail() {

     mstring = self.document.f.emaila.value
                 +"?subject="+self.document.f.t.value
                 +"&body=von:"+self.document.f.n.value
                  +" - "+self.document.f.m.value
                  +" \n "+self.document.f.t.value
                  +" \n "+self.document.f.e.value
                  +" \n "+self.document.f.b.value;
    location="mailto:" + mstring;
        }
    die mail wird erzeugt: von: Ulrich Holzbaur -  holzbaur@t-online.de
     06.12.2000 Buch Management 
     27.03.2001 Agenda-Parlament
     endlich!!