yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » hilfe beim kontaktformular..

hilfe beim kontaktformular..

Last
also zuerst passt alles, also ohne kontaktformular, aber nachm einbau wird die seite viel zu weit nach unten gezogen...das würd ich gerne beheben, vllt kann mir jemand helfen...

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

<IMG SRC="Bilder/contact-formular.jpg" WIDTH=416 HEIGHT=301 ALT="">
</div><div id="Layer1" style="position:absolute; width:932px; height:1200px; z-index:1; left: 58px; top: 730px; overflow:auto;">
	  <form action="/index.html?act=bingo&amp;inc=" method="post" name="frmContact">
	                         
       <input size="24" maxlength="200" name="kontakt_adresse" style="background-color:#FFFFFF
;color" class="kontakt_adresse" type="text" value="Ihre E-Mail Adresse" >
   <br>   
	   <input size="55" maxlength="1000" name="kontakt_name" style="background-color:#FFFFFF
;" class="kontakt_name" type="text" value="Ihr Name">
   <br>
       <input size="55" maxlength="1000" name="kontakt_betreff" class="kontakt_betreff" style="background-color:#FFFFFF;" type="text" value="Betreff">

   <br>
       <textarea name="kontakt_nachicht" rows="5" cols="50" style="background-color:#FFFFFF;" class="kontakt_nachicht">ihre Nachicht</textarea>
   <br> 
       <input value="Abschicken" name="kontakt_submit" type="submit">
</form>
     
  			
			               </div></body>
</html>
[kamui]
Mach mal bei deinem Form-Tag noch folgendes rein: style="padding: 0px;margin: 0px;", könnte daran liegen.
Schweinebacke
Was erwartest du bei solchen Angaben:

style="position:absolute; width:932px; height:1200px; z-index:1; left: 58px; top: 730px; overflow:auto;"

viel zu hoch und weit weg von oben Belehr
Last
die 2te zahl war richtig, da sie sich auf den header mitbezieht, aber bitte verzeiht wenn ich solche doofen fragen hab, aber ich mach das zum erstenmal unglücklich
Schweinebacke
Es gibt keine doofen Fragen nur blöde Antworten. Augenzwinkern
Last
äh joa....das mit dem aussehen hätten wir ja nun geklärt, jetzt könnten wir zur funktionsweise übergehenxD

also ich habs mal getestet, und..nunja es funzt nicht...hier nochmal der code...

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

</div><div id="Layer1" style="position:absolute; width:932px; height:300px; z-index:1; left: 58px; top: 730px; overflow:auto;">
	  <form action="/index.html?act=bingo&amp;inc=" method="post" name="frmContact">
	                         
       <input size="24" maxlength="200" name="kontakt_adresse" style="background-color:#FFFFFF
;color" class="kontakt_adresse" type="text" value="Ihre E-Mail Adresse" >
   <br>   
	   <input size="55" maxlength="1000" name="kontakt_name" style="background-color:#FFFFFF
;" class="kontakt_name" type="text" value="Ihr Name">
   <br>
       <input size="55" maxlength="1000" name="kontakt_betreff" class="kontakt_betreff" style="background-color:#FFFFFF;" type="text" value="Betreff">

   <br>
       <textarea name="kontakt_nachicht" rows="5" cols="50" style="background-color:#FFFFFF;" class="kontakt_nachicht">ihre Nachicht</textarea>
   <br> 
       <input value="Abschicken" name="kontakt_submit" type="submit">
</form>
     
  			
			               </div></body>
</html>
Schweinebacke
Du gibst das Formular an die index.html weiter mit einem get-Anhang ?act=bingo&amp;inc= die Daten aber per post übermittelt werden sollen.

Ne ne !

Zu dem – was soll der Backslash davor. Der gehört da nur hin wenn die in einem anderen Ordner liegt.

Kurze Erklärung was du genau machen möchtest.

Wie soll das Formular versendet werden?
Last
es soll an meine email geschickt werden, nach möglcihkeit dann anzeigen, ihre anfrage wurde erfolgreich gesendet, und dann sollte man zum index zurückkommen
Schweinebacke
Dann sollte es mit php oder cgi gemacht werden. Das muss dein Webspace aber unterstützen.

Über ein vom User installiertem E-Mail-Programm geht das mit.

action="mailto:deinName@deineAdresse.de"

das der Inhalt aus deinem Formular dem E-Mail-Programm übergeben wird liegt gänzlich an dem ob es unterstützt wird.

Mit JavaScript kann man das Formular prüfen und mit onsubmit auf eine Danke-Seite leiten in der dann auf die Index zurück geleitet wird.

Es sind halt ganz verschiedene Seitenaufbauten. Du solltest die daher entscheiden wie.

