Autor Thema: dreifarbig auf jeder Seite (Gelesen 31673 mal)

cc · « **Antwort #90 am:** 16. Januar 2015, 17:59:45 »

weil der Hintergrund nicht mehr so aussieht wie auf allen anderen Seiten:
http://communicanis.de/html/newsletter.html

sondern weiss wird wenn ich transparent einstelle
und wenn ich creme einstelle überschreibt das Formular den Masterrahmen und verschiebt das grün gaaaanz nach rechts

Ich habe viel zu wenig html Erfahrung um ein Formular selbst zu bauen,
zumal sich die Termine bei der Seminaranmeldung ja auch immer wieder ändern.
Ich traue mir das eher nicht zu.

nettesekel · « **Antwort #91 am:** 16. Januar 2015, 18:44:22 »

Du bindest deinen Formularkram falsch ein.
Wo hast du den Code von diesem Formular jetzt eingefügt? In ein Textfeld oder eine Tabellenzelle?

Wir üben jetzt mal Formular vernünftig einbinden, dann klappts auch mit dem Nachbarn... ähm Hintergrund meine ich natürlich.

cc · « **Antwort #92 am:** 16. Januar 2015, 19:12:08 »

In eine Tabellenzeile

soll ich ein Textfeld nehmen und das dann in die Tabellenzeile einfügen ?

Das hatte ich aber glaube auch probiert, ehe ich alles auf transparent gestellt habe. Bin mir nicht sicher.

nettesekel · « **Antwort #93 am:** 16. Januar 2015, 19:14:59 »

Nein, was von Beidem ist eigentlich egal. Du darfst aber nicht den kompletten Code dort einbinden. Der Code muss aufgesplittet werden. So ist das absoluter Murks.

cc · « **Antwort #94 am:** 16. Januar 2015, 19:32:44 »

Kannst du mir das erklären "aufsplitten" bedeutet ?

nettesekel · « **Antwort #95 am:** 16. Januar 2015, 19:34:23 »

Du musst diesen Code, den dir der Formulargenerator ausspuckt aufteilen und an verschiedenen Stellen einbinden.
Ich schlüssel dir mal den Code von dem Formular das du oben verlinkt hast auf und kommentiere was du damit machen musst.

Das ist der komplette Code des besagten Formulars.

Code: HTML5

<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Formular-Maker" Version="1.6.6">
<title>Newslettervoncommunicanis</title>
<style type="text/css">
 
  body {background-color:transparent; font-family:"Verdana";}
 
  label.myForm {font-family:"Verdana"; font-size:11px;}
 
  h1.farbig {color:#000000; font-family:"Verdana"; font-size:14px;}
 
  tr {background-color:transparent; font-family:"Verdana"; font-size:11px;}
 
  .td {background-color:transparent; font-family:"Verdana"; font-size:11px;}
 
  .button {background-color:#FFFFCC; font-family:"Verdana"; font-size:11px;}
 
  p.farbig {color:#000000; font-family:"Verdana"; font-size:11px;}
 
  p.anno {color:#000000; font-family:"Verdana"; font-size:11px;}
  .button {background-color: #FFFFCC;color: #990000;border-style:groove; border-width:1px; width:35%;}
 
</style>
<script language=javaScript><!--
function checkSenderMail(){
if(document.Newslettervoncommunicanis.SenderMail.value.length==0)
    return false;
  for(i=0;i<document.Newslettervoncommunicanis.SenderMail.value.length;i++){
    if((document.Newslettervoncommunicanis.SenderMail.value.charAt(i)<"-") ||
      (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)=="/") ||
      ((document.Newslettervoncommunicanis.SenderMail.value.charAt(i)>"9") && (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)<"@")) ||
      ((document.Newslettervoncommunicanis.SenderMail.value.charAt(i)>"Z") && (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)<"a") && (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)!="_")) ||
      (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)>"z") ||
      (document.Newslettervoncommunicanis.SenderMail.value.indexOf('@')==-1) ||
      (document.Newslettervoncommunicanis.SenderMail.value.indexOf('.')==-1) ){
        return false;
    }
  }
  return true;
}
  function chkFormular()
   {
           if(window.document.Newslettervoncommunicanis.Name.value == "")  {
             alert("Ihr Name ?");
             document.Newslettervoncommunicanis.Name.focus();
             return false;
             }
            if(!checkSenderMail()){
      alert("Bitte eine gültige E-Mail-Adresse eingeben");
      document.Newslettervoncommunicanis.SenderMail.focus();
      return false;
}
           if(window.document.Newslettervoncommunicanis.PLZOrt.value == "")  {
             alert("Bitte füllen Sie dieses Pflichtfeld aus!");
             document.Newslettervoncommunicanis.PLZOrt.focus();
             return false;
             }
   }
