cuhbe | Bonjour,
j'ai fait un menu (copié je ne sais plus où) mais il ne fonctionne qu'avec firefox.
Voici le code: Code :
- <DIV class=menu id=wrap align=left>
- <TABLE class=menu id=menu cellSpacing=0 cellPadding=5 width="100%" name="menu">
- <TBODY>
- <TR>
- <TD><A id=menu0 href="index.html"><B>Accueil</A></B></TD></TR>
- <TR>
- <TD><A id=menu11 href="javascript:void(0)"><B>Les Sports <IMG height=17 src="fleche.gif" width=38 align=top border=0></A></B></TD></TR>
- <TR>
- <TD><A id=menu1 href="javascript:void(0)"><B>L'art <IMG height=17 src="fleche.gif" width=38 align=top border=0></A></B></TD></TR>
- <TR>
- <TD><A id=menu20 href="javascript:void(0)"><B>Char de la St Jean</B> <IMG height=17 src="fleche.gif" width=38 align=top border=0></A></TD></TR></TBODY></TABLE></DIV>
- <DIV id=subwrap>
- <SCRIPT type=text/javascript>
- <!--
- if (TransMenu.isSupported()) {
- var ms = new TransMenuSet(TransMenu.direction.right, 5, -2, TransMenu.reference.topRight);
- var menu0 = ms.addMenu(document.getElementById("menu0" ));
- var menu11 = ms.addMenu(document.getElementById("menu11" ));
- menu11.addItem("BADMINTON", "badminton.html", "0" );
- menu11.addItem("BASKET", "basket.html", "0" );
- menu11.addItem("CYCLO", "cyclo.html", "0" );
- menu11.addItem("DANSE Hip-Hop", "hiphop.html", "0" );
- menu11.addItem("DANSE", "danse.html", "0" );
- menu11.addItem("GYM ENTRETIEN MATIN", "gymmatin.html", "0" );
- menu11.addItem("GYM ENTRETIEN SOIR", "gymsoir.html", "0" );
- menu11.addItem("GYM TONY'C", "gymtonyc.html", "0" );
- menu11.addItem("JUDO", "judo.html", "0" );
- menu11.addItem("MUSCULATION", "musculation.html", "0" );
- menu11.addItem("TENNIS DE TABLE", "tennisdetable.html", "0" );
- var menu1 = ms.addMenu(document.getElementById("menu1" ));
- menu1.addItem("ARTS PLASTIQUES", "artsplastiques.html", "0" );
- var menu3 = menu1.addMenu(menu1.items[0],0,0);
- menu1.addItem("COUTURE", "couture.html", "0" );
- var menu20 = ms.addMenu(document.getElementById("menu20" ));
- menu20.addItem("CHAR", "char.html", "0" );
- function init() {
- if (TransMenu.isSupported()) {
- TransMenu.initialize();
- menu0.onactivate = function() {document.getElementById("menu0" ).className = "hover"; };
- menu0.ondeactivate = function() {document.getElementById("menu0" ).className = ""; };
- menu11.onactivate = function() {document.getElementById("menu11" ).className = "hover"; };
- menu11.ondeactivate = function() {document.getElementById("menu11" ).className = ""; };
- menu1.onactivate = function() {document.getElementById("menu1" ).className = "hover"; };
- menu1.ondeactivate = function() {document.getElementById("menu1" ).className = ""; };
- menu20.onactivate = function() {document.getElementById("menu20" ).className = "hover"; };
- menu20.ondeactivate = function() {document.getElementById("menu20" ).className = ""; };
- }}
- TransMenu.dingbatSize = 0;
- TransMenu.spacerGif = "";
- TransMenu.dingbatOn = "";
- TransMenu.dingbatOff = "";
- TransMenu.sub_indicator = false;
- TransMenu.menuPadding = 15;
- TransMenu.itemPadding = 15;
- TransMenu.shadowSize = 2;
- TransMenu.shadowOffset = 3;
- TransMenu.shadowColor = "#888";
- TransMenu.shadowPng = "http://www.swmenu.com/modules/mod_swmenufree/images/transmenu/grey-40.png";
- TransMenu.backgroundColor = "#FFCC99";
- TransMenu.backgroundPng = "http://www.swmenu.com/modules/mod_swmenufree/images/transmenu/white-90.png";
- TransMenu.hideDelay = 600;
- TransMenu.slideTime = 300;
- TransMenu.selecthack =1;
- TransMenu.renderAll();
- if ( typeof window.addEventListener != "undefined" )
- window.addEventListener( "load", init, false );
- else if ( typeof window.attachEvent != "undefined" ) {
- window.attachEvent( "onload", init);
- }else{
- if ( window.onload != null ) {
- var oldOnload = window.onload;
- window.onload = function ( e ) {
- oldOnload( e );
- init();
- }
- }else
- window.onload = init();
- }
- }
- -->
- </SCRIPT>
- <DIV class="transMenu top" id=TransMenu0 style="VISIBILITY: hidden; WIDTH: 4px; HEIGHT: 4px">
- <DIV class=content style="LEFT: -4px; WIDTH: 2px; HEIGHT: 2px">
- <TABLE class=items cellSpacing=0 cellPadding=0 border=0>
- <TBODY></TBODY></TABLE>
- <DIV class=shadowBottom><IMG height=1 src="" width=1></DIV>
- <DIV class=shadowRight style="LEFT: 0px"><IMG height=1 src="" width=1></DIV>
- <DIV class=background style="WIDTH: 0px; HEIGHT: 0px; BACKGROUND-COLOR: #ffcc99"><IMG height=1 src="" width=1></DIV></DIV></DIV>
- <DIV class="transMenu top" id=TransMenu1>
- <DIV class=content>
- <TABLE class=items cellSpacing=0 cellPadding=0 border=0>
- <TBODY>
- <TR class=item>
- <TD id=TransMenu1-0 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>BADMINTON</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-1 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>BASKET</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-2 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>CYCLO</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-3 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>DANSE Hip-Hop</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-4 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>DANSE</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-5 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>GYM ENTRETIEN MATIN</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-6 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>GYM ENTRETIEN SOIR</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-7 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>GYM TONY'C</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-8 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>JUDO</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-9 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>MUSCULATION</TD></TR>
- <TR class=item>
- <TD id=TransMenu1-10 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>TENNIS DE TABLE</TD></TR></TBODY></TABLE>
- <DIV class=shadowBottom><IMG height=1 src="" width=1></DIV>
- <DIV class=shadowRight><IMG height=1 src="" width=1></DIV>
- <DIV class=background><IMG height=1 src="" width=1></DIV></DIV></DIV>
- <DIV class="transMenu top" id=TransMenu2>
- <DIV class=content>
- <TABLE class=items cellSpacing=0 cellPadding=0 border=0>
- <TBODY>
- <TR class=item>
- <TD id=TransMenu2-0 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>ARTS PLASTIQUES</TD></TR>
- <TR class=item>
- <TD id=TransMenu2-1 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>COUTURE</TD></TR></TBODY></TABLE>
- <DIV class=shadowBottom><IMG height=1 src="" width=1></DIV>
- <DIV class=shadowRight><IMG height=1 src="" width=1></DIV>
- <DIV class=background><IMG height=1 src="" width=1></DIV></DIV></DIV>
- <DIV class=transMenu id=TransMenu3>
- <DIV class=content>
- <TABLE class=items cellSpacing=0 cellPadding=0 border=0>
- <TBODY></TBODY></TABLE>
- <DIV class=shadowBottom><IMG height=1 src="" width=1></DIV>
- <DIV class=shadowRight><IMG height=1 src="" width=1></DIV>
- <DIV class=background><IMG height=1 src="" width=1></DIV></DIV></DIV>
- <DIV class="transMenu top" id=TransMenu4>
- <DIV class=content>
- <TABLE class=items cellSpacing=0 cellPadding=0 border=0>
- <TBODY>
- <TR class=item>
- <TD id=TransMenu4-0 style="PADDING-RIGHT: 15px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" noWrap>CHAR</TD></TR></TBODY></TABLE>
- <DIV class=shadowBottom><IMG height=1 src="" width=1></DIV>
- <DIV class=shadowRight><IMG height=1 src="" width=1></DIV>
- <DIV class=background><IMG height=1 src="" width=1></DIV></DIV>
|
Et le style correspondant :
désolé pour la présentation mais je suis sous un poste de l'université n'ayant que IE donc c'est la merde pour récupérer le code. bref
Vous pouvez trouver la page sur http://cuhbe.free.fr/site%20FJEPS/test.html
Si quelqu'un sait ce que je doit changer pour que le menu fonctionne sous IE ainsi que firefox , merci de me le dire par avance
Bye. |