Php oder die unsichere Mailto-Version.
Last
ich hab das schon nur mit mühe und not hinbekommenxD

naja werds trotzdem mal weiter versuchen thx
Schweinebacke
hier mal einen Link der dich unterstützt
Last
ich hasse selfhtmlxD

trotzdem danke, werd mal reinschauen^^
Schweinebacke
Ich weiss gar nicht was man gegen SelfHTML haben kann.

Dein form-Tag in etwa so:

code: 
1:

<form action="mailto:deinName@deineAdresse?subject=Nachricht%20von%20der%20Webseite"  method="post" enctype="text/plain" onsubmit="weiter()">


Der Script da zu:

code: 
1:
2:
3:
4:
5:
6:

<script type="text/javascript">
function weiter () {
  var Ziel = "danke.html";
  window.location.href = Ziel;
}
</script>
Last
äh....is klarxD

ich versteh davon nichts Zunge raus

kannste das mal in das nachfolgende script einbauen? das wär nettsmile

code: 
1:
2:
3:
4:
5:
6:
7:

<TR>
		<TD ROWSPAN=2>
			<IMG SRC="Bilder/contact_21.jpg" WIDTH=8 HEIGHT=320 ALT=""></TD>
		<TD COLSPAN=8>
			<IMG SRC="Bilder/contact-formular.jpg" WIDTH=416 HEIGHT=301 ALT="">
</TD>
Schweinebacke
dann so:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

<TR>
    <TD ROWSPAN=2>
    <IMG SRC="Bilder/contact_21.jpg" WIDTH=8 HEIGHT=320 ALT=""></TD>
    <TD COLSPAN=8 style="background-image:url(Bilder/contact-formular.jpg); background-repeat:no-repeat;">
    <!-- Formular Anfang -->
        <script type="text/javascript">
                function weiter () {
                var Ziel = "danke.html";
                window.location.href = Ziel;
                }
        </script>
         <form action="mailto:deinName@deineAdresse?subject=Nachricht%20von%20der%20Webseite"  method="post" enctype="text/plain" onsubmit="weiter()">
	   <input size="24" maxlength="200" name="kontakt_adresse" style="background-color:#FFFFFF;" class="kontakt_adresse" type="text" value="Ihre E-Mail Adresse" ><br>
	   <input size="55" maxlength="1000" name="kontakt_name" style="background-color:#FFFFFF;" class="kontakt_name" type="text" value="Ihr Name"><br>
           <input size="55" maxlength="1000" name="kontakt_betreff" class="kontakt_betreff" style="background-color:#FFFFFF;" type="text" value="Betreff"><br>
           <textarea name="kontakt_nachicht" rows="5" cols="50" style="background-color:#FFFFFF;" class="kontakt_nachicht">ihre Nachicht</textarea><br>
           <input value="Abschicken" type="submit"></form><!-- Formular Ende --></TD>


die div sind überflüssig, da das Formular in der Tabelle sitzt.
Last
wow danke, nur noch ne danke.html datei machen^^

so...er führt jetz auf die startseite, kannste mir dafür den code geben, das er nach 3 sec oder so, zur index.html geht?

und wo muss ich oberen code meine email angeben? damit er mir das zuschickt?
Schweinebacke
Die einfachste Art der Weiterleitung ist das:

<meta http-equiv="refresh" content="3; URL=http://www.deineAdresse.de/">

die 3 steht für 3 Sec.

in der URL kann auch nur =index.html stehen, wenn die danke.html im glechen Ordner wie die index.htnl liegt.

Die danke.html

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:

<html>
<head>
<meta http-equiv="refresh" content="3; URL=http://www.deineAdresse.de/">
<title>Danke E-Mail</title>
</head>
<body>
<h3 align="center">Danke für Ihre Nachricht.</h3>
</body>
</html>


Die E-Mailadresse ist das hier:

action="mailto:deinName@deineAdresse die dann so aussieht action="mailto:last@last-online.de oder so Freude
Last
ähm..also das mit dem danke funzt wunderbar, jetzt habe ich beim kontaktformular nur das prob, das ich, wenn ich was schicke, öffnet sich outlook, zeigt mir die nachricht an, und an wen sie gehen sollte...

so aber in meinem richtigen postfach kommt nichts an....

wenn jemand anders eine schickt, passiert gar nichts geschockt

edit außerdem sind die slices nich mehr an ihrem richtigen ort verwirrt
Schweinebacke
Um das nachvollziehen zu können musst du mir den Link zu Seite geben.
Last
mein fehler...xD

http://saki-world.de/contact.html


und ja, die seite ist noch im aufbau! das is erstmal nur son provisorisches ding! nur damit hier gleich keiner lästert Irre
nächste Seite
Forensoftware: Burning Board, entwickelt von WoltLab GmbH