Bonjour

Avant toute chose, je tiens à vous signaler que je ne connais pas du tout le langage javascript :S

j'ai trouvé sur internet un code permettant d'avoir une petite barre de rechercher, et un menu déroulant permettant d'avoir des contraintes.
Ensuite, utilisant joomla!, j'ai installé htmlmap sur mon site puis j'ai configuré une carte cliquable que j'ai publiée sur un article. J'ai récupéré le code source de la page contenant cette article.
Puis j'ai fait une chose toute simple, j'ai créé un fichier html et j'ai ajouté les 2 scripts l'un après l'autre.
Et enfin, j'ai essayé de deviner ce que voulaient dire les lignes et j'ai fait du ménage au niveau des objets qui m'étaient inutile (ayant pris le code source de la page entière, je me suis retrouvé avec tout mes menus etc dans mon script)

J'ai 2 questions à vous poser:

-Ayant fait ça de manière barbare ^^ je suis sur qu'il me reste un nombre incalculable de lignes inutiles, si vous pouviez m'aider à les supprimer ce serait sympa =)

-Comment configurer cette barre de recherche ? (quel valeurs dois-je changer pour obtenir quoi ?)


Je vous envoie le script:


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
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr">
 
<head>
 
  <link href="/Wood Music/templates/ja_purity/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="http://127.0.0.1/Wood Music/components/com_htmlmap/assets/css/htmlmap.css" type="text/css" />
  <style type="text/css">
    <!--
.htmlmap_com_1-tip {}
.htmlmap_com_1-title {}
.htmlmap_com_1-text {}
.htmlmap_com_1_link_1-tip {}
.htmlmap_com_1_link_1-title {}
.htmlmap_com_1_link_1-text {}
.htmlmap_mod20_0-tip {}
.htmlmap_mod20_0-title {}
.htmlmap_mod20_0-text {}
    -->
  </style>
  <script type="text/javascript" src="/Wood Music/media/system/js/mootools.js"></script>
  <script type="text/javascript">
		window.addEvent('domready', function(){ var JTooltips = new Tips($$('#htmlmap_com_1_link_1'), { maxTitleChars: 50, className: 'tool', fixed: false}); });
new Asset.image('http://127.0.0.1/Wood Music/images/htmlmaps/carte_france2.jpg');
new Asset.image('http://127.0.0.1/Wood Music/images/htmlmaps/rajout/copie de carte_france2.jpg');
new Asset.image('http://127.0.0.1/Wood Music/images/htmlmaps/rajout/copie de carte_france2.jpg');
new Asset.image('http://127.0.0.1/Wood Music/images/htmlmaps/rajout/copie de carte_france2.jpg');
new Asset.image('http://127.0.0.1/Wood Music/images/htmlmaps/');
  </script>
 
 
		<style type="text/css">#ps_results{margin-left:0px;}</style>
 
 
<link rel="stylesheet" href="http://127.0.0.1/Wood Music/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="http://127.0.0.1/Wood Music/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="http://127.0.0.1/Wood Music/templates/ja_purity/css/template.css" type="text/css" />
 
<script language="javascript" type="text/javascript" src="http://127.0.0.1/Wood Music/templates/ja_purity/js/ja.script.js"></script>
 
<script language="javascript" type="text/javascript">
var rightCollapseDefault='show';
var excludeModules='38';
</script>
<script language="javascript" type="text/javascript" src="http://127.0.0.1/Wood Music/templates/ja_purity/js/ja.rightcol.js"></script>
 
<link rel="stylesheet" href="http://127.0.0.1/Wood Music/templates/ja_purity/css/menu.css" type="text/css" />
 
 
<link rel="stylesheet" href="http://127.0.0.1/Wood Music/templates/ja_purity/styles/background/lighter/style.css" type="text/css" />
<link rel="stylesheet" href="http://127.0.0.1/Wood Music/templates/ja_purity/styles/elements/black/style.css" type="text/css" />
 
<!--[if IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
 
<style type="text/css">
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: 97%;margin: 0 auto;}
#ja-wrapper {min-width: 100%;}
</style>
</head>
 
<body id="bd" class="fs3 FF" >
<a name="Top" id="Top"></a>
<ul class="accessibility">
	<li><a href="#ja-content" title="Aller au contenu">Aller au contenu</a></li>
 
	<li><a href="#ja-mainnav" title="Aller au menu principal">Aller au menu principal</a></li>
	<li><a href="#ja-col1" title="Aller à la première colonne">Aller à la première colonne</a></li>
	<li><a href="#ja-col2" title="Aller à la seconde colonne">Aller à la seconde colonne</a></li>
