2010-09-20 6 views
1

J'ai un bouton quelque chose comme ça que dois-je faire?comment afficher le message contextuel sur le bouton Quitter

<input type="button" value="Exit" onclick="JavaScript:window.location.href='../index'"/> 

Sur la sortie, je vais Autre vue ..

click sur la sortie que je dois afficher la fenêtre pop-up Voulez-vous dire que vous voulez sortir? avec les boutons OK et Annuler

quelqu'un me dit de faire cela?

grâce

Répondre

1

JavaScript:

<input type="button" value="Exit" onclick="confirmBox()" /> 

function confirmBox(){ 
    if (confirm('Are you sure you want to Exit?')){ 
    window.location.href = '../index' 
    } 
} 

jQuery:

<input type="button" value="Exit" id="exit" /> 

$('#exit').click(function(){ 
    if (confirm('Are you sure you want to Exit?')){ 
    window.location.href = '../index' 
    } 
}); 
+0

Merci Si j'ai quelque chose comme ça, que dois-je faire ..? – kumar

+0

@kumar: J'ai mis à jour le code pour ça :) – Sarfraz

+0

Oui Sarfraz je l'ai eu. merci – kumar

2

Pour une entrée:

<input type="submit" id="exitApplication" value="Exit"/> 

En utilisant jquery, vous pouvez:

$("#exitApplication").click(function(){ 
    var answer = confirm("Are you sure you want to exit?") 
    if(!answer){ 
     //false when they click cancel 
     return false; 
    } 
}); 
+0

Je suis confus pourquoi vous avez choisi l'id comme 'delete'. –

+0

Un identifiant est juste un identifiant unique pour un élément html. Vous pouvez appeler l'id que vous voulez qui est valide dans la spécification html. Je l'ai changé en exitApplication, mais cela ne fait aucune différence. J'ai eu ce code à portée de main d'une application sur laquelle je travaille donc je l'ai collé et supprimer était l'ID que j'utilisais mais vous êtes invités à le changer. Juste si vous changez l'id à quelque chose d'autre assurez-vous de changer le sélecteur de jquery aussi bien pour refléter comme je l'ai fait dans mon exemple. – Chris

1

Si vous avez cette ...

<input type="button" value="Exit" onclick="JavaScript:window.location.href='../index'"/> 

... il y a des façons un couple pour y parvenir.

Les deux Chris & Les solutions Sarfraz fonctionnent. Vous pouvez également ajouter une boîte de dialogue de confirmation (...) dans l'événement onbeforeunload de la page.

<html> 
<body> 
Click this button to go to Google's homepage. 
<input type="button" value="Exit" onclick="window.location.href='http://www.google.com'"> 
<script type="text/javascript"> 
window.onbeforeunload = function() { 
    return "Are you sure?"; 
} 
</script> 
</body></html> 

Cela garantira que, non seulement lorsque l'utilisateur clique sur le bouton Quitter, mais aussi quand il/elle tente de naviguer loin de la page (par exemple, en cliquant sur le bouton « Retour » dans le navigateur.) L'événement onbeforeunload sera déclenché et l'utilisateur sera invité à s'assurer qu'il/elle veut vraiment quitter la page.

Confirmer (...) renvoie vrai si l'utilisateur dit "Oui, je veux quitter la page".

+0

Juste en gardant ce code de corps travaillera pour n'importe quel bouton? dans la vue? ou seulement pour naviguer? s'il vous plaît pouvez-vous me fournir le code Comeplete Ken merci je suis confus .. – kumar

+0

Mon erreur. C'est la charge de travail de la fenêtre, pas la charge de travail du corps. J'ai modifié mon post pour le refléter. (Commentaire ne me laissera pas poster du code bien.) – DashK

Questions connexes