Discussion :

[BILANGA]

Bonjour à tous,

J'ai réalisé une fenêtre flottante, elle fonctionne parfaitement bien. Grâce à cette fenêtre, je peux modifier ou créer des nouvelles données. Je l'ai réalisé ainsi:

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
$(document).ready(function() {			
		var myTitle;
		$('#nv').click(function(event) { 
			$('#creer').load('test1?action=create');	
			$('#creer').dialog({
				modal: true,
				height: 550, 
				width: 1250,
				autoOpen: false,
				title: myTitle,
				show: "blind",
				hide: "explode"
			});
			$('#creer').dialog('open');		
			event.stopPropagation();
			event.preventDefault();
		});
	});

Mais lors de la création de nouvelles données, je ne voudrais pas qu'elle se ferme après avoir cliquer sur le boutton enregistrer. Ainsi elle me permettra de faire d'autre enregistrement sans toutefois l'appeler de nouveau.

Merci de votre aide et bonne journée.

[NoSmoking]

Bonjour,

je peux modifier ou créer des nouvelles données.

si tes données sont transmises grâce à un formulaire la page est rechargée, dans ce cas il te faut utiliser la technique Ajax.

[danielhagnoul]

AJAX est asynchrone, il faut donc travailler dans la fonction de rappel (callback) de "load".

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
$( function(){ // forme abrégée de $(document).ready( function( ){
 
  var myTitle; // initialisation ?
 
  $( '#nv' ).on( "click", function( event ){
    event.stopPropagation();
    event.preventDefault();
 
    $( '#creer' ).load( 'test1?action=create', function(){
 
      $( this ).dialog({
        "modal" : true,
        "height" : 550, 
        "width" : 1250,
        "autoOpen" : true,
        "title" : myTitle,
        "show" : "blind",
        "hide" : "explode"
      });
 
    });
 
  });
 
});

[BILANGA]

Bonjour à tous,

Grâce à ce code, je peux envoyer mes données pour enregistrement dans la base de données.

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
$(document).ready(function(){
		$("relance").submit(function(e){
			 e.preventDefault();
		});
		$("#enregistrer").click(function(e){
            dataString = $("#relance").serialize();   
            var st_pret = $('#val1').val();
            dataString ='st_pret='+st_pret;            
            $.ajax({
                type: "POST",
                url: "valide_data?action=create",
                data: dataString,
            	success : function(e){
            		if(data.success){
            			alert("ok");
            		} else {
            			alert("pas ok");
            		}
            	}    
            });
            e.preventDefault();
		});
		return false;
	});

Grâce à ma servlet valide_data, les données sont enregistrées sans problème et ma fenêtre flottante se ferme. Je vous signale dans ma servlet j'ai cette commande

Code :

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

this.getServletContext().getRequestDispatcher(VUE).forward(req, resp);

pour afficher la page parent de la fenêtre flottante. Après avoir supprimé cette ligne, les données sont enregistrées mais au lieu que la fenêtre flottante reste, j'ai plutôt une page blanche.

Mais lorsque la servlet de validation à générer une erreur à cause des violation de contrainte de la base de données, la fenêtre flottante ne se ferme pas. tant je ne l'ai pas fait volontairement.

Merci de votre aide.