• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wie baue ich den Kontaktmailer von whiz schön ein?

Status
Für weitere Antworten geschlossen.
A

Anonymous

Neues Mitglied
Wie baue ich den Kontaktmailer von whiz schön ein?

Hallo,

Ich möchte gerne einen Kontaktmailer schön zentriert auf meinem
Homepage Projekt einbauen. :-)

Der Kontaktmailer Code:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DE"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
	<!--
		SOURCECODE GENERATED BY WHIZ-MAIL
		http://www.whiz-mail.cc
		TROUBLESHOOTING-ID: 80588
	-->
<HEAD>
	<TITLE>Kontaktformular</TITLE>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<STYLE type='text/css'>
	<!--


	body {
		background-color: #FFFFFF;
		margin-top: 10;
		margin-bottom: 10;
		margin-left: 10;
		margin-right: 10;
	}
	body, table {
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	h1 {
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
	}
	h2 {
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	h1,h2 {
		margin: 0px;
		padding: 0px;
		font-weight: normal;
	}
	.field_45679 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.field_45680 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.field_45681 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.field_45683 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.field_45684 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.field_45685 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.field_45687 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}
	.field_45688 {
		color: #000000;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
	}

	// -->
	</STYLE>
	

</HEAD>
<BODY>
<FORM method='POST' enctype='multipart/form-data' action='http://www.whiz-mail.cc/wm/80588' name='wmForm' id='wmForm' onSubmit='return wmFormValidSubmit();'><input type="hidden" name="lang" id="lang" value="de"><TABLE width='100%' border='0' cellspacing='1' cellpadding='2' bgcolor='#FFFFFF' align='left'>
	<TR class='field_45679'>
				<TD valign='middle' width='50%' align='left' colspan=2><h1>Webmaster</h1><h2>Verwenden Sie dieses Formular um mit uns in Kontakt zu treten.</h2></TD></TR>
	<TR class='field_45680'>
				<TD valign='middle' width='50%' align='left' colspan=2> </TD></TR>
	<TR class='field_45681'>
				<TD valign='middle' width='50%' align='left'>[b]Ihr Name:[/b]</TD>
				<TD align='left'><INPUT type='text' name='visitor_name' id='visitor_name' size='30' maxlength='100' /></TD>
</TR>
	<TR class='field_45687'>
				<TD valign='middle' width='50%' align='left'>[b]Ihre E-Mail Adresse:[/b]</TD>
				<TD align='left'><INPUT type='text' name='visitor_email' id='visitor_email' size='30' maxlength='100' /></TD>
</TR>
	<TR class='field_45688'>
				<TD valign='middle' width='50%' align='left'>Betreff:</TD>
				<TD align='left'><INPUT type='text' name='betreff' id='betreff' size='30' maxlength='50' /></TD>
</TR>
	<TR class='field_45683'>
				<TD valign='middle' width='50%' align='left'>Nachricht:</TD>
				<TD align='left'><TEXTAREA name='comments' id='comments' rows='5' cols='40'></TEXTAREA></TD>
</TR>
	<TR class='field_45684'>
				<TD valign='middle' width='50%' align='left' colspan=2> </TD></TR>
	<TR class='field_45685'>
				<TD valign='middle' width='50%' align='left' colspan=2><INPUT type='submit' value='Submit'> <INPUT type='reset' value='Reset'></TD></TR>

</TABLE></FORM>
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function validate_error(error) {
	if (error.length == 0) return true;
	else {
		var delimiter = "--------------------------------------------------------------------------------";
		var heading   = "Es wurden Fehler gefunden!\n\n";
		alert(delimiter+"\n"+heading+error+delimiter);
		return false;
	}
}

function wm_getFieldValue(field) {
	str = field.value;
	if (str == null) {
		if (field.checked == true) {
			str = "true";
		} else {
			if (field.options != null) {
				str = field.options[field.selectedIndex].value;
			} else {
				str = "";
			}
		}
	}
	return str;
}
function wm_getFieldValues() {
	var tmpCookiedDataVar = "";
	tmpCookiedDataVar += "visitor_name="+wm_getFieldValue(document.getElementById('visitor_name'))+"|";
		tmpCookiedDataVar += "comments="+wm_getFieldValue(document.getElementById('comments'))+"|";
		tmpCookiedDataVar += "submit="+wm_getFieldValue(document.getElementById('submit'))+"|";
		tmpCookiedDataVar += "visitor_email="+wm_getFieldValue(document.getElementById('visitor_email'))+"|";
		tmpCookiedDataVar += "betreff="+wm_getFieldValue(document.getElementById('betreff'))+"|";
		tmpCookiedDataVar = tmpCookiedDataVar.substring(0,tmpCookiedDataVar.length-1);
	return tmpCookiedDataVar;
}
function wm_requireValue(field,label,required,error) {
	str = field.value;
	if (str == null) {
		if (field.checked == true) {
			str = "true";
		} else {
			if (field.options != null) {
				str = field.options[field.selectedIndex].value;
			} else {
				str = "";
			}
		}
	}
	if (str.length == 0) {
	error = error+"Das Feld \""+label+"\" erfordert eine Eingabe\n";
	}
	return error;
}
var error = '';
function wm_validEmail(field,label,required,error) {
	str = field.value;
	if (required == 'false' && str.length == 0) return error;

	var result = false;
	var index = str.indexOf("@");
	if (index > 0) {
		var pindex = str.indexOf(".",index);
		if ((pindex > index+1) && (str.length > pindex+1))
		result = true;
	}
	if ((str.length < 7) || !result) {
		error = error+"Bitte eine vollständige E-Mail Adresse in das Feld \""+label+"\" eingeben\n";
	}

	return error;
}
function wmFormValidSubmit() {

	error = wm_validEmail(document.wmForm.visitor_email,'Email','true',error);
	error = wm_requireValue(document.wmForm.visitor_name,'Name','true',error);


	error_alert = error;
	error = '';
	return validate_error(error_alert);

}

function wmCM_setCookie( value, path) {
	var today = new Date();
	today.setTime( today.getTime() );
	expires = 60 * 1000 * 60 * 60 * 24;
	var expires_date = new Date( today.getTime() + (expires) );
	document.cookie = "wmCookiedFormData=" +escape( value ) + ( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + ( ( path ) ? ";path=" + path : "" ) + ";domain=www.whiz-mail.cc";
}

function wmCM_getCookie( name ) {
	var start = document.cookie.indexOf( name + "=" );
	var len = start + name.length + 1;
	if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) return null;
	if ( start == -1 ) return null;
	var end = document.cookie.indexOf( ";", len );
	if ( end == -1 ) end = document.cookie.length;
	return unescape( document.cookie.substring( len, end ) );
}
var tmpReceivedCookieData = wmCM_getCookie("wmCookiedFormData");
if (tmpReceivedCookieData != null) {
	tmpReceivedCookieData = tmpReceivedCookieData.split("|");
	for (i=0;i<tmpReceivedCookieData.length;i++) {
		if (tmpReceivedCookieData[i].split("=")[1].length > 0) {
			eval("document.wmForm."+tmpReceivedCookieData[i].split("=")[0]+".value='"+tmpReceivedCookieData[i].split("=")[1]+"'");
		}
	}
}
// -->
</SCRIPT>
</BODY>
</HTML>

Ich würde den Kontaktmailer gerne auf dieser Seite einbauen:

Link:
http://ambuehren.am.funpic.de/seite_mit_css/
(Also der Text "Willkommen auf der Homepage..." und das Bild soll
natürlich weg und dann der Kontaktmailer einbaubaut werden.)

mfg
Tobias Bröring
 
Werbung:
Du musst den code "strippen" :)

