Kontaktformular, wie einbinden ?

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
karl23
Forengänger
Forengänger
Beiträge: 44
Registriert: Sa 12. Nov 2016, 20:24
Mein Vorname: Karl
Wohnort: Steiermark (A)
Kontaktdaten:

Kontaktformular, wie einbinden ?

Beitrag von karl23 »

Hallo !
ich bastle gerade an meiner neuen HP, sie ist reponsive und ich will sie bei nPage einstellen, da meine bis jetzt dort eingestellt HP nicht so wirklich gut anzusehen ist .
Bis jetzt bin ich auch schon recht weit gekommen, also das Layout steht, die Verlinkungen zu den Unterseiten funken gut, nur bei dem Kontaktformular weiß ich nicht weiter.
Es ist mit bootstrap erstellt das ja in Dreamwaver integriert ist und nun weiß ich nicht wie ich beim absenden Button zu meiner E-Mailadresse komme.
Hat da wer ein Skript, welches ich einfügen könnte ?
Leider hab ich von Java Skript noch nicht so viel Ahnung - das muss ich erst lernen (HTML und CSS wahren auch schon schwierig genug) und das wird noch etwas dauern bis ich da ein wenig durchblicke.
Vielleicht erbarmt sich jemand und gibt mir Antwort, würde mich sehr freuen.
LG Karl
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von Jasko »

Ahh, da fragst du was.

Eigentlich ist das eine einfache Frage, aber bei nPage nicht so leicht zu realisieren. Im Grunde muss man die Namen des orginal Kontakt Formular clonen, sprich selbe Namen verwenden und versuchen den selben mail_server zu triggern.

Erlich gesagt habe ich das noch nie versucht, da nPage selbst da viel mit Javascript arbeitet und ich damit wenig am hut habe. Und auch wenn sie mit javascript arbeiten am Ende muss das ganze zu einem Mailserver geschickt werden, da habe ich mal nachgeschaut was so passiert wenn man so ein POST request, nennt sich das ganz, abschickt. Es werden einige header mitgeschickt die Codierte Inhalte haben, wen diese Inhalte immer die selben sind, ist das verschicken des ganzen in eigenbau einfach, aber ich denke mal das wird dynamisch erzeugt, also am Ende muss man das vorgefertigte Kontaktformular von nPage nutzen oder über einen Externen Mailserver das ganze verschicken, wie ich es auf meiner http://musawiz.npage.de Seite gemacht habe. Dazu braucht man aber auch einen externen Server der die Anfrage bearbeitet und bei mir ist es der Server wo ich mein eigenen Webspace habe, und die entsprechende Nachricht verarbeiten kann.

Puhh, loange rede Kurzer Sinn, die eigenkreation wirst wahrscheinlich am Ende nicht nutzen können.
Benutzeravatar
karl23
Forengänger
Forengänger
Beiträge: 44
Registriert: Sa 12. Nov 2016, 20:24
Mein Vorname: Karl
Wohnort: Steiermark (A)
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von karl23 »

Danke Jasko für deine schnelle Antwort.
Meine Mail Adresse liegt auf einen anderen Server, also nicht auf nPage.
Was ich brauchen würde, wäre wie ich nun bei klick auf das "Button senden", ich den Text welcher in dem Einfügen Feld eingetragen ist, zu meinen Mailserver komme(nicht bei nPage) und was ich da so eintragen muss - Pop3 usw.

Ich habe mal bei deinen Code geguckt, da sehe ich nur eine Verlinkung zu nPage - na ja, so gut kennen ich mich auch noch nicht aus.

Sollte ich mir eine neue E-Mailadresse bei nPage anlegen ? und deren fertiges Kontaktformular verwenden, wie kann ich das den wieder auf meiner HP einfügen - glaube html Code kopieren und in einen Div einfügen währe da zu wenig, brauche da auch die CSS Regekn und die Java Skript - weiß nicht ob ich das herauskriegen ?

Ich will nächste Woche meine HP bei nPage einstellen, wie geht denn nun das wieder ? geht das bei Design - eigenes Design und da meine ganzen Ordner mit der index.html einfügen ? leider gibt es ja kein FTP, da weiß ich nicht wie ich das da hinein bekommen soll ? bei meinen Home Webserver geht das gut, da habe ich keine Probleme.
LG Karl
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von Jasko »

So kompliziert ist es nicht. Du macht einfach eine neueTextseite bei npage, dort im HTML modus einfach dieses hier einfühgen [contact_form] abspeichern fertig. schon hast du das nPage Kontaktformular drin.

Jeder andere weg ist um ein vielfaches komplizierter. Ich sage nicht das es nicht geht, aber siehe selbst: https://www.sitepoint.com/sending-email ... cript-api/

MFG
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8331
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von moni »

Hallo Karl ..
du hast den Premium und Zugang zu allem Extras ,unten anderen auch Kontakfolmular ( naja der ist auch bei kostenlose Version ) aber das einfügen gilt für alle Extras gleich

Erstelle eine Text Seite und öffne die mit einen normalen Editor -->Extras einfügen --> Wählen --> Abspeichern--> fertig ...


hier Screenshot

http://abload.de/img/catsxtrrc.jpg
Viele Grüße ...Monika
Benutzeravatar
karl23
Forengänger
Forengänger
Beiträge: 44
Registriert: Sa 12. Nov 2016, 20:24
Mein Vorname: Karl
Wohnort: Steiermark (A)
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von karl23 »

Danke für die Antwort !
@Jasko, danke für den Link, der ist für gmail, da bin ich nicht angemeldet, habe einen anderen Provider, ob das auch so bei ihm geht weiß ich nicht, da muß ich mal anfragen.
@Moni, Danke für den Screenshot, hat mir sehr geholfen.

