Salut à tous,
J'ai le code ci-dessous qui sélectionne des icones (input checkbox) lorsqu'on clique sur l'une de ces icones.
Avec Internet Explorer 10 il y a un problème : sans la balise <form> ça marche nickel mais ça ne marche pas avec la balise <form>
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
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 <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Icons checkbox</title> <style> .sous_menu_icons ul { list-style-type: none; } .sous_menu_icons li { display: inline-block; } .sous_menu_icons input[type="checkbox"][id^="cb"] { display: none; } .sous_menu_icons label { border: 1px solid #fff; padding: 2px; display: block; position: relative; margin:0; cursor: pointer; } .sous_menu_icons label img { height: 30px; width: 30px; transition-duration: 0.4s; transform-origin: 50% 50%; } .sous_menu_icons :checked + label { border-color: #ddd; } .sous_menu_icons :checked + label img { transform: scale(0.9); box-shadow: 0 0 2px #333; z-index: -1; } </style> </head> <body> <form name="formulaire" method="post" action="mon_fichier.php"> <div class="sous_menu_icons"> <ul> <li><input type="checkbox" id="cb1"><label for="cb1"><img src="http://lorempixel.com/100/100"></label></li> <li><input type="checkbox" id="cb2"><label for="cb2"><img src="http://lorempixel.com/101/101"></label></li> <li><input type="checkbox" id="cb3"><label for="cb3"><img src="http://lorempixel.com/102/102"></label></li> <li><input type="checkbox" id="cb4"><label for="cb4"><img src="http://lorempixel.com/103/103"></label></li> </ul> </div> <input type="submit" name="ok" value="OK"> </form> </body> </html>
Que faudrait-il modifier pour que cela marche avec Internet Explorer ?
Merci pour votre aide.
Partager