//--></script>
</head>
<body style="background-image:url(#FFFFCC)">
<div align="center">
<h1 class="farbig">Newsletter von communicanis</h1>
<form name="Newslettervoncommunicanis" action="http://www.THRU-Soft.de/scripts/formmailer/formmailer.php" onSubmit="return chkFormular()" enctype="multipart/form-data" method="POST">
 
<input type="hidden" name="typ_sender" value="0">
<input type="hidden" name="copy" value="">
<input type="hidden" name="url" value="http://www.communicanis.de/html/kontaktantwort.html">
<input type="hidden" name="email" value="info@communicanis.de" >
<input type="hidden" name="mailformat" value="text">
<input type="hidden" name="betreff" value="Information" >
 
<table border="0px"  cellpadding="2px"  cellspacing="2px"  width="90%">
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Vorname Name</td>
<td class="td"><input type="text" name="Name" value="" size="50" MaxLength="" >
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">E-Mail</td>
<td class="td"><input type="text" name="SenderMail" value="" size="50" MaxLength="" >
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">PLZ und Ort</td>
<td class="td"><input type="text" name="PLZOrt" value="" size="50" MaxLength="" >
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Ich bitte um</td>
<td class="td"><input type="checkbox" name="Ichbitteum" value="Newsletter " checked>Newsletter 
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Info über aktuelle Termine in meiner Region</td>
<td class="td"><input type="checkbox" name="ccInformation" value="" checked>
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Information zum Dialog mit meinem Tier</td>
<td class="td"><input type="checkbox" name="Medialog" value="">
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">kostenlose Zusendung von Flyer zum Auslegen</td>
<td class="td"><input type="checkbox" name="ZusendungFlyerPerPost" value="">
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">in </td>
<td class="td"><select size="1" name="Praxis" ><option value=""></option><option value="meiner Praxis">meiner Praxis</option><option value="meiner Kanzlei">meiner Kanzlei</option><option value="meinem Tierfachgeschäft">meinem Tierfachgeschäft</option><option value="privat">privat</option></select>
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Ihre Nachricht ? </td>
<td class="td"><textarea name="Nachricht" cols="40" rows=""></textarea>
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">als Dankeschön für Ihre Anmeldung sende ich Ihnen </td>
<td class="td"><select size="1" name="geschenkt" ><option value="bitte nachfolgend auswählen wenn gewünscht:">bitte nachfolgend auswählen wenn gewünscht:</option><option value=""></option><option value="Zahnpflege, aber richtig. Empfohlen und Gefahren">Zahnpflege, aber richtig. Empfohlen und Gefahren</option></select>
</td>
</tr>
<tr valign="top" height="25">
<td class="td"><img src="http://www.THRU-Soft.de/scripts/formmailer/captcha.php" border="0" title="Sicherheitscode" align="right"></td> 
<td>Bitte geben Sie den Code ein<br><input type="text" name="sicherheitscode" size="4" >
</tr>
<tr><td align="center" colspan="2">
<input type="submit" name="next" value="senden" class="button">
</td></tr>
</table>
</form>
</div>
</body>
</html>

Dieser Code beinhaltet ein komplettes html-Dokument, welches du zur Zeit mitten in dein vorhandenes html-Dokument einbindest. Dadurch kommen diverse Fehler zu Stande. Macht man so auch generell nicht.

