Jquery Confirmation des échantillons

Je voudrais avoir plus d'échantillons concernant le jquery boîte de confirmation.

J'ai appris comment faire pour afficher la boîte de dialogue de confirmation de la boîte à travers l'exemple ci-dessous:

http://www.webstuffshare.com/2010/03/jquery-plugin-jconfirmaction/

Mais, j'ai besoin de plus coloré et attractif échantillons, pouvez-vous s'il vous plaît aider?

InformationsquelleAutor maas | 2010-08-01
  1. 2
       $(document).ready(function () {

        $("#btnSend").click(function (e) {
            var result = window.confirm('Are you sure?');
            if (result == false) {
                e.preventDefault();
            };
        });
    });
    InformationsquelleAutor Shaoden
  2. 2

    visitez les sites web suivants. vous trouverez donc de nombreuses boîte de confirmation développé par le plugin jquery library.

    http://craftpip.github.io/jquery-confirm/

    InformationsquelleAutor mnu-nasir
  3. 0

    Je vous suggère de prendre un coup d'oeil à jQuery UI widget de dialogue. jQuery UI jQuery officiel de la bibliothèque d'interface utilisateur. Vous êtes sûr d'éviter Le Mur de salle de Bains de Code 🙂

    Aussi; la documentation et de la communauté autour de cette bibliothèque est énorme. Donc, si vous êtes à êtes coincé, vous êtes sûr d'obtenir de l'aide.

    • Bonjour ami, j'ai besoin de plus d'exemples clairs, je vais avoir un lien de suppression dans la table et voulez afficher la boîte de dialogue de confirmation
    • de cette façon? webstuffshare.com/demo/AskUserAction
    InformationsquelleAutor cllpse
  4. 0

    Essayez cet exemple...

    Dans votre page d'affichage où le bouton supprimer est présent, tapez ce code..

    <div id="dialog-confirm" title="Remove this?">
    <p align="justify"> 
         <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
         This will be permanently deleted in our system and cannot be recovered. Do you want to continue?
    </p>
</div>

    Exemple de déclencheur de bouton supprimer (mettez ceci dans votre fichier js):

    $("#deletebutton").click(function() {
    $('#dialog-confirm').dialog('open');
}

//jquery-ui confirm dialog box
$("#dialog-confirm").dialog({
   autoOpen: false,
   resizable: false,
   modal: true,
   buttons: {
        'Remove': function() { //remove what you want to remove
               //do something here
         },
         Cancel: function() {
               $(this).dialog('close');
         }
   }
});

    Remarque: N'oubliez pas d'inclure script jquery et jquery-ui plugin script dans votre fichier d'en-tête. Cela ne fonctionnera pas sans ce fichiers.

    Vous pouvez télécharger le jquery-ui plugin ici.

    Si vous avez d'autres questions, il suffit de poster des commentaires. 😀

    InformationsquelleAutor Manie
  5. 0

    Vous pouvez consulter jAlerts et de démonstration ici

    Je l'ai utilisé pendant un temps assez long et heureux avec elle. Vous pouvez personnaliser la façon dont vous le souhaitez et les œuvres de la croix-navigateur.

    InformationsquelleAutor Nilesh Thakkar
  6. 0

    Jquery boîtes de dialogue de confirmation ne doit pas être difficile de le faire,
    j'ai fait une confirmation plugin moi-même, jquery-confirmer qui prend en charge des fonctionnalités modernes.

    Tout d'abord, vous devez penser à comment initialiser votre confirmer.

    directement pluginname({title: 'amazing'});

    ou la liaison à un élément $('.e').pluginname({title:'amazing'})

    Alors u ajouter les plugins de contenu HTML.
    Vous pouvez fournir la possibilité à l'utilisateur et de lui $('body')

    D'ouverture et de fermeture de votre confirment aussi l'importance,
    peut être fait par

    JS ou CSS.
    par exemple, votre balisage html est


    <div class="myplugin-container">The confirmation content goes here</div>

    Vous définissez une règle CSS 

    .myplugin-container{
   visibility: hidden;
   transition: all .4s; //transition last for .4s.
   transform: scale(0); //by default the modal is scaled to 0.
}
.myplugin-container.show{
   visibility: visible;
   transform: scale(1);
}

    Le moment où vous chargez votre confirmation du plugin html dans les DOM, il sera caché à cause des règles ci-dessus.
    et dans vous code JS vous ajoutez une classe à votre .myplugin-container


    $('.myplugin-container').addClass('show')

    À ce moment, la boîte de dialogue de confirmation aura une animation d'ouverture.
    qui va de la plus Petite à la normale.

    InformationsquelleAutor Boniface Pereira