Discussion :

[JOHAAANNS]

Bonjour à tous,

J'explique d'abord la structure de mon site avant d'expliquer mon probleme.

j'ai un ficher header.inc.php dans un dossier 'include' ou je déclare mes css, et mes js, jquery, etc...

Ensuite un fichier index.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div id="container">
	<?php
        include ('include/header.inc.php');
    ?>
 
   <div id="Weather">
        <?php include ('include/weather.inc.php'); ?>
    </div>
 
    <div id="menuG">
        <?php include ('include/menuG.inc.php'); ?>
    </div>
 
    <div id="container_maps">
        <?php include ('include/maps.inc.php'); ?>
    </div>
 
    <div id="menuD">
        <?php include ('include/menuD.inc.php'); ?>
    </div>
 
	<?php
        include ('include/footer.inc.php');
    ?>
</div>

Quand je clique sur un lien contenu dans mon fichier 'include/maps.inc.php'; grace a la fonction click(), j'ai un formulaire qui se charge dans le div 'menuD'

'include/ajout.element.php'

Quand je valide mon formulaire, il va directement vers la page de requête pour faire l'insertion, comme une page classique PHP...!!

Je suis obligé de remettre tout le code deja situé dans mon header, pour que cela fonction et valide en ajax !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript" src="js/jquery.countdown-fr.js"></script>
<script type="text/javascript" src="js/ui.spinner.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script> 
<script type="text/javascript" src="js/js.js"></script>

Pourtant mon formulaire ce charge bien dans la totalité de ma page ou toutes mes librairies sont déja chargées...

Tout le reste fonctionne sauf ce formulaire.

Pourquoi dois je tout redéclarer dans cette pas qui s’insère dans la totalité de mon site ??

Merci de vos réponses.

[JOHAAANNS]

En parcourant le forum, j'ai trouvé quelque chose qui est en lien avec mon problème...

je ne suis pas toujours très explicite dans mes demandes, mais voici le soucis, je reprends un message posté à cette adresse :

http://www.developpez.net/forums/d12...-anormalement/

un grand calssique, les éléments chargés dynamiquement ne bénéficient pas des affectations du ready poru la simple raison qu'au moment de l'interprétation du ready il n'existent pas sur la page.
Il faut passer par live() ou delegate() poru attribuer les évènements.

Voila en gros j'ai un élément chargé dans un div..c'est un formulaire qui doit etre envoyé (submit) en jquery, malheureusement le submit en jquery ne fonctionne pas puisque le ready n'existe pas...

je pense etre plus clair...

Voici mon code Jquery qui envoi mon formulaire, qui est d'abord chargé par ce code ci :


click(...load('include/UrlVersMonFormulaire.php')

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function LinkClickMaps(div_load,carre_map_id,joueur_id)
				{
					var carre_id = $(div_load).attr('valeur');
						$(div_load).click(function() {
 
							$("#menuD").load('include/ajout.element.inc.php?ajout_case_id='+carre_id);
 
							var x = 1;
 
							for (x;x<196;x++)
							{
								if (x != carre_map_id)
								{
									$('#cursor_'+x).html('');
								}
								else if (x == carre_map_id)	
								{
 
									$('#cursor_'+carre_map_id).html('<div id="carre_maps_curseur"></div>');
 
								}
							}
 
						/*	alert($('#cursor_'+carre_map_id).val());*/
						});
					};

Pour submit mon Formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$('form.AjoutElement').submit( function(e) {
	 e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
	 var datas = $(this).serialize();
	 $.ajax({
		  type: 'POST',      // envoi des données en POST
		  url: "requete/req.element.php", /*$(this).attr('action'), */    // envoi au fichier défini dans l'attribut action
		  data: datas,     // sélection des champs à envoyer
		  success: function(response) {
			  if (response =='ok')
			  {     // callback en cas de succès
 
				$('#OpenCptRebours').load('include/compte_rebours.inc.php');				
				$("#ConstructionEnCours").animate({ width: "220" }, 1000 );			
				$(this).attr('valeur',"ouvert");	
 
 
					/*location.reload();*/
					// on désactive l'affichage du formulaire et on affiche un message de bienvenue à la place
				}
				else // si la connexion en php n'a pas fonctionnée
				{
					alert('Erreur');
					/*
 
						$('#erreur').css("visibility", "visible");
						$("#erreur").html("Erreur lors de la connexion,<br>veuillez v&eacute;rifier votre login et votre mot de passe.");
						*/
				}
		  }
	 });
});

Merci !!!