Fangen wir an, das Ganze zu zerpflücken.

Der Code beginnt mit diesem Abschnitt:

Code: HTML5

<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Formular-Maker" Version="1.6.6">
<title>Newslettervoncommunicanis</title>

Papierkorb!

Dann geht es mit diesem Abschnitt weiter:

Code: HTML5

<style type="text/css">
 
  body {background-color:transparent; font-family:"Verdana";}
 
  label.myForm {font-family:"Verdana"; font-size:11px;}
 
  h1.farbig {color:#000000; font-family:"Verdana"; font-size:14px;}
 
  tr {background-color:transparent; font-family:"Verdana"; font-size:11px;}
 
  .td {background-color:transparent; font-family:"Verdana"; font-size:11px;}
 
  .button {background-color:#FFFFCC; font-family:"Verdana"; font-size:11px;}
 
  p.farbig {color:#000000; font-family:"Verdana"; font-size:11px;}
 
  p.anno {color:#000000; font-family:"Verdana"; font-size:11px;}
  .button {background-color: #FFFFCC;color: #990000;border-style:groove; border-width:1px; width:35%;}
 
</style>
<script language=javaScript><!--
function checkSenderMail(){
if(document.Newslettervoncommunicanis.SenderMail.value.length==0)
    return false;
  for(i=0;i<document.Newslettervoncommunicanis.SenderMail.value.length;i++){
    if((document.Newslettervoncommunicanis.SenderMail.value.charAt(i)<"-") ||
      (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)=="/") ||
      ((document.Newslettervoncommunicanis.SenderMail.value.charAt(i)>"9") && (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)<"@")) ||
      ((document.Newslettervoncommunicanis.SenderMail.value.charAt(i)>"Z") && (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)<"a") && (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)!="_")) ||
      (document.Newslettervoncommunicanis.SenderMail.value.charAt(i)>"z") ||
      (document.Newslettervoncommunicanis.SenderMail.value.indexOf('@')==-1) ||
      (document.Newslettervoncommunicanis.SenderMail.value.indexOf('.')==-1) ){
        return false;
    }
  }
  return true;
}
  function chkFormular()
   {
           if(window.document.Newslettervoncommunicanis.Name.value == "")  {
             alert("Ihr Name ?");
             document.Newslettervoncommunicanis.Name.focus();
             return false;
             }
            if(!checkSenderMail()){
      alert("Bitte eine gültige E-Mail-Adresse eingeben");
      document.Newslettervoncommunicanis.SenderMail.focus();
      return false;
}
           if(window.document.Newslettervoncommunicanis.PLZOrt.value == "")  {
             alert("Bitte füllen Sie dieses Pflichtfeld aus!");
             document.Newslettervoncommunicanis.PLZOrt.focus();
             return false;
             }
   }
//--></script>

Aus diesem Code löschst du bitte die gelb gekennzeichneten Zeilen und fügst den Code danach ins Layout-html (F9) der Seite ein in der das Formular erscheinen soll und zwar zwischen den Head-Tags der Seite.
https://www.nof-community.de/code-oder-codeschnipsel-an-der-richtigen-stelle-einfuegen/code-zwischen-den-head-tags-der-seite-einfugen/

Dann würde dein Code wie folgt weiter gehen....

Code: HTML5

</head>
<body style="background-image:url(#FFFFCC)">

Papierkorb!

Nun kommt das eigentliche Formular:

Code: HTML5

<div align="center">
<h1 class="farbig">Newsletter von communicanis</h1>
<form name="Newslettervoncommunicanis" action="http://www.THRU-Soft.de/scripts/formmailer/formmailer.php" onSubmit="return chkFormular()" enctype="multipart/form-data" method="POST">
 
<input type="hidden" name="typ_sender" value="0">
<input type="hidden" name="copy" value="">
<input type="hidden" name="url" value="http://www.communicanis.de/html/kontaktantwort.html">
<input type="hidden" name="email" value="info@communicanis.de" >
<input type="hidden" name="mailformat" value="text">
<input type="hidden" name="betreff" value="Information" >
 
<table border="0px"  cellpadding="2px"  cellspacing="2px"  width="90%">
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Vorname Name</td>
<td class="td"><input type="text" name="Name" value="" size="50" MaxLength="" >
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">E-Mail</td>
<td class="td"><input type="text" name="SenderMail" value="" size="50" MaxLength="" >
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">PLZ und Ort</td>
<td class="td"><input type="text" name="PLZOrt" value="" size="50" MaxLength="" >
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Ich bitte um</td>
<td class="td"><input type="checkbox" name="Ichbitteum" value="Newsletter " checked>Newsletter 
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Info über aktuelle Termine in meiner Region</td>
<td class="td"><input type="checkbox" name="ccInformation" value="" checked>
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Information zum Dialog mit meinem Tier</td>
<td class="td"><input type="checkbox" name="Medialog" value="">
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">kostenlose Zusendung von Flyer zum Auslegen</td>
<td class="td"><input type="checkbox" name="ZusendungFlyerPerPost" value="">
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">in </td>
<td class="td"><select size="1" name="Praxis" ><option value=""></option><option value="meiner Praxis">meiner Praxis</option><option value="meiner Kanzlei">meiner Kanzlei</option><option value="meinem Tierfachgeschäft">meinem Tierfachgeschäft</option><option value="privat">privat</option></select>
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">Ihre Nachricht ? </td>
<td class="td"><textarea name="Nachricht" cols="40" rows=""></textarea>
</td>
</tr>
<tr valign="top" height="25">
<td width="50%" class="td" align="right">als Dankeschön für Ihre Anmeldung sende ich Ihnen </td>
<td class="td"><select size="1" name="geschenkt" ><option value="bitte nachfolgend auswählen wenn gewünscht:">bitte nachfolgend auswählen wenn gewünscht:</option><option value=""></option><option value="Zahnpflege, aber richtig. Empfohlen und Gefahren">Zahnpflege, aber richtig. Empfohlen und Gefahren</option></select>
</td>
</tr>
<tr valign="top" height="25">
<td class="td"><img src="http://www.THRU-Soft.de/scripts/formmailer/captcha.php" border="0" title="Sicherheitscode" align="right"></td> 
<td>Bitte geben Sie den Code ein<br><input type="text" name="sicherheitscode" size="4" >
</tr>
<tr><td align="center" colspan="2">
<input type="submit" name="next" value="senden" class="button">
</td></tr>
</table>
</form>
</div>

Dieser Abschnitt kommt also dort hin, wo jetzt auch der Code eingefügt ist, nämlich dort wo dein Formular erscheinen soll. Nutze dazu eine Tabellenzelle oder ein Textfeld.

Am Schluss deines Codes befinden sich nun noch diese zwei Zeilen:

Code: HTML5

</body>
</html>

Papierkorb!

Das wars auch schon.

cc · « **Antwort #96 am:** 16. Januar 2015, 19:50:30 »

Ich muss das mal meditieren und setze mich morgen nochmal daran.
Und das ist bei jedem Formular so ?
Und woher weiss ich wo ich teilen muss
und dann kann ich auch wieder den Hintergrund der Seite sehen ?

Danke für die Denksportaufgabe :-)
Ich setze es um.

