Version imprimable
Citation:
Envoyé par b Oo
Désolé pour le délais de réponse...
Pour répondre à la question, ca n'est pas essentiel, ce n'est que pour colorer l'exemple.
A noter que cette fonction à été faite pour répondre à mes besoins spécifique (qui était tout de même relativement diversifié), mais il n'est pas impossible que vous puissiez supprimer ou modifier certains trucs.
Dans tout les cas, si vous utiliser ce code, laissez moi un email pour me le faire savoir...
Voici un petit source que j'avais fait dans un thread qui date un peu parlant de date + heure en temps réel. C'est une solution parmis tant d'autres :aie:
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
Menu déroulant à 2 niveaux ou plus si vous le souhaitez (passe identiquement sous IE, FF et Opera. Pas testé sur les autres)Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Eclaircicement de l'image lors du passage de la sourisEn plus cela empeche de sauver l'image par click droit ;)Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60<html> <head> <title>Opacity modifier</title> <script><!-- getLocation=function(node) { var loc = {"width":node.offsetWidth,"height":node.offsetHeight }; var left=node.offsetLeft; var top =node.offsetTop; while(node.offsetParent) { node=node.offsetParent; left+=node.offsetLeft; top +=node.offsetTop; } loc.left=left; loc.top=top; return loc; } addOpacityChangeEffect=function(node) { node.oo = document.createElement("div"); node.oo.style.backgroundColor="black"; node.oo.style.position="absolute"; node.oo.opacity=25; // Opacité de départ (maximum de préférence) node.oo.opacityModifier=0; // A laisser à 0 par défaut, taux de modification de l'opacité en [%/cs] node.oo.onmouseover=function() { this.opacityModifier=-1; // L'opacité diminue de 1% chaque centième de secconde } node.oo.onmouseout=function() { this.opacityModifier=1; // L'opacité se rencorde de 1% chaque centième de secconde } node.oo.update=function(node) { // Place le div au bon endroit var loc=getLocation(node); this.style.left=loc.left+"px"; this.style.width=loc.width+"px"; this.style.top=loc.top+"px"; this.style.height=loc.height+"px"; // Effectue le changement d'opacité (valeur) this.opacity+=this.opacityModifier; if (this.opacity>25) {this.opacity=25;} // Opacité maximum if (this.opacity<0) {this.opacity=0;} // Opacité minimum (souvent 0:transparent) // Effectue le changement d'opacité (style) this.style.opacity=(this.opacity/100); // FF this.style.filter="alpha(opacity="+this.opacity+")" // IE // Place le div au dessus de l'image var zi = parseInt(node.style.zIndex); if (zi < 0) { zi = 0 } zi+=1; this.style.zIndex=zi; } setInterval(function() { node.oo.update(node); }, 10); document.body.appendChild(node.oo); } --></script> </head> <body> <img id="image1" src="fremycompany.jpg"/> <script>addOpacityChangeEffect(document.getElementById("image1"));</script> </body> </html>
[EDIT=Spafy]
Peut être juste préciser que le taux de sombre se gère sur ces lignes:
[/EDIT]Code:if (this.opacity>25) {this.opacity=25;}
[EDIT=FremyCompany]
Voila qui est fait, j'en ai profité pour commenter le code ;)
[/EDIT]
Des posts qui pourraient être intéressants (faut voir si ca ne va pas plutot dans d'autres FAQ comme HTML/CSS, ...) :
Enlever le soulignement d'un lien (IE) & le bord pointillé qui apparait autour de celui-ci une fois avoir (IE+FF)
Supprimer une instance d'objet depuis cette instance elle-même et sans référence globale à celle-ci pour liberer les résources utilisées
(lol le titre est long mais en fait c'est très simple)
Appliquer un traitement (event, property, ...) à toutes les balises dont le tag est <XXX>
Imprimer un texte ou du HTML particulier
Imprimer un document Word, Excel, ... via un lien (IE)
Encoder un texte JS en HTML et inversémentCode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Interface en Javascript avec des fenêtres déplaçables et redimentionnables
Cette interface fonctionne grâce au fabuleux Scriptaculous, ce qui permet les effets d'apparition et de drag and drop.
Voici une démo, et une archive contenant le code à télécharger.
Etrangement IE ne marche pas sur mon site :mrgreen: ...
Fonction générique de vérification d'un formulaire (à améliorer)
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Code:
2
3
4
5
6
7
8
Fonction évidemment à améliorer pour qu'elle fonctionne aussi avec les checkboxes, radiobuttons et selects.
Voilà les petits ajouts suite à mon post précédent :
La fonction générique qui ne demande qu'à être perfectionnée, notamment pour la gestion des radiobuttons et des checkboxes ... :
Et un formulaire quelconque :Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
Ce topic est maintenant bloqué.
Merci de lire le post sur la nouvelle organisation du forum pour poster vos contributions :)