jQuery: comment ouvrir une boîte de dialogue

-2

J'ai un bouton dans une page Web; mon attente est quand je clique sur le bouton, il invite une fenêtre de dialogue; dans la fenêtre de dialogue, il a un bouton oui/non; si je clique sur oui, cela ouvre une nouvelle page (gérée par php); si je clique non, je reste sur l'ancienne page. Comment puis je faire ça?jQuery: comment ouvrir une boîte de dialogue

<input type="button" name="terminate" value="terminate" id="terminate" title="Terminate" onclick="terminateIt();"/>

Source

2011-12-06 Gary

Regardez la boîte de dialogue jQuery - elle fait partie de la bibliothèque jQuery UI. –

Vous ne savez pas pourquoi il s'agit d'une question jQuery. On dirait que vous voulez faire apparaître une boîte de dialogue de confirmation en utilisant un gestionnaire d'événement onclick inline. Pure (même si pas particulièrement bon) JavaScript! –

Recherche dans google, comment créer une fenêtre de dialogue. Il y a tellement de réponses à votre question. –

Il existe d'innombrables façons de procéder.

Probablement le moyen le plus courant serait d'utiliser jQuery UI's Dialog.

Ils ont un exemple dans leur démo d'une boîte de dialogue avec deux boutons. Voici un snipped de cette démo:

HTML:

<div id="dialog-confirm" title="Empty the recycle bin?"> 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Your question goes here. Are you sure?</p> 
</div>

JS:

$("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
      Yes: function() { 
       window.open(....); 
       $(this).dialog("close"); 
      }, 
      No: function() { 
       $(this).dialog("close"); 
      } 
     } 
    });

Découvrez l'ensemble de la bibliothèque jQuery UI. Des tonnes de trucs géniaux qui permettent de faire des choses simples.

Source

2011-12-06 05:05:31 Steve

merci beaucoup! Je vais jeter un oeil à la boîte de dialogue jQuery UI! – Gary

@Gary - Vous êtes les bienvenus. BTW, on dirait que vous êtes nouveau sur Stack Overflow ... Si vous aimez mieux ma réponse, je serais très reconnaissant si vous cochez la petite case verte sous les boutons de vote haut/bas - qui marquera comme la réponse "Acceptée". Vous pourriez vouloir revenir en arrière et faire ceci pour vos autres 3 questions aussi bien. À votre santé!! – Steve

Je ne vois pas pourquoi il aurait besoin d'utiliser jQuery UI (qui nécessite également jQuery, attention à vous) pour faire quelque chose de si simple ... – Purag

function terminateIt(){ 
    var r = confirm("Go to new page?"); 
    if(r == true){ 
     // redirect stuff here 
    } else { 
     // non redirect stuff here 
    } 
}

Source

2011-12-06 05:06:59 Purag

c'est ce que je veux! génial! Je vous remercie! – Gary

@Gary - même commentaire pour la réponse de Purmou ... si vous l'aimez, acceptez-le! S'amuser! – Steve

jQuery: comment ouvrir une boîte de dialogue

Répondre

Questions connexes