nettesekel · « **Antwort #97 am:** 16. Januar 2015, 20:19:04 »

Da gibt es nix zu meditieren. Das sind 5 Minuten, dann sitzt es.

Und ja, das gilt für jedes Formular, du kannst den BG der Seite wieder sehen und beugst anderen Fehlern vor. Wenn du immer den selben Generator nutzt, wird auch der Aufbau der Dokumente immer relativ gleich sein. Relativ, weil die Formularfelder ja schon mal anders sind.

Das Dokument beginnt immer mit... dem öffnenden html-Tag (<html>, gefolgt vom öffnenden head-Tag (<head>), gefolgt von einigen Meta-Tags (<meta... ) und einem Titel-Tag (<title>...)...

Code: HTML5

<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Formular-Maker" Version="1.6.6">
<title>Newslettervoncommunicanis</title>

Das sind alles Angaben die deine NOF-Seite bereits beinhaltet und die deshalb gelöscht werden.

-----------------------------------------------------------------------------------------

Danach kommen einige Styleangaben die mit <style type="text/css"> beginnen und mit </style> enden. In diesem CSS-Abschnitt habe ich die Zeilen mit den Formaten für body und h1 gelöscht. Direkt im Anschluss beginnt ein Javascript-Code welcher mit <script language=javaScript> beginnt und mit </script> endet.
Dieser gesamte Abschnitt gehört immer zwischen die Headtags der Seite und zwar ins Layout-html, weil er im Masterrahmen-html eingefügt auf jeder Seite erscheinen würde.

-----------------------------------------------------------------------------------------

Nun kommt immer der schließenden head-Tag (</head>) gefolgt vom öffnenden body-Tag (<body style="...">). Auch diese zwei Tags werden von NOF generiert und haben hier als Duplikat nichts verloren. Darum sind die immer für die Tonne.

-----------------------------------------------------------------------------------------

Mit <div align="center"> wird der div-Container in dem das Formular liegt geöffnet und er endet mit dem schließenden div-Tag (</div>). Das bedeutet dieser Code einschließlich der beiden besagten Tags kommt in die Zelle in die das Formular gehört.

-----------------------------------------------------------------------------------------

Am Ende jedes deiner Formulare findest du dann noch den schließenden body-Tag (</body>) und den schließenden html-Tag (</html>) diese beiden Tags werden ebenfalls immer gelöscht da auch diese im NOF-Dokument enthalten sind und nicht doppelt in der Seite auftauchen dürfen.

-----------------------------------------------------------------------------------------

Es ist also eine überschaubare Logik in der ganzen Sache die du auf jedes deiner Formulare anwenden kannst. Und falls mal was nicht klappt, kannst du ja fragen.

cc · « **Antwort #98 am:** 16. Januar 2015, 20:32:39 »

Danke für so viel Mühe und Erklärung!

cc · « **Antwort #99 am:** 17. Januar 2015, 10:07:08 »

alles so gemacht wie beschrieben
und (es wird Dich wenig überraschen)
es funktioniert !

http://www.communicanis.de/html/newsletter.html

einzig was ich noch ändern müsste, aber wie ohne es auf allen Seiten zu ändern:
oben stimmt das Logo und der grüne Streifen jetzt nicht mehr.

nettesekel · « **Antwort #100 am:** 17. Januar 2015, 11:56:05 »

Schau mal zunächst nochmal in den Code, den du zwischen den Head-Tags eingefügt hast. Dort sind die Zeilennummerierungen aus dem Code-Container mit im Quelltext. Bei 1. angefangen diese ganzen Nummerierungen musst du löschen. Danach lade diese Seite nochmal neu hoch.

cc · « **Antwort #101 am:** 17. Januar 2015, 12:18:14 »

Hach ist das wunderbar und so einfach.
Danke.

nettesekel · « **Antwort #102 am:** 17. Januar 2015, 12:27:51 »

Jepp, wenn man weiß warum... in diesem Thread kann man eigentlich gut nachvollziehen, warum ein Link oftmals so wichtig ist, um helfen zu können.

cc · « **Antwort #103 am:** 11. Juli 2015, 16:09:59 »

Zitat von: nettesekel am 16. Januar 2015, 19:34:23

<img src="http://www.THRU-Soft.de/scripts/formmailer/captcha.php"

kann ich das einfach löschen (weil es den anbieter nicht mehr gibt
oder ersetzen durch http://communicanis.de/index.html
oder kommt es dann zu einer Fehlermeldung ?

nettesekel · « **Antwort #104 am:** 11. Juli 2015, 16:16:33 »

Kann ich so aus dem Zusammenhang gerissen nicht beantworten. Wenn dann den kompletten img-Code löschen, da fehlt dann mindestens noch die schließende Spitz-Klammer.

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