</ul>
 
<div id="ja-wrapper">
 
<!-- BEGIN: HEADER -->
 
<!-- END: HEADER -->
 
<!-- BEGIN: MAIN NAVIGATION -->
<!-- END: MAIN NAVIGATION -->
 
<div id="ja-containerwrap">
<div id="ja-containerwrap2">
 
	<div id="ja-container">
	<div id="ja-container2" class="clearfix">
 
		<div id="ja-mainbody" class="clearfix">
 
		<!-- BEGIN: CONTENT -->
		<div id="ja-contentwrap">
		<div id="ja-content">
 
 
 
						<div id="ja-pathway">
 
 
			</div>
 
			<div class="componentheading">test 1</div>
 
<div class="">
	<img
		id="htmlmap_com_1_img"
		src="http://127.0.0.1/Wood Music/images/htmlmaps/carte_france2.jpg"
		title="1"
		alt="1"
				usemap="#htmlmap_com_1" />
	<map
		id="htmlmap_com_1"
		name="htmlmap_com_1">
			<area
							onmouseover="javascript:$('htmlmap_com_1_img').src='http://127.0.0.1/Wood Music/images/htmlmaps/rajout/copie de carte_france2.jpg';"
				onmouseout="javascript:$('htmlmap_com_1_img').src='http://127.0.0.1/Wood Music/images/htmlmaps/carte_france2.jpg';"
										onmousedown="javascript:$('htmlmap_com_1_img').src='http://127.0.0.1/Wood Music/images/htmlmaps/rajout/copie de carte_france2.jpg';"
										onmouseup="javascript:$('htmlmap_com_1_img').src='http://127.0.0.1/Wood Music/images/htmlmaps/rajout/copie de carte_france2.jpg';"
						shape="poly"
			coords="242,309,246,312,244,315,248,318,247,325,248,328,249,332,253,333,254,336,252,337,256,342,247,349,245,347,243,354,238,354,238,358,229,357,228,361,229,363,224,368,222,366,220,368,215,366,213,367,204,368,201,365,200,369,197,369,197,379,204,382,204,393,199,393,199,398,206,399,208,402,202,404,201,407,195,407,194,410,203,418,209,418,209,412,214,414,220,419,228,419,228,416,236,414,240,417,243,413,239,397,242,388,242,384,252,374,256,377,274,361,280,361,280,367,287,366,291,358,293,358,295,350,302,346,297,330,292,327,288,329,288,325,284,327,284,331,275,321,273,320,272,306,265,300,259,303,256,296,252,296,250,298,248,298,244,309"
			alt="copie de carte_france2" 
							id="htmlmap_com_1_link_1"
 
					title="copie de carte_france2::"
										href="/Wood%20Music/index.php?option=com_content&amp;view=category&amp;id=10&amp;Itemid=15"
			/>
		</map>
 
</body>
 
</html>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <title>Agenda Concerts/Festivals</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <script type="text/javascript">
/* 
Created by: Francis Cocharrua :: 
http://scripts.franciscocharrua.com/ 
*/
 
function Select_Value_Set(SelectName, Value) {
  eval('SelectObject = document.' + 
    SelectName + ';');
  for(index = 0; 
    index < SelectObject.length; 
    index++) {
   if(SelectObject[index].value == Value)
     SelectObject.selectedIndex = index;
   }
}
</script>
</head>
<body>
  <form name="select_set_value">
<table width="20%">
<tr>
<td width="33%"><input type="text" name="letter" size="1"></td>
<td width="33%"><input type="button" value="find" onclick="Select_Value_Set('select_set_value.letters', document.select_set_value.letter.value);"></td>
<td align="top">
<select name="letters">
<option></option>
  <option value="a">alpha</option>
  <option value="b">beta</option>
  <option value="d">delta</option>
  <option value="e">epsilon</option>
  <option value="f">phi</option>
  <option value="g">gamma</option>
  <option value="h">eta</option>
  <option value="i">iota</option>
  <option value="k">kappa</option>
  <option value="l">lambda</option>
  <option value="m">mu</option>
  <option value="n">nu</option>
  <option value="o">omicron</option>
  <option value="p">pi</option>
  <option value="r">rho</option>
  <option value="s">sigma</option>
  <option value="t">tau</option>
  <option value="u">upsilon</option>
  <option value="x">xi</option>
  <option value="z">zeta</option>
</select>
</td>
</tr>
</table>
</form>
 
</body>
</html>

Merci beaucoup ! =D