|
| bisexuel | Posté le 28/12/2004 @ 14:01 |
Petit astucien
100 Messages
| Salut ,
j'ai un problème lors de l'affichage de mes sous menu, il ne sont pas aligner au menu comme bous pouvez le constater dans ces trois captures d'écrans.
Voi-ci le code de mon fichier js:
bgcolor='#000000';
bgcolor2='#66CCFF';
bgcolor3='#66CCFF';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;
zlien[7] = new Array;
zlien[1][0] = '<A HREF="" CLASS=ejsmenu></A>';
zlien[1][1] = '<A HREF="membre.htm" TARGET="p" CLASS=ejsmenu>Membres</A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu>Locaux</A>';
zlien[1][3] = '<A HREF="" CLASS=ejsmenu>Plan d\\\\\\'eau</A>';
zlien[1][4] = '<A HREF="" CLASS=ejsmenu>Nos bateaux</A>';
zlien[1][5] = '<A HREF="" CLASS=ejsmenu>Notre histoire</A>';
zlien[1][6] = '<A HREF="" CLASS=ejsmenu>Contact</A>';
zlien[1][7] = '<A HREF="" CLASS=ejsmenu>Réglement intérieur</A>';
zlien[2][0] = '<A HREF="" CLASS=ejsmenu></A>';
zlien[2][1] = '<A HREF="" CLASS=ejsmenu>Horaires/Tarifs</A>';
zlien[2][2] = '<A HREF="" CLASS=ejsmenu>Entrainements</A>';
zlien[2][3] = '<A HREF="" CLASS=ejsmenu>Compétition</A>';
zlien[2][4] = '<A HREF="" CLASS=ejsmenu>Aviron de mer</A>';
zlien[2][5] = '<A HREF="" CLASS=ejsmenu>Aviron "loisir"</A>';
zlien[4][0] = '<A HREF="" CLASS=ejsmenu></A>';
zlien[4][1] = '<A HREF="" CLASS=ejsmenu>En mer</A>';
zlien[4][2] = '<A HREF="" CLASS=ejsmenu>En rivière</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=1 bordercolor="+bgcolor3+" CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor+" WIDTH=200><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=1 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Comic Sans MS\"><B> "+msg[pass]+"</B></FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor3+" WIDTH=980><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=1 WIDTH=100% HEIGHT=50 bordercolor='+bgcolor3+'><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Accueil</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[1],100)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Présentation</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[2],200)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Activités</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[3],300)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Photos/Vidéos</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[4],400)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Régates</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[5],500)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Partenaires</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[6],600)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Liens</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\''+bgcolor2+'\\\\\\';pop(zlien[7],700)" onMouseOut="this.style.background=\\\\\\''+bgcolor+'\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Forum</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
|
| |
| |
| Publicité |
|
|
| Bleys | Posté le 29/12/2004 à 13:30 |
Astucien
2027 Messages
| Salut,
oula dur tout ça [bigsmile],
je t'avoue que j'ai la flemme de voir otn source sur ce coup là [rougir] je ferais ça si j'ai el temsp après, masi en attendant voila ce que je te propose :
va faire un tour sur [url="http://www.alsacreations.com/articles/"]ce site[/url], tu apprendras a faire des menu dynamique sans fonction javascript et plus simple niveau syntaxique et qui plus est plus léger et en parfaite et du forme avec le W3C [bigsmile] (c'est avec des feuilles de style en fait)
Voila a plus tard (quand j'aurais regardé ton source [bigsmile])
++[hello]
Modifié par Bleys le 30/12/2004 18:51 |
| |
|
| euskal-herri | Posté le 29/12/2004 à 14:05 |
Astucien
4388 Messages
| [img]D:\patxi\pc astuces images\accueil endaika.bmp[/img]
Là mon problème est que le menu ne s'affiche pas par dessus la limite des deux frames et ça me pose problème point de vue place. |
| |
|
| bisexuel | Posté le 29/12/2004 à 14:21 |
Petit astucien
100 Messages
| Dsl j'ai oublié de changer de pseudos euskal-herri c'est mon père mais c'est moi qui ai mis le deuxième problèmes. |
| |
|
| bisexuel | Posté le 30/12/2004 à 14:10 |
Petit astucien
100 Messages
| s'il vous plait à l'aide!! |
| |
|
| bisexuel | Posté le 31/12/2004 à 12:27 |
Petit astucien
100 Messages
| quelqu'un pourrait m'aider s'il vous plait c'est très uregent!!
Merci d'avance . |
| |
|
| Bleys | Posté le 31/12/2004 à 13:35 |
Astucien
2027 Messages
| Salut,
tu peux nous donner comment tu appel ce fichier ?
En fait fais voir ton source de la page html concerné
voila++[hello] |
| |
|
| euskal-herri | Posté le 01/01/2005 à 13:53 |
Astucien
4388 Messages
| Voici mon code sur HTML:
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>
ce qu'il y a après SRC= c'est le non du fichier, mais je ne vois pas en quoi cela peut t'aider , enfin c'est toi le boss c'est pas moi. |
| |
|
| Bleys | Posté le 01/01/2005 à 15:37 |
Astucien
2027 Messages
| Salut,
euskal-herri a écrit :
[...]enfin c'est toi le boss c'est pas moi.
|
lol euh non pas forcément [bigsmile], surtout avec le javascript, mais bon on sait jamais [clindoeil]
Je regarde ça .....
voila++[hello] |
| |
|
| euskal-herri | Posté le 01/01/2005 à 16:23 |
Astucien
4388 Messages
| je viens de capter que comment tu appelles le fichier c'était comment je le mets sur la page HTML lol !!! |
| |
|
| Malcolm | Posté le 01/01/2005 à 16:36 |
Astucien
7307 Messages
| ça n'apportera rien à la solution du pb... mais actuellement il vait mieux écrire <SCRIPT type="text/javascript" SRC="ejs_menu_dyn.js"></SCRIPT>
d'autre part, ejs c'est l'éditeur javascript ?
si tu donnais le nom du script, ou sa référence... on pourrait essayer de notre coté. |
| |
|
| Bleys | Posté le 01/01/2005 à 18:20 |
Astucien
2027 Messages
| Salut
Malcolm a écrit :
ça n'apportera rien à la solution du pb... mais actuellement il vait mieux écrire <SCRIPT type="text/javascript" SRC="ejs_menu_dyn.js"></SCRIPT>
d'autre part, ejs c'est l'éditeur javascript ?
si tu donnais le nom du script, ou sa référence... on pourrait essayer de notre coté.
|
O malcolm [bigsmile] bonne fetes [bigsmile]
oui c'est en fait un peu ce que je voulais, voir comment il s'en sert pour qu'on pusise tester nous en même temps...
voila++[hello] |
| |
|
| euskal-herri | Posté le 01/01/2005 à 22:26 |
Astucien
4388 Messages
| |
| |
|
| bisexuel | Posté le 01/01/2005 à 22:35 |
Petit astucien
100 Messages
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Endaika site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;
}
.Style9 {
font-weight: bold;
font-family: "Comic Sans MS";
}
.Style25 {
font-size: 42px;
font-family: "Times New Roman", Times, serif;
}
.Style33 {
font-size: 41px;
color: #009900;
font-family: "Comic Sans MS";
}
.Style49 {
color: #00FFCC;
font-size: 42px;
font-family: "Comic Sans MS";
}
.Style52 {
color: #009900;
font-family: "Comic Sans MS";
}
.Style64 {
font-size: 24px;
color: #0099CC;
}
.Style66 {color: #00FFCC}
.Style67 {
font-family: "Comic Sans MS";
color: #00FFFF;
}
.Style73 {font-family: "Comic Sans MS"; color: #0099CC; }
.Style75 {color: #009900}
-->
</style>
</head>
<body>
<div id="obj1" style="position:absolute; left:0px; top:0px; width:41px; height:35px; z-index:1; visibility:hidden;">
<img src="titid.gif" width="45" height="35" border="0">
</div>
<div id="obj2" style="position:absolute; left:0px; top:0px; width:41px; height:35px; z-index:1; visibility:hidden;">
<img src="titig.gif" width="45" height="35" border="0">
</div>
<p>
<script language="javascript" src="titi.js">
</script>
<table width="982" height="142" border="0">
<tr>
<td width="294" style="background-image:url(image 1.jpg); background-repeat: no-repeat"><div align="right">
<h1 class="Style49"><span class="Style75">Bie</span></h1>
<p class="Style9"> </p>
</div></td>
<td width="309"><h4 class="Style9"><span class="Style25"><span class="Style66"><span class="Style67"><span class="Style75">nvenue</span></span></span> <span class="Style52">à</span> <span class="Style52">Endai</span><span class="Style73">k</span></span></h4>
<p align="center" class="Style9 Style64">L'aviron à Hendaye </p>
</td>
<td width="365" style="background-image:url(image 2.jpg); background-repeat: no-repeat"><p class="Style9"><span class="Style33">a</span></p>
<p class="Style9"> </p></td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>
</body>
</html>
voici le code de ma page d'acceuille ( la partie du haut) si vous m'envoyez des messages privé envoyer les moi sur bisexuel asque j'oubli a chaqe foi d'enlever le pseudo de mon père merci!!
dsl pour le bordel que je mets avec les deux pseudos. |
| |
|
| Bleys | Posté le 01/01/2005 à 23:21 |
Astucien
2027 Messages
| Salut,
bon alors la première solution qui n'en ai pas vraiment une serait de modifier les positions manuellement, c'est à dire que ça donnerait (le reste ne change pas):
[code]
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor3+" WIDTH=980><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=1 WIDTH=100% HEIGHT=50 bordercolor='+bgcolor3+'><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Accueil</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[1],121)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],121)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Présentation</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[2],243)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],243)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Activités</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[3],300)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Photos/Vidéos</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[4],489)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],489)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Régates</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[5],500)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Partenaires</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[6],600)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Liens</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\''+bgcolor2+'\\\\\';pop(zlien[7],700)" onMouseOut="this.style.background=\\\\\''+bgcolor+'\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Forum</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
[/code]
Mais ça c'est unpeu ce qu'on appel le système D [bigsmile],
le mieux est de faire que tout soit vraiment "automatique", je vais voir si je peux te faire ça viteuf' [clindoeil]
voila++[hello]
Modifié par Bleys le 01/01/2005 23:22 |
| |
|
| bisexuel | Posté le 02/01/2005 à 00:04 |
Petit astucien
100 Messages
| ça marche mais quand je passe la souris sur le menu pricipal la couleur d'arrière plan ne change pas.
merci quand meme |
| |
|
| Bleys | Posté le 02/01/2005 à 00:33 |
Astucien
2027 Messages
| Salut,
tiens voila quelque chose de plus simpathique, j ene me suis intéressé qu'au menu, mais tu pourrais faire les modif pour la page entière (dans le genre de prog' que j'utilise).
Voila ce que je te propose :
Le fichier principal :
[code]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Endaika site</title>
<link style=text/css rel=stylesheet href="style.css">
<script type=text/javascript src=fonctions_javascript.js></script>
</head>
<body>
<div id="obj1" style="position:absolute; left:0px; top:0px; width:41px; height:35px; z-index:1; visibility:hidden;">
<img src="titid.gif" width="45" height="35" border="0">
</div>
<div id="obj2" style="position:absolute; left:0px; top:0px; width:41px; height:35px; z-index:1; visibility:hidden;">
<img src="titig.gif" width="45" height="35" border="0">
</div>
<p>
<script language="javascript" src="titi.js">
</script>
<table width="982" height="142" border="0">
<tr>
<td width="294" style="background-image:url(image 1.jpg); background-repeat: no-repeat"><div align="right">
<h1 class="Style49"><span class="Style75">Bie</span></h1>
<p class="Style9"> </p>
</div></td>
<td width="309"><h4 class="Style9"><span class="Style25"><span class="Style66"><span class="Style67"><span class="Style75">nvenue</span></span></span> <span class="Style52">à</span> <span class="Style52">Endai</span><span class="Style73">k</span></span></h4>
<p align="center" class="Style9 Style64">L'aviron à Hendaye </p>
</td>
<td width="365" style="background-image:url(image 2.jpg); background-repeat: no-repeat"><p class="Style9"><span class="Style33">a</span></p>
<p class="Style9"> </p></td>
</tr>
</table>
<div id="menu">
<dl>
<dt onmouseover="javascript:menu();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:menu('sous-menu1');">Présentation</dt>
<dd id="sous-menu1" onmouseover="javascript:menu('sous-menu1');" onmouseout="javascript:menu('');">
<ul>
<li><a href="membres.htm">Membres</a></li>
<li><a href="">Locaux</a></li>
<li><a href="">Plan d'eau</a></li>
<li><a href="">Nos Bateaux</a></li>
<li><a href="">Notre Histoire</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Règlement Intérieur</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:menu('sous-menu2');">Activités</dt>
<dd id="sous-menu2" onmouseover="javascript:menu('sous-menu2');" onmouseout="javascript:menu('');">
<ul>
<li><a href="">Horaires</a></li>
<li><a href="">Entraînement</a></li>
<li><a href="">Compétition</a></li>
<li><a href="">Aviron de mer</a></li>
<li><a href="">Aviron "loisir"</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:menu();">Photos/Vidéos</dt>
</dl>
<dl>
<dt onmouseover="javascript:menu('sous-menu4');">Régates</dt>
<dd id="sous-menu4" onmouseover="javascript:menu('sous-menu4');" onmouseout="javascript:menu('');">
<ul>
<li><a href="">En Mer</a></li>
<li><a href="">En Rivière</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:menu();">Partenaires</dt>
</dl>
<dl>
<dt onmouseover="javascript:menu();">Liens</dt>
</dl>
<dl>
<dt onmouseover="javascript:menu();">Forum</dt>
</dl>
</body>
</html>
[/code]
-----------------*****************------------------
La feuille de style que tu dois nommer "style.css" et mettre dans le même Répertoire que la feuille ci-dessus :
[code]
body {
margin: 0;
padding: 0;
background-color: #000000;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 115px;
border: 1px solid #66CCFF;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000000;
border: 1px solid gray;
margin: 0px;
color:#FFFFFF;
}
#menu dd {
display: none;
border: 2px solid #66CCFF;
}
#menu li {
text-align: left;
background: #000000;
margin-left: 1px;
color:#FFFFFF;
}
#menu li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #66CCFF;
}
.Style9 {
font-weight: bold;
font-family: "Comic Sans MS";
}
.Style25 {
font-size: 42px;
font-family: "Times New Roman", Times, serif;
}
.Style33 {
font-size: 41px;
color: #009900;
font-family: "Comic Sans MS";
}
.Style49 {
color: #00FFCC;
font-size: 42px;
font-family: "Comic Sans MS";
}
.Style52 {
color: #009900;
font-family: "Comic Sans MS";
}
.Style64 {
font-size: 24px;
color: #0099CC;
}
.Style66 {
color: #00FFCC
}
.Style67 {
font-family: "Comic Sans MS";
color: #00FFFF;
}
.Style73 {
font-family: "Comic Sans MS"; color: #0099CC;
}
.Style75 {
color: #009900
}
[/code]
-----------------*****************------------------
Et enfin la feuille des fonctions javascript que tu dois nommer "fonctions_javascript.js" et mettre dans le même Répertoire que la feuille principale :
[code]
window.onload=menu;
function menu(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('sous-menu'+i)) {document.getElementById('sous-menu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
[/code]
Voila, cependant si tu veux modifier les noms des fichiers tu peux, il suffit de modifier les références dans les lignes suivante de la feuille principale (ce que je mets en gras):
<link style=text/css rel=stylesheet href=" style.css">
<script type=text/javascript src= fonctions_javascript.js></script>
Voila bon courage ++[hello] Modifié par Bleys le 02/01/2005 00:35 |
| |
|
| Bleys | Posté le 02/01/2005 à 00:48 |
Astucien
2027 Messages
| Salut,
bisexuel a écrit :
ça marche mais quand je passe la souris sur le menu pricipal la couleur d'arrière plan ne change pas.
merci quand meme
|
Avant non plus ça ne changez pas la couleur [bigsmile], mais c'est psa grave, tiens comme ça ça fonctionne (c'est à dire que c'est aligné, qu'il y a le changment de couleur lorsque tu passes dessus et c'est programmer à ta façon (en fontion javascript en fait) :
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor3+" WIDTH=980><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=1 WIDTH=100% HEIGHT=50 bordercolor='+bgcolor3+'><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Accueil</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[1],121)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],121)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Présentation</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[2],243)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],243)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Activités</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[3],300)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Photos/Vidéos</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[4],489)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],489)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Régates</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[5],500)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Partenaires</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[6],600)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Liens</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[7],700)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Forum</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')
Voila++[hello] Modifié par Bleys le 02/01/2005 00:51 |
| |
|
| Bleys | Posté le 02/01/2005 à 00:53 |
Astucien
2027 Messages
| Salut,
bon alors y'a un petit problème c'est le forum qui fou le bazard [colere][boom] lol je plaisante PCA (enfin qu'en parti parce que c'est vrai le forum fou le bordel passez moi de l'expression [bigsmile]).
Donc alors effectivement si tu veux qu'il y ait le changement de l'arrière-plan tu remplaces ta fonction par celle-ci :
[code]function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor3+" WIDTH=980><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=1 WIDTH=100% HEIGHT=50 bordercolor='+bgcolor3+'><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Accueil</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[1],121)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],121)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Présentation</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[2],243)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],243)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Activités</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[3],300)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Photos/Vidéos</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[4],489)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],489)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Régates</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[5],500)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Partenaires</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[6],600)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Liens</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[7],700)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Forum</B></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')[/code]
Mais chaque fois que tu vois "\\" remplaces le par "\" : c'est le forum qui modifie l'envoie [bigsmile]
voila++[hello]
Modifié par Bleys le 02/01/2005 00:57 |
| |
|
| bisexuel | Posté le 02/01/2005 à 01:09 |
Petit astucien
100 Messages
| je suis vraiment débutant alors voila mes petit problème:
-comment faire pour faire que le menu (principal) quand on passe la souris dessus ben sa change de couleurs comme dans le sous menu (je sais qu'il faut faire quelque chose mouseon mouseover enfin je crois)
-ou faut-il changer les taille spour changer celles du tableau sous menu et menu (pricipal)
_pareil que en haut mais l'écriture Comic Sans MS
-pareil que dessus mais , la couleur des bords et de background
(j'aimerais bien faire un truc dans le genre bgcolor='#000000';
bgcolor2='#0099CC'; bgcolor3='#66CCFF'; bet mettre ces racoursi comme sa il n'y a plus qu'à changer cela)
voila merci d'avance.
là je vais au lit donc si tu me réponds n'attend pas de réponse de ma pert pitétre demain
bonne nuit et encore merci
si j'arrive a mes fins t'es un gennie et deja merci bocoup pour ce que tu a fais (je perdais espoire)
Modifié par bisexuel le 02/01/2005 01:10 |
| |
|
| Bleys | Posté le 02/01/2005 à 11:47 |
Astucien
2027 Messages
| Salut,
alors voyons un à un :
| comment faire pour faire que le menu (principal) quand on passe la souris dessus ben sa change de couleurs comme dans le sous menu |
c'est cette fonction ici :
<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\''+bgcolor2+'\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\''+bgcolor+'\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Accueil</B></FONT></a></TD>
Le Onmouseover en gras, va faire que dès lors que tu passera avec la souris dans la cellule, celle-ci (this.style) se verra attribué en arrière-plan (background) la couleur bgcolor2.
Le Onmouseout en gras, va faire que lorsque la osuris sort de la cellule, sont arrière-plan (précédemment modifié par le passage de la souris) change de couleur en bgcolor.
| ou faut-il changer les taille spour changer celles du tableau sous menu et menu (pricipal) |
Pour la largeur des sous menu c'est ici :
<TABLE BORDER=1 bordercolor="+bgcolor3+" CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor+" WIDTH=200>
Pour la largeur du grand menu principal c'est là :
<TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor3+" WIDTH=980>
Pour les hauteurs des sous-menu c'est ici :
<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20>
Et pour la hauteur du menu principal c'est là :
<TABLE CELLPADING=0 CELLSPACING=0 BORDER=1 WIDTH=100% HEIGHT=50 bordercolor='+bgcolor3+'><TR>
| pareil que en haut mais l'écriture Comic Sans MS |
C'est ici :
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Comic Sans MS\"><B> "+msg[pass]+"</B></FONT></TD></TR>";
Et la :
document.write('<DIV ID=topgauche><TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor3+" WIDTH=980><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=1 WIDTH=100% HEIGHT=50 bordercolor='+bgcolor3+'><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Accueil</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[1],100)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Présentation</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[2],200)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Activités</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[3],300)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Photos/Vidéos</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[4],400)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Régates</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[5],500)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Partenaires</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[6],600)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Liens</B></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor2+'\\\\';pop(zlien[7],700)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS"><B>Forum</B></FONT></a></TD>')
| pareil que dessus mais , la couleur des bords et de background |
Les bords c'est là :
Chaque fois que ut vois BORDERCOLOR en fait, comme ici par exemple :
="<TABLE BORDER=1 bordercolor="+bgcolor3+" CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor+" WIDTH=200><TR><TD>
Pour les couleurs d'arrière plan c'est chaque fois que ut vois bgcolor comme ici par exemple :
="<TABLE BORDER=1 bordercolor="+bgcolor3+" CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor+" WIDTH=200><TR><TD>
| j'aimerais bien faire un truc dans le genre bgcolor='#000000';
bgcolor2='#0099CC'; bgcolor3='#66CCFF'; bet mettre ces racoursi comme sa il n'y a plus qu'à changer cela |
C'est déjà un peu le cas, tu définis tes variables :
bgcolor='#000000';
bgcolor2='#0099CC';
bgcolor3='#66CCFF';
Ensuite chaque fois que tu veux te servir des couleurs tu fais comme ceci :
<tagada zagada et patapouf BGCOLOR=\\''+bgcolor+'\\'>
Voila en fait tu passes le tout en argument.
Sinon je te rappel une chose :
Le changement de couleur d'arrière-plan fonctionne avec le dernier script que je t'ai passé (voir mon message juste au dessus) sauf qu'il faut que tu remplaces les doubles "\" ("\\") par un simple "\" ("\")
Voila++[hello] |
| |
|
| Bleys | Posté le 02/01/2005 à 11:52 |
Astucien
2027 Messages
| Re,
pour faire plus ismple pour l'écriture tu peux faire ça aussi :
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;font-family: Comic Sans MS; Font-Size: 1;}')
[......]
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\\''+bgcolor2+'\\\\\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\\\\\''+bgcolor+'\\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><<B>Accueil</B></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\\\\''+bgcolor2+'\\\\\\\';pop(zlien[1],100)" onMouseOut="this.style.background=\\\\\\\''+bgcolor+'\\\\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><B>Présentation</B></a></TD>')
......
Avantage : Si tu veux changer de police tu n'as qu'une ligne à changer [clindoeil]
Mais si tu veux on verra comment améliuorer ce script une prochaine fois là je suis pressé je dois y aller, à ce soir
Voila++[hello]
PS : je n'ai jamais ajouté de ligne, je ne fasi que modifier ce que tu as déjà écrit en ajoutant des propriétés ou en supprimant des erreurs....
Modifié par Bleys le 02/01/2005 11:54 |
| |
|
| bisexuel | Posté le 02/01/2005 à 18:45 |
Petit astucien
100 Messages
| esque c'est bien come ça:
ecriture="Comic Sans MS";
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor4+'\\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE='+ecriture+'><B>Accueil</B></FONT></a></TD>')
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor4+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE='+ecriture+'><B> "+msg[pass]+"</B></FONT></TD></TR>";
pass++;
j'ai mis ça et ça ne marche pas ou est le problème?
a quoi ça sert les "\\\\\\"
et que pense-tu de mon autre problème Envoyé le- 29/12/2004 : 14:05:45 (dans la meme fenètre)
Modifié par bisexuel le 02/01/2005 19:51 |
| |
|
| Bleys | Posté le 02/01/2005 à 19:53 |
Astucien
2027 Messages
| Salut,
| esque c'est bien come ça:
ecriture="Comic Sans MS";
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor4+'\\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE='+ecriture+'><B>Accueil</B></FONT></a></TD>')
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor4+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE='+ecriture+'><B> "+msg[pass]+"</B></FONT></TD></TR>";
pass++;
j'ai mis ça et ça ne marche pas ou est le problème?
|
Heyhey c'est presque comme ça (non même ça devrait marcher, mais bon....)
c'est comme ça :
ecriture='Comic Sans MS';
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\\\''+bgcolor4+'\\\\';pop(zlien[0],0)" onMouseOut="this.style.background=\\\\''+bgcolor+'\\\\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="'+ecriture+'"><B>Accueil</B></FONT></a></TD>')
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor4+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE="'+ecriture+'"><B> "+msg[pass]+"</B></FONT></TD></TR>";
pass++;
C'était juste les guillemets mais encore je ne susi pas sûr, testes tu verras bien.
Sinon :
| a quoi ça sert les "\\\\\\" |
Alors attends, on va parler d'une autre façon parce que PCA fais un peu BUGGER le tout =)
Donc on va parler en toute lettre plutot que d'écrire des symboles.
Tu reprends 5 posts juste au dessus, je t'ai redonné la fontion kill entière.
Tu copies cette fonction et tu la remplace dans ton fichier. Elle est bien paramétré pour la taille (un peu a la barbare certe....mais je t'ai proposé une autre solution, qu'apparemment tu ne veux pas [bigsmile]) qui fait les changement de couleur. Sauf que vu que PCA bug, il faut que tu remplaces tous les doubles slashs par des simples slash.
A quoi servent ces slash ? En fait, admettons ceci :
document.write('tagdat prout prout salut l'avion au revoir')
contrairement à ce que tu crois cela ne vas pas écrire "tagdat prout prout salut l'avion au revoir"
mais "tagdat prout prout salut l" (non en fait même pas ça va renvoyé des erreurs [bigsmile])
Pourquoi ? parce que l'ordinateur interprète le "'" comme la fin de ce qu'il doit écrire, alros que toi tu veux qu'il soit interprété comme une apostrophe qui doit être écrite. C'est donc en ajoutant le slash (\) devant que tu informes l'ordi qu'il s'agit d'une apostrophe du texte que ut veux qui soit affiché et non de la fin de la fonction...
Est-ce que ut m'as compris ou je dois faire plus simple ? [bigsmile]
Voila++[hello]
|
| |
|
| bisexuel | Posté le 03/01/2005 à 21:42 |
Petit astucien
100 Messages
| que penses-tu de mon autre problème j'ai afficher l'heure ou je l'ai mit juste dans le mesage d'avant.
ça marche mais pas les sou menu
voici le code:
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor4+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE="+ecriture+"><B> "+msg[pass]+"</B></FONT></TD></TR>";
lorsque j'écris: "'+ecriture'" le menu ne s'affiche pas.
mais les autre avec "'+ecriture+'" ça marche (le menu normal)
Modifié par bisexuel le 04/01/2005 19:52 |
| |
|
| bisexuel | Posté le 06/01/2005 à 21:39 |
Petit astucien
100 Messages
| Bleys mon sauveur ou es-tu passé ??? |
| |
|
| Bleys | Posté le 08/01/2005 à 19:26 |
Astucien
2027 Messages
| Salut,
Alors pour | content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor4+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE="+ecriture+"><B> "+msg[pass]+"</B></FONT></TD></TR>";
|
c'est normal, il faudrait que tu mettes des guillemets simples avant, en mieux il faudrait ca :
content += '<TR><TD BGCOLOR='+bgcolor+' onMouseOver="this.style.background="'+bgcolor4+'" onMouseOut="this.style.background="'+bgcolor+'" HEIGHT=20><FONT SIZE=1 FACE="'+ecriture+'"><B> '+msg[pass]+'</B></FONT></TD></TR>';
Sinon pour le problème par rapport aux frames et à la place, je suis désolé mais je ne vois pas l'image (normal tu fais un lien sur ton PC => ça peut pas marcher, va jeter [url="http://forum.pcastuces.com/sujet.asp?SUJET_ID=1917"]un oeil ici[/url] pour savoir comment faire.
| Bleys mon sauveur ou es-tu passé ??? |
J'étais parti une semaine avec ma classe et une autre au ski [bigsmile][bigsmile], désolé d'avoir oublié de le signaler
voila++[hello] |
| |
|
| bisexuel | Posté le 14/01/2005 à 20:24 |
Petit astucien
100 Messages
| re, moi aussi je suis partis dès que tu es rentré chez ma cousine qui n'a pas internet illimité encore dsl.
donc depuis le debut tu ne vois aucune de mes images dsl je ne savais pas.
mais comment faire lorsque l'image c'est une capture d'écran??
faut-il que je le mette sur un site pour pouvoir le montrer????
au faite tu as quel age????
Modifié par bisexuel le 14/01/2005 20:25 |
| |
|
| Bleys | Posté le 15/01/2005 à 16:42 |
Astucien
2027 Messages
| Salut,
oui il faut que tu update l'image sur un site,
mon age : 17 ans
voila++[hello] |
| |
|
| bisexuel | Posté le 15/01/2005 à 19:43 |
Petit astucien
100 Messages
| salut,
j'ai un autrre problème maintenant dans dream W ben le code il ne s'affiche plus en couleurs je sais que c'est pas très important mais voila ça m'aider vachement donc je ne sais pas comment faire je suis aller dans préférence pour changer la couleur mais c'est deja cocher ou tt les couleur son bonne cela m'ai arrivé du jour au lendemain donc sorais-tu commet faire??
merci d'avance! |
| |
|
| bisexuel | Posté le 15/01/2005 à 23:02 |
Petit astucien
100 Messages
| [IMG]http://tinypic.com/19awwy[/IMG]
voila l'image qui montre que le sous menu ne passe pas sur le frame , ce que je voudrais faire. |
| |
|
| bisexuel | Posté le 19/01/2005 à 19:54 |
Petit astucien
100 Messages
| je crois avoir trouver en postant sur un autre forum on ma conseiller de utiliser z-index mais je ne peux pas verifier car mon menu ne s'affiche plus (un autre sujet sur le meme forum) |
|