Discussion :

[da_sys]

Bonsoir à tous,

Avant de lancer un téléchargement, le site SourceForge.net propose de sélectionner un mirroir de téléchargement de manière très élégante :

Voir un exemple (il faut cliquer sur les petits carrés vert en bas à droite de fichiers en téléchargements)

Ou, voici une copie d'écran :


J'ai tenté de parcourir le code, malheureusement je n'arrive pas isoler cet effet.

Savez-vous s'il existe un tutorial ou un source pour réaliser et comprendre cet effet ?

D'avance un grand merci à vous !

dA

[Auteur]

bonjour,

personnellement, je ne vois pas de quoi tu parles Tu utilises quel navigateur ?

[da_sys]

personnellement, je ne vois pas de quoi tu parles Tu utilises quel navigateur ?

Tout d'abord, merci pour ton intérêt à ma ch'tite question.

L'effet "d'assombrissement avec invite" fonctionne sur Firefox 2, IE6 et Safari (les 3 navigateurs à ma dispo).

J'ai ajouté à mon message une copie d'écran afin que tu puisse voir l'effet en question.

dA

[grimsk]

une des façons de le faire .. c'est un div en position absolute qui fait
100%X100% avec une image semi transparente comme background-image

[SpaceFrog]

je pense grimsk que c'est même LA façon de faire ...

[Auteur]

regarde du côté des filtres.

Tu as également cet effet quand tu déconnectes du forum sous IE.
Regarde le code source la page et tu verras ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function log_out()
{
	ht = document.getElementsByTagName("html");
	ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
	if (confirm('Êtes-vous certain de vouloir vous déconnecter ?'))
	{
		return true;
	}
	else
	{
		ht[0].style.filter = "";
		return false;
	}
}

Quelques pistes :

• filter:alpha pour IE
• moz-opacity pour Firefox
• pour Safari et Netscape, je ne sais pas

[SpaceFrog]

je déconseille le filtre et je privilégierait le masque qui aura l'avantage de faire une sorte de modaldialog en empechant le click ailleurs ...

[da_sys]

Merci à tous pour vos éléments de réponse.

J'ai finalement trouvé mon bonheur ici :
http://sublog.subimage.com/articles/2006/01/01/subModal

Si ça peut aider quelqu'un. Ce script fonctionne sous IE, FireFox et Safari.

dA

[dam_moreyllo]

Bonjour !
Perso je fais comme ceci :
un div avec pour style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
background-color: #F3F3F3;
opacity: 0.5;
filter:alpha(opacity=50);
width: 100%;
height: 100%;
margin: 0px;
position: absolute;
left: 0px;
top: 0px;
z-index: 998;

et le div de la dialog avec un zIndex de 999
Comme ça pas besoin d'image et ça fait un "modaldialog" comme dit SpaceFrog.
Et ça marche bien sous firefox et ie6 (les autres j'ai pas essayé...) !