Adapter un l'affichage d'un script.

**GYK** · 29/08/2009, 15h56

Bonjour,
Je veux inserer un script JS dans une

Code :

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

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

html.
Malheureusement se script qui affiche un menue dynamique

Code :

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

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

**Bovino** · 29/08/2009, 18h12

Salut,
Je vois pas comment on pourrait te répondre

Quel est le rapport entre une table HTML et une déclaration de tableau JavaScript ???

**GYK** · 29/08/2009, 18h24

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+

**Bovino** · 29/08/2009, 19h39

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

**GYK** · 29/08/2009, 20h11

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

Code :

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

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 :

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
 
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 !

Adapter un l'affichage d'un script.

JavaScript

Vue hybride

Discussions similaires

Partager

Partager