Discussion :

[bjo393]

je recherche un solution html ou js, qui sur une image un menu drop down s'affiche, et remplisse un champs input texte avec ce qu'il a sélectionner,
sens rechargement de page. ma solution actuel ne fonctionne pas car j'utilise des href.

[SpaceFrog]

href=> inhibe le href avec un return false

[bjo393]

oui je veut bien mais comment récupérer la valeur de ce que l'utilisateur a choisie

[SpaceFrog]

dans le onclick

Code html :

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

1
2
<a href="1" onclick="alert(this.href); return false;">choix 1</a>
<a href="2" onclick="alert(this.href); return false;">choix 2</a>

[bjo393]

j'ai deux problème le premier est que sur clic d'un element j'ai l'erreur 404, et le second est un prblème de CSS sur le menu qui est déja déroulé, et trop grand
js:

Code :

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

1
2
3
function remplirInput(id,txt) {
	document.getElementById(id).value = txt;
}

html

Code html :

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
<input id="control" onkeypress="return event.keyCode != 13;" value="" name="controleur" type="int">
<ul id="menu">
	<li><a href="#">photo</a>
		<ul>
			<li>
				<a href="jean-bon sainte mère" onclick="remplirInput(control,this.href); return false;" title="jean-bon sainte mère">jean-bon*·sainte*·mère</a>
			</li>
			<li>
				<a href="jen" onclick="remplirInput(control,this.href); return false;" title="jen">jen</a>
			</li>
			<li>
				<a href="l'a fiat cjcjcj l'rc "e"" onclick="remplirInput(control,this.href); return false;" title="l'a fiat cjcjcj l'rc "e"">l'a*·fiat*·cjcjcj*·l'rc*·"e"</a>
			</li>
		</ul>
	</li>
</ul>

css

Code css :

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
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
#menu li {
position: relative;
line-height: 0;
}
 
#menu a {
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
 
#menu li:hover > a {
color: #fafafa;
}
 
*html #menu li a:hover /* IE6 */ {
color: #fafafa;
}
 
/*#menu li:hover > ul {
display: block;
}*/
 
#menu ul {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 5px;
}
 
#menu ul ul {
top: 0;
left: 150px;
}
 
#menu ul li {
margin: 0;
padding: 0; 
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
 
#menu ul li:last-child {   
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
 
#menu ul a {
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
white-space: nowrap;
text-transform: none;
}
 
*html #menu ul a /* IE6 */ {
height: 10px;
}
 
*:first-child+html #menu ul a /* IE7 */ {
height: 10px;
}
 
#menu ul a:hover {
background: #0186ba;
background: -moz-linear-gradient(#04acec,  #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec,  #0186ba);
background: -o-linear-gradient(#04acec,  #0186ba);
background: -ms-linear-gradient(#04acec,  #0186ba);
background: linear-gradient(#04acec,  #0186ba);
}
 
#menu ul li:first-child > a {
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
 
#menu ul li:first-child > a:after {
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
 
#menu ul ul li:first-child a:after {
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
 
#menu ul li:first-child a:hover:after {
border-bottom-color: #04acec; 
}
 
#menu ul ul li:first-child a:hover:after {
border-right-color: #04acec; 
border-bottom-color: transparent; 
}
 
#menu ul li:last-child > a {
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
 
#menu:after  {
visibility: hidden;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

le blocage du href ne fonctionne pas

[Bovino]

j'ai deux problème le premier est que sur clic 404, et l'autre est du CSS menu déja déroulé et trop grand

Je crois que des mots se sont perdus quand tu as fait un shuffle dessus...

Ta phrase est incompréhensible.

[Bovino]

Code :

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

onclick="remplirInput(control,this.href); return false;"

Tu ferais bien de te renseigner sur la syntaxe de l'appel d'une fonction quand on veut lui passer un paramètre de type texte...

[bjo393]

en effet cela poser problème mais mais ma fonction rempli mon input avec sont adresse que j'ai régler avec un split().
le problème restent est que le espace sont remplacer par %20.
comment régler le problème de caractère spéciale, et il me reste aussi mon pb de css

[SpaceFrog]

revois les bases du html et la priorité dues quotes ...

Code :

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

<a href="l'a fiat cjcjcj l'rc "e""

rien que la coloration syntaxique aurait du te faire sauter cette erreur aux yeux ...

[bjo393]

revois les bases du html et la priorité dues quotes
rien que la coloration syntaxique aurait du te faire sauter cette erreur aux yeux

non sa c'était un problème de php que j'ai régler car le text vin de ma BDD

mais merci quand même

le problème visiblement est que je récupaire:
http::/monsite/l%27a%20fiat%20cjcjcj%20l%27rc%20%22e%22
enlever l’entête c'est fais mais reste a décoder l'url

[bjo393]

j'ai utiliser la fonction unescape() mais encode male le è->è