Create an AJAX/jQuery/PHP Contact Form. This tutorial uses XHTML, CSS, jQuery and a little PHP to make a pop-up/modal contact form that validates whatever is entered into the form and then uses AJAX to send the form without refreshing the page. Sounds complicated…actually it’s very simple!! The code of this tutorial has been updated The HTML Markup The HTML layout of the contact form is very simple. The contact form requires two specific divs. All of the contact form, the alert boxes, the close link etc. go inside the #contact div. The #mask div must be empty. The modal window markup is based on this blog post from queness. <! Pages: 1 2 3 4 This entry was posted on Friday, April 30th, 2010 at 10:38 and is filed under Tutorials. Simon Patterson is a freelance web designer and developer based in South Wales, UK who loves to fuse beauty and function.
About the author Published by Simon Trackbacks We do love friendly, well-constructed and respective comments. Fancybox - Fancy jQuery lightbox alternative. Lightbox 2. jQuery lightbox for images, videos, YouTube, iframes, ajax | Stéphane Caron. Tutoriel Vidéo jQuery : Réaliser une Pop-in avec jQuery. Créer des pop-up intelligentes. Comment ouvrir une nouvelle fenêtre sans se priver des internautes qui ne disposent pas de JavaScript ou l’ont désactivé ? Les pop-up, un mal nécessaire ? Tout d'abord, faisons un point sur les pop-up, ces fenêtres qui s'ouvrent le plus souvent contre notre volonté.
Ce genre de pratique est à bannir dans le cas où l'on ouvre une fenêtre de taille normale, par exemple pour un lien vers un autre site. En effet, on casse la navigation de l'internaute qui ne peut plus utiliser le bouton de retour et on impose ses choix. C'est une excellente façon de faire fuir le visiteur ! Mais il existe des cas où une pop-up rend de nombreux services : afficher une légende, une aide, une photo, etc. Seulement pour ouvrir cette fenêtre, il faut passer par un langage de script qui n'est pas forcément supporté par le navigateur de l'internaute, donc se priver de visiteurs. Autant les faire proprement Nous allons voir comment faire en sorte de n'oublier personne tout en conservant les pop-up dans notre arsenal.