So wie ich das nun verstanden habe muss ich um um ein Kontaktformular bei nPage auf meine HP zu bringen dort eine neue html Seite erstellen, dort den Code von meiner index.html Seite einfügen, dann in body (contct-form) einfügen oder Kontaktformular - wahrscheinlich in einen eigenen Div oder Container, wohin dann verlinken ?
Auf einer lehren html Seite (contakt_form) oder Kontaktformular ein zufügen bringt nix, es kommt auch kein Code wenn ich das mache ? zumindest sehe ich nichts, auch auf der html Ansicht nicht.

Ich glaube ich werde das Kontaktformular wieder aus meiner HP entfernen, muss auch ohne gehen.
Danke für eure Mühe vorerst mal.

Um meine HP bei nPage einzustellen habe ich mir mal die Anleitung von Jasko auf seiner Seite kurz durchgelesen,- die Übrigens sehr gut ist ! die bezieht sich auf das Tablet vom Forum, ich habe aber mein eigenes, also index.html, CSS und JS Ordner, sowie mehrere Unterseiten und einige Ordner mit Bildern, geht das auch so wie es bei der Anleitung beschrieben ist ? gibt es da auch Videos ? wenn ja, bitte wo ?

Entschuldigt die viele Fragerei, aber ich stehe noch ganz am Anfang und der ist nicht leicht(zumindest für mich)

LG Karl
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von Jasko »

Es ist wichtig die Eckigen Klammern zu nutzen [] und nicht die normalen (), also so: [contact_form]
wie oben geschrieben, oder so wie moni sagt, einfühgen, geht auch.

Sollte genau so gehen wie in der beschreibung, egal ob du das Template selber machst, oder eins von unseren verwendest. Du musst nur wiessen was, was ist. Also was sind deine Bilder, was CSS, was js, und entsprechend dann deine Daten organisieren, die Schritte die man dann bei nPage machen muss sind die selben.

MFG

Leider habe ich kein gutes Video zum einbau eigener templates bei nPage, aber der Einbau geht fast identisch so wie der bei Web-Hostel und dazu habe ich ein Video: https://www.youtube.com/watch?v=FrPbWbmywdM&t=119s
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8331
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von moni »

ich habe aber mein eigenes, also index.html, CSS und JS Ordner, sowie mehrere Unterseiten und einige Ordner mit Bildern, geht das auch so wie es bei der Anleitung beschrieben ist ? gibt es da auch Videos ? wenn ja, bitte wo ?
Guten morgen Karl...
mein vorschlag wäre das du dir eine kostenlose Test HP dir zulegst wo du üben kannst ..so braucht dir kein Kopf machen das du dein jetzige seilte Kaputt machst ...
ein eigen Design auf npage zu erstellen macht man folgendes

alle JS css Bilder aus-her Index muss auf die HP Hochladen und dann geht es so los
1) http://abload.de/img/unbenannttiby4.jpg
2) http://abload.de/img/unbenanntg2r1f.jpg
3) http://abload.de/img/unbenannt01uqs.jpg
4) http://abload.de/img/unbenanntw6uk3.jpg und unten auf abspeichern
5 ) http://abload.de/img/unbenanntnsq23.jpg
6) http://abload.de/img/unbenanntdvjo8.jpg
7) http://abload.de/img/unbenannteza7z.jpg
8) http://abload.de/img/unbenanntoij10.jpg

Fertig ...hoffe habe nichts vergessen ---habe mit Absicht mit Bilder erklärt denke mir so kann man sich das besser merken ..
wichtig ist das du die CSS und JS richtig verlinkt ,bei npage gibt kein JS Ordner CSS Ordner ..alles ist als html

bei weiteren frage da einfach hier melden ..
Viele Grüße ...Monika
Benutzeravatar
karl23
Forengänger
Forengänger
Beiträge: 44
Registriert: Sa 12. Nov 2016, 20:24
Mein Vorname: Karl
Wohnort: Steiermark (A)
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von karl23 »

ja, Jasko, habe die runden Klammern genommen - bin ja so dumm ! daher ging es nicht, oh Mann bin ich blöd...
Moni, so werde ich es machen, eine Test HP ist eine sehr gute Idee, dann werde ich versuchen dort meine neue HP mal hin zu bringen und ich habe meine alte Domain auch noch zur Verfügung, was ich ja auch noch brauche.
Werde mal das mit deiner Anleitung probieren, falls ich sie dann bei nPage zum laufen bringen sollt - voraussichtlich nächste Woche, dann melde ich mich wieder - will dann eure Meinung wissen(ist mir sehr wichtig), aber zuerst Danke viel mal für die Mühe die ihr dir euch mit mir mach.
LG Karl
Benutzeravatar
karl23
Forengänger
Forengänger
Beiträge: 44
Registriert: Sa 12. Nov 2016, 20:24
Mein Vorname: Karl
Wohnort: Steiermark (A)
Kontaktdaten:

Re: Kontaktformular, wie einbinden ?

Beitrag von karl23 »

Hallo !
ich bin mit meiner HP nun so weit, aber wie Moni schreibt wichtig ist die CCS und JS richtig zu verlinken - wie ?
Habe eine Foto von meiner Ordnerstruktur angehängt

http://abload.de/img/screenshot-hp7120jxs6o.png

und es ist mir total unklar wie ich das so bei nPage unterbringen soll ? soll ich da alles, also index.html und die ganzen Unterseiten mit all den Bildordnern so´wie den CSS und JS alles in die die Erste Seite von nPage kopieren? wie dann weiter ?
Habe noch keinen kostenlose Seite bei nPage zum Probieren angelegt, das werde ich am Wochenende machen.

Liebe grüße von den Bergen
Karl
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste