kostenloser Webspace werbefrei: lima-city

HTML/CSS: Div nur anzeigen, wenn mit bestimmtem # aufgerufen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   s*****d

   19:58, 22.7.2013

   Hallo liebe Lima-Cityaner!
   Ich bastle gerade an meiner Homepage und habe folgendes Problem:
   Nach dem Absenden eines Kontaktformulars soll der Benutzer wieder auf die Seite kommen, auf der das Formular war.
   Meine Idee war hierzu, den Benutzer auf die Formularseite mit einem #-Link weiterzuleiten und der Div, in dem die Nachricht steht, dass das Formular erfolgreich gesendet wurde.
   Erklärung:
   
   Link zur Seite:
   

   kontakt.html#gesendet

   
   
   Die Nachricht:
   

   <div id="gesendet">Die Nachricht wurde erfolgreich versandt!

   
   
   Von diesen Links soll es mehrere geben und damit auch mehrere Divs.
   
   Ich hoffe, ihr könnt mir helfen. Wenn mein Vorhaben allerdings nicht mit dieser Methode umzusetzen ist, geht es sicher mit JavaScript. Da ich mich damit aber nicht so gut auskenne, würde ich mich über Hilfe beim Schreiben des Skripts sehr freuen.
   
   Schon einmal Danke im voraus!
   
   MfG. Simon

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. n0tiert

   

   n0tiert hat kostenlosen Webspace.

   20:09, 22.7.2013

   dafür nimmste am besten jQuery $.ajax()
   
   ein tutorial findest du hier
   
   http://webventil.de/2009/04/26/ajaxifizierte-formulare-mit-jquery/
4. Autor dieses Themas

   s*****d

   20:12, 22.7.2013

   Danke für die schnelle Antwort!
   Das Tutorial finde ich ganz gut, aber wäre die Nutzung von AJAX auch ohne jQuery möglich?
   
   Bisher verarbeite ich mein Formular sehr komfortabel mit php, was auch sehr gut klappt.
   Das würde ich gern immer noch so machen und dann mit einem #-Link zurückleiten und den Text anzeigen lassen.
   Ich hatte gedacht, dass der Div z. B. wie ein Spoiler funktioniert (habe ich schon programmiert), bloß dass der Text nicht angezeigt wird, wenn ein Button geklickt wird, sondern wenn die Seite über so einen Link aufgerufen wird:
   

   kontakt.html#gesendet

   
   oder
   

   kontakt.html?id=gesendet

   
   
   MfG. Simon
   
   Beitrag zuletzt geändert: 22.7.2013 20:31:26 von simon-d

5. n0tiert

   

   n0tiert hat kostenlosen Webspace.

   20:31, 22.7.2013

   simon-d schrieb:
   Danke für die schnelle Antwort!
   Das Tutorial finde ich ganz gut, aber wäre die Nutzung von AJAX auch ohne jQuery möglich?
   
   Bisher verarbeite ich mein Formular sehr komfortabel mit php, was auch sehr gut klappt.
   Das würde ich gern immer noch so machen und dann mit einem #-Link zurückleiten und den Text anzeigen lassen.
   
   MfG. Simon

   
   
   php ist eine server seitige sprache:
   
   das was du da vorhast ist ein stupider anker (html)
   wie soll das funktionieren ?ohne die gesammte seite neu zu requesten ?
   deswegen mit ajax, und leitest den response in den div
   
   
   

   $.ajax({
   			type:'POST',
   			cache: false,
   			url: page,
   			data: { update: name },
   			dataType: "html",
   			success: function (data){
   				$('#content').html(data);
                                   // der result aus deinem script wird im div "content" ausgegeben
                                  // z.b error oder success 
                                 // in deinem script musste das halt abfangen und ausgeben
   			}
   });

   
   
   
   
   
   
   Beitrag zuletzt geändert: 22.7.2013 20:35:40 von n0tiert
6. Autor dieses Themas

   s*****d

   20:32, 22.7.2013

   Ich will ja nur die Formularverarbeitung mit PHP gestalten.
   Ich habe aber nicht das PHP sofort auf der Formularseite drin.
   Das PHP eine Serverseitige Programmiersprache ist, ist mir sehr wohl klar.
   
   Aber eine Andere Möglichkeit wäre doch auch, den Text in einer Variable zu übergeben (mit JavaScript) und den Text anzeigen zu lassen. Ich weiß bloß nicht, wie das geht.
   
   MfG. Simon
   
   Beitrag zuletzt geändert: 22.7.2013 20:39:39 von simon-d

7. n0tiert

   

   n0tiert hat kostenlosen Webspace.

   20:40, 22.7.2013

   simon-d schrieb:
   Ich will ja nur die Formularverarbeitung mit PHP gestalten.
   Ich habe aber nicht das PHP sofort auf der Formularseite drin.
   Das PHP eine Serverseitige Programmiersprache ist, ist mir sehr wohl klar.
   
   MfG. Simon

   
   
   muss ja auch nicht , wenn du in deinem html form Submit() abfeuerst , sprichst du ja ein php script an ,
   was soll dann zurück kommen ? ausser der output des phpscripts ? (blanke seite mit erhalten ) ausser du includest den php part in dein formular script.
   
   ergo nimmste ajax feuerst das submit() ab und der output leiteste um in den bestehenden div in deinem formular
   kannst das ja noch ausfaden und nach time X wieder einfaden selbe mit dem response div
   
   Beitrag zuletzt geändert: 22.7.2013 20:41:12 von n0tiert
8. Autor dieses Themas

   s*****d

   20:45, 22.7.2013

   Ich glaube da komme ich nicht ganz mit...
   
   Brauche ich dazu jetzt jQuery oder nicht??
   
   MfG. Simon
   
   Beitrag zuletzt geändert: 22.7.2013 20:49:20 von simon-d

9. n0tiert

   

   n0tiert hat kostenlosen Webspace.

   7:01, 23.7.2013

   jQuery wird benötigt,
   das muss in dein html eingebunden werden
   
   z.b als cdn variante :
   
   <script type=”text/javascript” src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   
   oder downloaden http://code.jquery.com/jquery-1.10.2.min.js und lokal speichern /upload (FTP):
   
   <script type=”text/javascript” src="jquery/1.10.2/jquery.min.js"></script>
   
   wobei ich die lokale variante bevorzuge.

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?