Discussion :

[microJaP]

Bonjour,
je cherche comment régler l'opacité d'une boite de Dialogue.

En utilisant firebug sous firefox, on peut voir les réglages de la boite, ceci sont en tête :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
element.style {
    display: block;
    height: auto;
    left: 560px;
    opacity: 1;
    outline: 0 none;
    position: absolute;
    top: 123px;
    width: 550px;
    z-index: 1001;
}

Je n'arrive pas à trouver quelle est l'option qui permet de régler l'opacité de la boite de dialogue.
Si on passe rend ce réglage inerte avec firefug, un réglage à l'aide d'une classe (ou tout autre) devient opérationnel.

Dans l'espoir d'un réponse, je vous remercie par avance .

[SpaceFrog]

De quelle boite de dialogue parles tu ?

[microJaP]

De quelle boite de dialogue parles tu ?

J'avais utilisé le préfixe "UI" en créant le message, je pensais que cela servait à quelque chose ??

J'utilise jQuery-UI-Dialog, sans doute le plus simplement du monde. voici un extrait de code, au cas ou :

Code :

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

1
2
3
4
5
6
7
8
    // la Boite de Dialogue
    $("#CHJQDIALO5").dialog({
        autoOpen : false,
        show : "pulsate",
        hide : "drop",
        resizable : false,
        buttons : {"Fermer" : function(){$("#CHJQDIALO5").dialog("close");}}
    }).dialog("open");

Par contre, si je dois transmettre plus de détails pour la compréhension, il faudra me préciser lesquels, parque je ne vois ce que je dois transmettre de plus !

[danielhagnoul]

Bonsoir

Pour les effets, je ne connais pas d'autres options que show et hide et rien ne semble être prévu pour l'opacité.

Si l'on donne un nombre à show (exemple 1500, soit 1,5 secondes), le dialogue fait un fadeIn, mais l'opacité finale est 1.

On peut agir sur la classe "ui-dialog" par une règle CSS ou avec jQuery.

.ui-dialog { opacity: 0.4; }.

$( ".ui-dialog" ).css( "opacity", 0.8 );.

[SpaceFrog]

UI Certes ...
Une fois dans le post il n'est plus fait mention d'UI et comme je visualise des centaines de poste par jour... bref !
Il est possible de customiser directement dans le open comme suit

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 $("#CHJQDIALO5").dialog({
        autoOpen : false,
        open: function(event, ui) {
                $(this).parent().css('opacity', 0.6); },
        show : "pulsate",
        hide : "drop",
        resizable : false,
        buttons : {"Fermer" : function(){$("#CHJQDIALO5").dialog("close");}}
    }).dialog("open");

Des fois je me demande pourquoi j'apporte des réponses quand on me prend ouvertement pour un c... ???

[microJaP]

Merci pour la réponse, j’essayerai cela plus tard, il est tard pour moi.

Désolé pour l'expression du poste, mais la pensée est souvent la même de l'autre coté de la barrière