Code: 
   <!--
      SOURCECODE GENERATED BY WHIZ-MAIL
      http://www.whiz-mail.cc
      TROUBLESHOOTING-ID: 80588
   -->
   <STYLE type='text/css'>
   <!--


   body {
      background-color: #FFFFFF;
      margin-top: 10;
      margin-bottom: 10;
      margin-left: 10;
      margin-right: 10;
   }
   body, table {
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
   }
   h1 {
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
   }
   h2 {
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
   }
   h1,h2 {
      margin: 0px;
      padding: 0px;
      font-weight: normal;
   }
   .field_45679 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }
   .field_45680 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }
   .field_45681 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }
   .field_45683 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }
   .field_45684 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }
   .field_45685 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }
   .field_45687 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }
   .field_45688 {
      color: #000000;
      background-color: #FFFFFF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      text-align: left;
   }

   // -->
   </STYLE>
<FORM method='POST' enctype='multipart/form-data' action='http://www.whiz-mail.cc/wm/80588' name='wmForm' id='wmForm' onSubmit='return wmFormValidSubmit();'><input type="hidden" name="lang" id="lang" value="de"><TABLE width='100%' border='0' cellspacing='1' cellpadding='2' bgcolor='#FFFFFF' align='center'>
   <TR class='field_45679'>
            <TD valign='middle' width='50%' align='left' colspan=2><h1>Webmaster</h1><h2>Verwenden Sie dieses Formular um mit uns in Kontakt zu treten.</h2></TD></TR>
   <TR class='field_45680'>
            <TD valign='middle' width='50%' align='left' colspan=2> </TD></TR>
   <TR class='field_45681'>
            <TD valign='middle' width='50%' align='left'>[b]Ihr Name:[/b]</TD>
            <TD align='left'><INPUT type='text' name='visitor_name' id='visitor_name' size='30' maxlength='100' /></TD>
