11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je vais essayer d'être clair Smiley smile

Je suis en train de créer un mini site organisé de la façon suivante:
- un index.php qui contient la structure du site 'header / footer et container (qui va recevoir les "pseudos-pages")
- Une classe "controller" qui appelle le contenu des pseudos-pages pages ( load() de "pages" PHP).

exemple (en gros...j'ai simplifié):

chargerVue($pg){
if($pg=='hp'){
		echo '<script>
					$(function(){
						$("#container").load("pages/accueil.php");
					});
		</script>';
}else if ....


Jusque là, tout va bien. la navigation fonctionne très bien et je peux ajouter un joli gif de loading pendant le chargement de mes pseudos-pages (et je conserve les éléments fixes comme le header)

L'une de ces "pseudos-pages" contient un formulaire géré avec jquery:
jQuery(document).ready(function($){	
	$("#formInscription").submit( function(e) {		
		// mes instructions
	});	
});}


Mon problème: lorsque je valide le formulaire, tout le contenu de ma div container se rafraîchit (Ma fonction chargerVue s’exécute donc). Je ne comprend pas pourquoi?

merci Smiley smile
Modifié par Guihom (24 May 2016 - 17:21)
J'ai trouvé la solution !
La fonction de validation de fomulaire doit se trouver dans ma pseudo-page (et non dans un fichier JS externe)