Capt.Mahou escribió:
chinchan escribió:
Si, parece que utilizando js puede funcionar. El tema que ocupa ahora es como implementarlo en un archivo php.
Alguien sabe como hacerlo...
Saludos
Hacer el qué? Si necesitas pasar variables PHP a un JS
esto te servirá. Si no, explícate por favor.
Claro, me explico.
Yo tengo una lista incluida en un archivo php, concretamente en el theme.php del theme que voy a usar, en la funcion themeheader. Lo tengo asi:
Código :
echo "</font></td>\n"
."<td align=\"center\" height=\"1\" background=\"themes/XPOlive/images/topnav-bg.gif\"><font class=\"content\">\n"
. "<center><div id=\"menu\" align=\"center\">"
. " <LINK REL=\"StyleSheet\" HREF=\"navmenu.css\" TYPE=\"text/css\">"
. " <ul id=\"navmenu\">"
. " <li><a href=\"http://www.miwebdeprueba.com/web/\">PRINCIPAL</a>"
. " <ul> "
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " </ul>"
. " </li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a>"
. " <ul> "
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.augcguadalajara.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/">Ejemplo</a></li>"
. " </ul>"
. " </li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/"\>Ejemplo</a>"
. " <ul> "
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
. " <li><a href=\"http://www.augcguadalajara.com/web/">Ejemplo</a></li>"
. " </ul>"
. " </li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/foro\">Ejemplo</a>"
. " <ul> "
. " <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
. " <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
. " </ul>"
. " </li>"
. " </ul>"
. " <!-- Termina el Menu -->"
. " </div>"
. ""
Y el css para la lista es esta:
Código :
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0 auto;
border: 0 none;
padding: 0;
width: 350px; /*For KHTML*/
list-style: none;
height:10px;
}
ul#navmenu li {
margin: 0 auto;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 300px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu ul li {
width: 200px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: block; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
border: 1px solid #FFF;
border-right-color: #CCC;
border-bottom-color: #CCC;
vertical-align: super;
padding: 0 4px;
cursor: url;
float: center !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: #09C44A;
color: #003322;
font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 10%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #ECE9D8;
color: #FF0000;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #09C44A;
color: #003322;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #ECE9D8;
color: #FF0000;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: table-caption;
}/* CSS Document */
El tema es que no consigo saber donde añadir la llamada al js, pues lo pongo asi:
Código :
." <!--[if gte IE 5.5]>"
. "<script language="JavaScript" src="dhtml.js" type="text/JavaScript"></script>"
. " <![endif]-->"
y un archivo dhtml.js asi:
Código :
navHover = function() {
var lis = document.getElementById("navmenu.").getElementsByTagName("LI");
for (var i=0; i<lis.length; i++) {
lis[i].onmouseover=function() {
this.className+=" iehover";
}
lis[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);
Tal y como indica la pagina que el anterior post especificaba. Pero no ahi manera, sigue sin funcionar en IE. NO se donde incluir el js dentro del archivo php del theme. Y mira que he probado de todo...Incluso ya no se si estoy haciendo algo bien o colocando el css bien o no se, pero no hay manera de que el IE lo visualice. He probado viendo el codigo fuente de otras paginas donde si funciona el css en IE e intentando descifrar y comparar con el mio, pero al final, como esto del css es nuevo para mi no he tenido cojo*** a que funcione. Asi es como estoy colega.
GRacias por contestar. Saludos