Adapter un l'affichage d'un script.

Bonjour,
Je veux inserer un script JS dans une

Code:

<table width="80%" border="0"> </table>

html.
Malheureusement se script qui affiche un menue dynamique
Code:

1 2 xmenu = new Array; xlien = new Array;
n'utilise que la partie necessaire pour les diffentes options de ce menu.
Moi je voudrais que cet affichage se repartisse sur les 80%.

Y a t'il une solution

Merci

Salut,
Je vois pas comment on pourrait te répondre :koi:
Quel est le rapport entre une table HTML et une déclaration de tableau JavaScript ???

Bonjour Bovino,

J'affiche tout bêtement une page html qui fonctionne en pourcentage et s'adapte donc au type d'écran de l'utilisateur.
Dans cette page, précédemment j'avais un menu fixe qui répondait aux mêmes règles.
Maintenant je met un menu en JS qui à des options aux items, mais ce menu ne fait que la largeur du nombre de caractères des différentes options cumulées. Ce qui le rend un peu riquiqui dans la page et plus l'écran sera large plus se fera bête

A+

Il faudrait montrer les codes en question, pour le moment, ce que tu expliques est trop vague pour pouvoir te donner une réponse.

Une partie du code HTML ou je souhaiterais mattre le script entre les balise table

Code:

1
2
3
4
5
6
7
8
9
10
 
<body>
<div align="center">
   <br>
  <SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>
  <table width="80%"  border="1" class="entre">
 
 
  </table>
    <table width="90%"  border="1" class="noir">

Le code du script

Code:

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
 
hauteurcadre = 16;
 
xmenu = new Array;
xlien = new Array;
 
xmenu[0] = '<a href="monsite.fr">Retour Sur Le Site</a>';
xmenu[1] = '<a href="monsite.fr">Mon Espace Membre</a>';
xmenu[2] = '<a href="monsite.fr" >Les Membres</a>';
xmenu[3] = '<a href="monsite.fr" >Ma Fiche</a>';
xmenu[4] = '<a href="monsite.fr">Mes Classes</a>';
xmenu[5] = '<a href="http://monsite.fr">Deconnexion</a>';
 
 
xlien[0] = ''
xlien[1] = ''
xlien[3] = ''
xlien[4] = ''
xlien[5] = ''
xlien[2] = '<A HREF="http://monsite.fr/" CLASS=menudyn3>Localisation</A>';
xlien[2] += ' | '
xlien[2] += '<A HREF="http://monsite.fr" CLASS=menudyn3>Liste</A>';
 
 
document.write('<STYLE TYPE="text/css">\nA.menudyn3 {color:#F6F4C1; text-decoration:none;}\nA:hover.menudyn3 {color:#F6F4C1;text-decoration:none;}\n</STYLE>');
 
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH='+(xlien.length*100)+' BGCOLOR=#000000>  <TR><TD><TABLE CELLPADDING=2 CELLSPACING=1 BORDER=0 WIDTH=100%>  <TR>');
 
for(i=0;i<xlien.length;i++)
 
{
	document.write('<TD BGCOLOR=#f6f4c1 onMouseOver="javascript:colorIt(this);MajMenu('+i+')" ALIGN=center ID=td'+i+'><FONT SIZE=1 FACE="Verdana"><A HREF="#" onClick="return(false)" onMouseOver="MajMenu('+i+')" CLASS=menudyn3>'+xmenu[i]+'</A></FONT></TD>');
	}
document.write('</TR>  <TR>    <TD COLSPAN='+(xlien.length)+' BGCOLOR=#c2ad5f HEIGHT='+hauteurcadre+' VALIGN=top><ilayer id="dynamenu31" width=100% height='+hauteurcadre+'><layer id="dynamenu32" width=100% height='+hauteurcadre+'><div id="dynamenu33">&nbsp;</div></layer></ilayer></TD>  </TR></TABLE></TD></TR></TABLE>');
 
function colorIt(tditem)
	{
	if(document.all)
		{
			document.all.td0.style.background='#C2AD5F';
	document.all.td1.style.background='#C2AD5F';
	document.all.td2.style.background='#C2AD5F';
	document.all.td3.style.background='#C2AD5F';
	document.all.td4.style.background='#C2AD5F';
	document.all.td5.style.background='#C2AD5F';
 
		tditem.style.background='#c2ad5f';
		}
else if(document.getElementById)
	{
			document.getElementById("td0").style.background='#c2ad5f';
	document.getElementById("td1").style.background='#c2ad5f';
	document.getElementById("td2").style.background='#c2ad5f';
	document.getElementById("td3").style.background='#c2ad5f';
	document.getElementById("td4").style.background='#c2ad5f';
	document.getElementById("td5").style.background='#c2ad5f';
 
tditem.style.background='#c2ad5f';
	}
}
 
function MajMenu(menu)
	{
	which = xlien[menu];
if (document.layers){
	document.dynamenu31.document.dynamenu32.document.write('<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>')
	document.dynamenu31.document.dynamenu32.document.close()
	}
else if (document.getElementById)
			{
			document.getElementById("dynamenu33").innerHTML = '<CENTER><FONT SIZE=1 FACE="Verdana, Arial"><B>'+which+'</B></FONT></CENTER>';
			}
else 	if (document.all){
	dynamenu33.innerHTML='&nbsp;'
	dynamenu33.innerHTML='<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>';
	}
}
if (document.getElementById)
	colorIt(document.getElementById("td0"));
else if (document.all){
	colorIt(document.all.td0);
	}
MajMenu(0);

Voila !