Entrar

problema menu desplegable

javierone · · Solicitar retirada
hola he visto un tutorial de un menu desplegable y ponia que las dudas se mirasen aqui y el caso es que el menu no me sale os dejo el codigo para ver q es lo q me falta
gracias por adelantado

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<style type="text/css">
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate=function(){document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
}
}
<!--
body {
background-color: #99CC99;
}
-->
</style></head>

<body onload="init();">
<table width="549" border="0" align="center">
<tr>
<td width="543"><table width="560" border="0" cellpadding="0" cellspacing="0" bordercolor="0">
<tr>
<td colspan="10">[contenido no disponible]</td>
</tr>
<tr>
<td width="0" height="0">[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
<td>[contenido no disponible]</td>
</tr>
<tr>
<td colspan="10"><div id="navegacion">

<ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div></td>
    </tr>
    <tr>
    <td colspan="10"></td>
    </tr>
    </table></td>
    </tr>
    </table>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>
    • javierone · · Solicitar retirada
    no no lo he subido porq esta mal, por eso puse el codigo porq si vosotros lo poneis en dreamweaver es probable q sepais porq esta mal
    KenLego · · Solicitar retirada
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento sin t&iacute;tulo</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
    <script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
    <script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
    <style type="text/css">
    function init()
    {
    if (TransMenu.isSupported())
    {
    TransMenu.initialize();
    desplegable1.onactivate=function(){document.getElementById('desplegable1').className = 'hover'; };
    desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
    desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
    desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
    desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
    desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
    }
    }
    </script>
    <style type="text/css">
    <!--
    body {
    background-color: #99CC99;
    }
    -->
    </style>
    </head>

    <body onload="init();">
    <table width="549" border="0" align="center">
    <tr>
    <td width="543"><table width="560" border="0" cellpadding="0" cellspacing="0" bordercolor="0">
    <tr>
    <td colspan="10">[contenido no disponible]</td>
    </tr>
    <tr>
    <td width="0" height="0">[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    </tr>
    <tr>
    <td colspan="10"><div id="navegacion">

    <ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div></td>
    </tr>
    <tr>
    <td colspan="10"></td>
    </tr>
    </table></td>
    </tr>
    </table>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    Ahi esta el error, pusiste comandos javascript adentro de las etiquetas de estilos, cambia lo que te marque en rojo por <script type="text/javascript"> y con eso se arreglaria :wink:

    P.D.: Lo que puse en verde es lo que tenes que agregar :wink:
    • javierone · · Solicitar retirada
    Sigue sin funcionar no se si lo cambie bien


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento sin t&iacute;tulo</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
    <script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
    <script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
    <style type="text/css">
    function init()
    {
    if (TransMenu.isSupported())
    {
    TransMenu.initialize();
    desplegable1.onactivate=function(){document.getElementById('desplegable1').className = 'hover'; };
    desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
    desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
    desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
    desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
    desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
    }
    }
    </script>
    <style type="text/css">
    <!--
    body {
    background-color: #99CC99;
    }
    -->
    </style>
    </head>

    <body onload="init();">
    <table width="549" border="0" align="center">
    <tr>
    <td width="543"><table width="560" border="0" cellpadding="0" cellspacing="0" bordercolor="0">
    <tr>
    <td colspan="10">[contenido no disponible]</td>
    </tr>
    <tr>
    <td width="0" height="0">[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    </tr>
    <tr>
    <td colspan="10"><div id="navegacion">

    <ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div></td>
    </tr>
    <tr>
    <td colspan="10"></td>
    </tr>
    </table></td>
    </tr>
    </table>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>
    • javierone · · Solicitar retirada
    ya consegui que me fncionase pero no en el boton si no en donde pone seccion1 como se cambia eso.
    gracias
    javierone · · Solicitar retirada
    supongo que en definir-menu.txt es donde aparece eso de cambiar la seccion por la imagen noticias pero no se como se hace ese codigo aki os dejo el codigo
    gracias

    if (TransMenu.isSupported())
    {
    var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

    var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
    desplegable1.addItem('Seccion 1','ruta');
    desplegable1.addItem('Seccion 2','ruta');
    var desplegable2_0 = desplegable1.addMenu(desplegable1.items[1]);
    desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
    desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
    desplegable2_0.addItem('Sub-Seccion 2.3','ruta');
    desplegable1.addItem('Seccion 3','ruta');

    TransMenu.renderAll();
    }