Autor Thema: Einfügen eines HTML-Formulars (Gelesen 3444 mal)

Michael1 · « **am:** 12. August 2013, 09:52:54 »

Tag zusammen!
Wie füge ich in NOF 12 dieses Formular -s.u.- auf meiner hp ein?
Gruß
Michael1

Code: HTML5

function chkFormular()
{
 return(true); }
//-->
</script>
 
 
<!-- DAFORMJSEND -->
</head>
<body onLoad="SetCookieValues();">
<form action="http://www.ekiwi-scripts.de/form/v29/formmail.php" method="POST" name="DAFORM" onSubmit="SetCookies();return chkFormular();" enctype="multipart/form-data" target="_self">
  <input type="hidden" name="formid" value="3709393">
  <input type="hidden" name="settings" value="Y2Vicg==">
  <input type="hidden" name="redirect" value="http://www.ekiwi.de/form/danke.htm">
  <input type="hidden" name="subject" value="Kontaktformular">
  <input type="hidden" name="admin" value="Y39ydmNyZVdjf3J2Y2V+eXg5c3I=">
  <input type="hidden" name="admin1" value="">
  <input type="hidden" name="admin2" value="">
  <input type="hidden" name="typemail" value="html">
  <input type="hidden" name="crypt" value="1">
  <input type="hidden" name="einleittext" value="">
  <input type="hidden" name="copyfields" value="-1">
  <input type="hidden" name="copyip" value="-1">
  <input type="hidden" name="hide_empty_fields" value="0">
  <input type="hidden" name="settings_encoding" value="iso-8859-1"> 
  <input type="hidden" name="ReturnToSender" value="0">
 
 
      <table  width="500px" align="center" border="0" cellpadding="3" cellspacing="2">
         <!-- FORMTITLE_BEGIN -->
        <tr>
          <td colspan="2"><h1>
 
            </h1></td>
        </tr>
        <!-- FORMTITLE_END -->
       
       
        <tr><td align="right"  valign="top" class="my" nowrap>Ihr Vorname</td>
<td class="my">
<input type="text" name="Vorname" value="" size="25" maxlength="200" class="field"> </td></tr>
 
<tr><td align="right"  valign="top" class="my" nowrap>Ihr Name</td>
<td class="my">
<input type="text" name="Name" value="" size="25" maxlength="200" class="field"> </td></tr>
 
<tr><td align="right"  valign="top" class="my" nowrap>Ihre E-Mail-Adresse</td>
<td class="my">
<input type="text" name="email" value="" size="25" maxlength="200" class="field"> </td></tr>
 
<tr><td align="right"  valign="top" class="my" nowrap>Ihre Nachricht</td>
<td class="my">
<textarea name="Bemerkung" cols="40" rows="10" class="field"></textarea> </td></tr>
 
 
        <tr>
   <td class="my" align="right" valign="middle"><p class="my">bitte tragen Sie hier die Zahlen ein</p></td>
  <td class="my" valign="middle">
 <table width="100%"  border="0" cellspacing="0" cellpadding="00">
