popup de confirmation avec un history back [Résolu]

speedylol · 20/12/2011, 19h41

Bonjour voilà j'essaie de mettre en place un history back sur un popup jquery cela ne donne rien , seriez vous m’éclairer svp?
et un settimout merci

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
			switch (type) {
			    case 'info':
			    case 'warning':
			    case 'success':
				case 'error':
					$("#popup_message").after('<div id="popup_panel"><input type="button" value="' + $.alerts.okButton + '" id="popup_ok" /></div>');
					$("#popup_ok").click( function() {
						$.alerts._hide();
						callback(true); 
					});
					$("#popup_ok").focus().keypress( function(e) {
						if( e.keyCode == 13 || e.keyCode == 27 ) $("#popup_ok").trigger('click');
						 $("#popup_ok").click(function(e){ 
                                                   history.back(); 
		                                   return false;
                            });
					});
				break;

speedylol · 20/12/2011, 19h47

j'ai trouver cela pour le settimout la mise en place je but

Code :

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

1
2
3
4
function autosave_disable_buttons() {
	jQuery(".submitbox :button:enabled, .submitbox :submit:enabled").attr('disabled', 'disabled');
	setTimeout(autosave_enable_buttons, 5000); // Re-enable 5 sec later.  Just gives autosave a head start to avoid collisions.
}

danielhagnoul · 21/12/2011, 16h50

Bonjour

Je ne comprends pas bien la finalité du code et même la question. Toutefois, pour le bouton "popup_ok" :

Il ne faut jamais inclure un gestionnaire d'événement dans une fonction qui sera appelée plus d'une fois, car vous créez autant de fois le gestionnaire que vous appelez la fonction.

Pour interagir avec du code HTML créé dans la page web, on doit utiliser on("event", "selecteur parent", function(){ ... }) (delegate avant jQuery 1.7).

Pour un cas plus complexe, il faut incorporer les gestionnaires d'événement lors de la création du nouveau fragment du DOM.

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
var jObjBtnPopupOK = $("<input/>", {
	"id": "popup_ok",
	"type": "button",
	"value": $.alerts.okButton,
	"click": function(e){
		// debug
		console.log( e.originalEvent, new Date( e.timeStamp ).toLocaleString() );
 
		// $.alerts._hide();
		// callback(true);
 
		return false;
	},
	"keypress": function(e){
		if ( e.keyCode == 13 || e.keyCode == 27 ){
 
			// history.back();
 
			$(this).click();
		}
	}
});
 
var jObjDivPopupPanel = $("<div/>", {
	"id": "popup_panel"
}).append(jObjBtnPopupOK).insertAfter("#popup_message");
 
jObjBtnPopupOK.focus();

speedylol · 22/12/2011, 18h20

je suis pas un as en jquery mais erreur je les traite comme cela pour le moment

Code :

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

1
2
3
4
5
6
7
8
9
10
if(empty($pass1))
	{
		echo'<script type="text/javascript">
         $("#alert1").ready(function(){
         jAlert("error", "votre password n&acute;est pas correct Merci.", "Message Erreur password");
            });
        </script>';
		include("cssstyle/bas.php");	
	return FALSE;
	}

je devrais faire quel modif svp

speedylol · 04/01/2012, 00h29

j'ai trouvé déjà une partie history back qui retourne au lien de départ il me reste la même chose avec un bouton ok puis retour au lien

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
<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
  <script>
  $(document).ready(function() {
    $("#dialog").dialog();
    });
 	setTimeout( function() { 
	window.location.href = 'http://127.0.0.1/hesbaye/';
	}, 1500 ); 
  </script>
</head>
<body style="font-size:62.5%;">
 
<div id="dialog" title="Dialog Title">I'm in a dialog</div>
 
</body>
</html>

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email