SimpleModal : plugin Jquery très efficace

admin

SimpleModal est un petit plugin jQuery qui offre une interface simple et efficace pour créer un dialogue modal.

Le but de SimpleModal est de fournir aux développeurs une base de fenêtre modale qui affichera le contenu  fourni : un texte, un formulaire…

SimpleModal a été développé par Eric Martin, on peut retrouver sur son site :

- démo

- tests/exemples

- download

- support

Utilisation :

fonction jquery : data.modal({options});

exemples :

$(’<div>my data</div>’).modal({options});

$(’#myDiv’).modal({options});

jQueryObject.modal({options});

object jquery : $.modal(data, {options});

exemples :

$.modal(’<div>my data</div>’, {options});

$.modal(’my data’, {options});

$.modal($(’#myDiv’), {options});


style CSS :

data.modal({
overlayCss: {
backgroundColor: ‘#000′,
cursor: ‘wait’
},
containerCss: {
height: 400,
width: 600,
backgroundColor: ‘#fff’,
border: ‘3px solid #ccc’
}

#simplemodal-overlay {
background-color:#000;
cursor:wait;
}

#simplemodal-container {
height:400px;
width:600px;
background-color:#fff;
border:3px solid #ccc;
}

#simplemodal-container a.modalCloseImg {
background:url(../img/x.png) no-repeat;
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-14px;
right:-18px;
cursor:pointer;
}
});
$.modal(jQueryObject, {options});
$.modal(document.getElementById(’myDiv’), {options});


2 commentaires


  1. Marine_Tools dit :

    besoin de verifier:)



  2. Send dit :

    Hello. qqn saurais comment rendre un menu transparent? merci


Laisser un commentaire