<tr valign="middle">
 <td width="0%"><input type="text" name="captcha_input" size="10" maxlength="5"></td>
 <td width="100%">&nbsp;<img src="http://www.ekiwi-scripts.de/form/v29/formmail.php?action=captcha&amp;id=3709393" border="1" alt="captcha" align="middle" name="captchaimg">
    <script type="text/javascript">
   <!--
       document.write("<a href="javascript:refreshCaptcha()"><img src="http://www.ekiwi-scripts.de/form/v29/refresh.png" align="middle" border="0">[/url]");
    -->
    </script>
    </td>
</tr>
</table>
</tr>
 
        <tr>
          <td colspan="2"><p class="my">
 
            </p></td>
        </tr>
        <tr>
          <td colspan="2">
             <input type="submit" name="next" value="Absenden" >
            <input type="reset" name="next" value="Zurücksetzen" >
 
            <input type="button" name="print" value="Drucken" onClick="javascript:window.print()" class="button">
 
          </td>
        </tr>
      </table>
</form>
</body>
</html>

nettesekel · « **Antwort #1 am:** 12. August 2013, 11:18:42 »

Kann es sein, dass da oben ein teil des Codes fehlt?

Michael1 · « **Antwort #2 am:** 12. August 2013, 11:53:19 »

Oh ja! Hatte ich übersehen, Entschuldigung. das müßte jetzt der ganze html-Text sein. Gruß Michael1

Code: HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>
Kontaktformular
</title>
<meta name="generator" content="DA-Formmaker 2.9">
<style type="text/css">
<!--
body { background-color:#FFFFFF;  }
h1 { color:#000000; font-family:Times New Roman,Serif; font-size:12pt; }
p,li { color:#000000; font-family:Times New Roman,Serif; font-size:12pt; }
TD   { color:#000000; font-family:Times New Roman,Serif; font-size:12pt; }
td.my { background-color:#FFFFFF}
.field {background-color: #FFFFFF;
border-color: #000000;
border-style:solid;
border-width:1px;
font-Family:Times New Roman,Serif;
font-Size:12px;
color: #000000;
}
-->
</style>
 
 
<!-- DAFORMJSBEGIN -->
<!-- JSCAL -->
 
<script type="text/javascript">
/* <![CDATA[ */
  function refreshCaptcha()
  {
      var now = new Date();
      if (document.images) {
          document.images.captchaimg.src = 'http://www.ekiwi-scripts.de/form/v29/formmail.php?action=captcha&id=9107492&now=' + now.getTime();
      }     
  }
/* ]]> */
</script>
 
 
<script type="text/javascript">
<!--
        /**
        *       Gibt den Cookie zum übergebenen Namen zurück, sofern vorhanden
        * ansonsten wird ein leerer String zurück gegeben
        */
        function GetCookie(cookie_name)
        {
                if (document.cookie.length>0)
                  {
                  cookie_start=document.cookie.indexOf(cookie_name + "=");
                  if (cookie_start!=-1)
                    { 
                    cookie_start=cookie_start + cookie_name.length+1; 
                    cookie_end=document.cookie.indexOf(";",cookie_start);
                    if (cookie_end==-1) cookie_end=document.cookie.length;
                    return unescape(document.cookie.substring(cookie_start,cookie_end));
                    } 
                  }
                return "";
        }
        
        /**
        * Setzt die Cookiewerte im Formular
        */
        function SetCookieValues()
        {
 
        }
 
 
        /**
        *       Liest die Informationen aus dem Formular und speichert diese            
        */
  function SetCookies()
  {
      
  }
  
//-->
</script>
 
<script type="text/javascript">
<!--
        function str_replace(search, replace, subject) {
                return subject.split(search).join(replace);
        }
//-->
</script>
 
<script type="text/javascript">
<!--
function chkFormular()
{
 return(true); }
//-->
</script>
 
 
<!-- DAFORMJSEND -->
</head>
<body onLoad="SetCookieValues();">
<form action="http://www.ekiwi-scripts.de/form/v29/formmail.php" method="POST" name="DAFORM" onSubmit="SetCookies();return chkFormular();" enctype="multipart/form-data" target="_self">
  <input type="hidden" name="formid" value="9107492">
  <input type="hidden" name="settings" value="Y2Vicg==">
  <input type="hidden" name="redirect" value="http://www.ekiwi.de/form/danke.htm">
  <input type="hidden" name="subject" value="Kontaktformular">
  <input type="hidden" name="admin" value="Y39ydmNyZVdjf3J2Y2V+eXg5c3I=">
  <input type="hidden" name="admin1" value="">
  <input type="hidden" name="admin2" value="">
  <input type="hidden" name="typemail" value="html">
  <input type="hidden" name="crypt" value="1">
  <input type="hidden" name="einleittext" value="">
  <input type="hidden" name="copyfields" value="-1">
  <input type="hidden" name="copyip" value="-1">
  <input type="hidden" name="hide_empty_fields" value="0">
  <input type="hidden" name="settings_encoding" value="iso-8859-1">  
  <input type="hidden" name="ReturnToSender" value="0">
 
 
      <table  width="500px" align="center" border="0" cellpadding="3" cellspacing="2">
        <!-- FORMTITLE_BEGIN -->
        <tr>
          <td colspan="2"><h1><br>
            </h1></td>
        </tr>
        <!-- FORMTITLE_END -->
        
        
        <tr><td align="right"  valign="top" class="my" nowrap>Ihr Vorname</td>
<td class="my">
<input type="text" name="Vorname" value="" size="25" maxlength="200" class="field"> </td></tr>
 
<tr><td align="right"  valign="top" class="my" nowrap>Ihr Name</td>
<td class="my">
<input type="text" name="Name" value="" size="25" maxlength="200" class="field"> </td></tr>
 
<tr><td align="right"  valign="top" class="my" nowrap>Ihre E-Mail-Adresse</td>
<td class="my">
<input type="text" name="email" value="" size="25" maxlength="200" class="field"> </td></tr>
 
<tr><td align="right"  valign="top" class="my" nowrap>Ihre Nachricht</td>
<td class="my">
<textarea name="Bemerkung" cols="40" rows="10" class="field"></textarea> </td></tr>
 
 
        <tr>
        <td class="my" align="right" valign="middle"><p class="my">bitte tragen Sie hier die Zahlen ein</p></td>
  <td class="my" valign="middle">
 <table width="100%"  border="0" cellspacing="0" cellpadding="00">
<tr valign="middle">
 <td width="0%"><input type="text" name="captcha_input" size="10" maxlength="5"></td>
 <td width="100%">&nbsp;<img src="http://www.ekiwi-scripts.de/form/v29/formmail.php?action=captcha&amp;id=9107492" border="1" alt="captcha" align="middle" name="captchaimg">
        <script type="text/javascript">
        <!--
                document.write("<a href="javascript:refreshCaptcha()"><img src="http://www.ekiwi-scripts.de/form/v29/refresh.png" align="middle" border="0">[/url]");
        --> 
        </script>
        </td>
</tr>
</table>
</tr>
 
        <tr>
          <td colspan="2"><p class="my"><br>
            </p></td>
        </tr>
        <tr>
          <td colspan="2">
                <input type="submit" name="next" value="Absenden" >
            <input type="reset" name="next" value="Zurücksetzen" >
 
            <input type="button" name="print" value="Drucken" onClick="javascript:window.print()" class="button">
 
          </td>
        </tr>
      </table>
</form>
</body>
</html>
 

nettesekel · « **Antwort #3 am:** 13. August 2013, 11:00:12 »

So, ich habe nun mal Zeit gefunden es selbst zu testen. Der Code den du hier her kopiert hast ist der Code einer kompletten html-Seite. Ich vermute, du hast ihn auch als fertige html-Seite bekommen. Kopiere diese html-Seite in den Asset-Ordner deines Projektordners.

(Solltest du keine fertige html-Seite haben, dann öffne den Code im Editor und speichere ihn als html-Datei ab. Dazu vergbst du die Dateiendung gleich im Namen der Datei mit. Also Name wäre dann z.B. "form.html")

Suche dir in NOF die Komponente "Externer html-Code" klicke sie an und ziehe auf der Seite, auf welcher das Formular erscheinen soll, ein Feld auf.
Es öffnet sich ein kleines Fenster. Im oberen Pulldownmenü navigierst du zu der besagten html-Seite in deinem Asset-Ordner und wählst sie aus.
Setze - falls nicht schon vorhanden - das Häkchen bei <HEAD>importieren und stelle im Pulldownmenü dahinter "an aktuellen Head anhängen" ein.
Bestätige deine Angaben mit OK und publiziere die Seite. Das Formular sollte nun zu sehen sein. Teste ob es funktioniert.

Ich hoffe ja, denn alternativ bliebe nur noch das iframe was keine optimale Lösung wäre, weil viele Smartphones und Tablets IFrames nicht darstellen können.

Viel Erfolg!

PS. Bitte keine doppelten Threads zu ein und dem selben Thema erstellen!

Michael1 · « **Antwort #4 am:** 14. August 2013, 08:27:17 »

erstmal, dankeschön Nettesekel! Werde Deine Erklärungen heute oder morgen ausführen können und gebe Dir dann gleich Bescheid, ob es geklappt hat. Also bis dann. Gruß
Michael1

Michael1 · « **Antwort #5 am:** 14. August 2013, 10:58:38 »

habe die html-Seite in den Asset-Ordner des Projekts kopiert. Dann öffne ich in der Seitenansicht die Seite, auf der das Formular erscheinen soll.
Dann gibt es unter >Datei< 2 Optionen:
1) importieren, weiter: html-Seite
2) auf externe Html-Seite verweisen
Wenn ich über die 2. Option die html-Seite (d.h. das Kontaktformular) einsetze, dann springt es sofort in die linke obere Ecke des Layout-Bereichs. Dann funktioniert zwar das Formular, aber ich kann es auf der Seite nicht verschieben oder einen Text oder ein Bild davor setzen.
Was bedeutet >ein Feld aufziehen< (Text, Bild,Inlineframe) ? Freue mich auf Hilfe
Gruß
Michael1

nettesekel · « **Antwort #6 am:** 14. August 2013, 12:06:35 »

Ich habe dir geschrieben:

Zitat

Suche dir in NOF die Komponente "Externer html-Code" klicke sie an und ziehe auf der Seite, auf welcher das Formular erscheinen soll, ein Feld auf.
Es öffnet sich ein kleines Fenster. Im oberen Pulldownmenü navigierst du zu der besagten html-Seite in deinem Asset-Ordner und wählst sie aus.......

Ein Screenshot hängt mit an, auf dem du genau sehen kannst, wie du die Komponente auswählen kannst... es steht dort, Komponente anklicken und dann ein Feld aufziehen... damit erübrigt sich auch die Antwort auf deine letzte Frage...
Wenn du Schritt für Schritt das machst, was ich dir oben beschrieben habe, dann funktioniert es auch.

Von Datei... importieren oder auf... verweisen, habe ich gar nichts erwähnt...

Michael1 · « **Antwort #7 am:** 14. August 2013, 16:03:01 »

dankeschön für deine Anleitung, Nettesekel ! Hat wunderbar geklappt.
Wenn ich meine hp www.theatrino.de unter google/Firefox auf meinem PC aufrufe, erscheint die Veränderuung nicht. Wenn ich mit einem anderen PC (Google Chrome) ins Internet gehe, funktioniert die neue Kontaktseite einwandfrei. Ist das normal? Womit hängt das zusammen?
Gruß
Michael1

nettesekel · « **Antwort #8 am:** 14. August 2013, 16:08:02 »

Sühst... ich wußte doch dass es klappt... immer schön mit Ruhe die Anleitung durchgehen, dann wirds auch was mit dem Formular.

Ich denke die Probleme mit den Browsern hast du, weil du die Seiten in einigen Browsern noch im Cache hast und sie daraus geladen werden... drücke mal bei aufgerufener Seite Strg+F5 (notfalls auch mehrmals hintereinander)... ich habs bei mir gerade gemacht und sehe nun das neue Formular.

Michael1 · « **Antwort #9 am:** 14. August 2013, 16:23:21 »

Wunderbar - jetzt funktioniert die Kontakt-Seite auf jeden Fall.
Ab jetzt kann ich die Verbesserungen der hp >abarbeiten<, die ich Deinen Kommentaren bzw. den Kommentaren der anderen netten Leuten vom Forum zu verdanken habe. Bei der Gelegenheit: auch mal Dankeschön an Euch alle!
Gruß
Michael1

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

Alles hat ein Ende...

Die letzten Beiträge

Schatznasen Feed

Aquablogger Feed

Strickzeugs Feed

Links für Katzenfreunde

...

Friendship