</TR>
   <TR class='field_45687'>
            <TD valign='middle' width='50%' align='left'>[b]Ihre E-Mail Adresse:[/b]</TD>
            <TD align='left'><INPUT type='text' name='visitor_email' id='visitor_email' size='30' maxlength='100' /></TD>
</TR>
   <TR class='field_45688'>
            <TD valign='middle' width='50%' align='left'>Betreff:</TD>
            <TD align='left'><INPUT type='text' name='betreff' id='betreff' size='30' maxlength='50' /></TD>
</TR>
   <TR class='field_45683'>
            <TD valign='middle' width='50%' align='left'>Nachricht:</TD>
            <TD align='left'><TEXTAREA name='comments' id='comments' rows='5' cols='40'></TEXTAREA></TD>
</TR>
   <TR class='field_45684'>
            <TD valign='middle' width='50%' align='left' colspan=2> </TD></TR>
   <TR class='field_45685'>
            <TD valign='middle' width='50%' align='left' colspan=2><INPUT type='submit' value='Submit'> <INPUT type='reset' value='Reset'></TD></TR>

</TABLE></FORM>
<SCRIPT language="JavaScript" type="text/javascript">
<!--
function validate_error(error) {
   if (error.length == 0) return true;
   else {
      var delimiter = "--------------------------------------------------------------------------------";
      var heading   = "Es wurden Fehler gefunden!\n\n";
      alert(delimiter+"\n"+heading+error+delimiter);
      return false;
   }
}


function wm_requireValue(field,label,required,error) {
   str = field.value;
   if (str == null) {
      if (field.checked == true) {
         str = "true";
      } else {
         if (field.options != null) {
            str = field.options[field.selectedIndex].value;
         } else {
            str = "";
         }
      }
   }
   if (str.length == 0) {
   error = error+"Das Feld \""+label+"\" erfordert eine Eingabe\n";
   }
   return error;
}
var error = '';
function wm_validEmail(field,label,required,error) {
   str = field.value;
   if (required == 'false' && str.length == 0) return error;

   var result = false;
   var index = str.indexOf("@");
   if (index > 0) {
      var pindex = str.indexOf(".",index);
      if ((pindex > index+1) && (str.length > pindex+1))
      result = true;
   }
   if ((str.length < 7) || !result) {
      error = error+"Bitte eine vollständige E-Mail Adresse in das Feld \""+label+"\" eingeben\n";
   }

   return error;
}
function wmFormValidSubmit() {

   error = wm_validEmail(document.wmForm.visitor_email,'Email','true',error);
   error = wm_requireValue(document.wmForm.visitor_name,'Name','true',error);


   error_alert = error;
   error = '';
   return validate_error(error_alert);

}
// -->
</SCRIPT>
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben