Entrar

Necesito abrir opciones del menu en la misma ventana!!!!

jessy95 · · Solicitar retirada
Tengo una web con un menu lateral con varios submenus....
al hacer click en cuanquier submenu c abre otra ventana y quiero q aparezca en la misma ventana con el mismo fondo como hago...
Quiero tener el efecto de wikipedia...
al hacer click en las opciones aparece exactament en el lugar del titulo...!!!!
Ayudenme!!!!!!!!!!!
jessy95 · · Solicitar retirada
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page title</title>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){ // Script del Navegador
$("ul.subnavegador").hide();
$("a.desplegable").toggle(
function() {
$(this).parent().find("ul.subnavegador").slideDown('fast');
},
function() {
$(this).parent().find("ul.subnavegador").slideUp('fast');
}
);
});
</script>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #000080;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 12px;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

center {
border: none;
padding:0px;
}

div {
float:left;
}

#menu4 {
width: 200px;
margin: 0px;
border-style: solid solid none solid;
border-color: #CCC;
border-size: 0px;
border-width: 0px;
}

#menu4 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu4 li a:link, #menu4 li a:visited {
color: #CCC;
display: block;
background: url(objetos\menu.gif);
padding: 8px 0 0 10px;
}

#menu4 li a:hover {
color: #FFF;
background: url(objetos\menu.gif) 0 -32px;
padding: 8px 0 0 10px;
}

#a li a:link, #a li a:visited {
background: url(objetos\b6.gif);
}
#a li a:hover {
background: url(objetos\b6.gif) 0 -32px;
}

#b li a:link, #a li a:visited {
background: url(objetos\b7.gif);
}
#b li a:hover {
background: url(objetos\b7.gif) 0 -32px;
}

#c li a:link, #a li a:visited {
background: url(objetos\b2.gif);
}
#c li a:hover {
background: url(objetos\b2.gif) 0 -32px;
}

#d li a:link, #a li a:visited {
background: url(objetos\b1.gif);
}
#d li a:hover {
background: url(objetos\b1.gif) 0 -32px;
}

</style>
</head>

<body>
<td>
<tr width="100%" rowspan="30" valign="top"><img alt="10 (1K)" src="objetos\10.jpg" height="91" width="742" img align="right" /></tr>
<tr width="100%" rowspan="30" valign="top"><img alt="4 (9K)" src="objetos\4.jpg" height="148" width="329" /></tr>
</td>
<div id="menu4">
<ul class="navegador">
<li id="a"><a href="#" class="desplegable" title="Opción 1">Opción 1</a>
<ul class="subnavegador">
<li><a href="subopcion11.css" title="MMMMMM">Sub Opción 1-1</a></li>
<li><a href="#" title="Ir a Sub-Opción 1-2">Sub Opción 1-2</a></li>
<li><a href="#" title="Ir a Sub-Opción 1-3">Sub Opción 1-3</a></li>
<li><a href="#" title="Ir a Sub-Opción 1-4">Sub Opción 1-4</a></li>
</ul>
</li>
<li id="b"><a href="#" class="desplegable" title="Opción 2">Opción 2</a>
<ul class="subnavegador">
<li><a href="#" title="Ir a Sub-Opción 2-1">Sub Opción 2-1</a></li>
<li><a href="#" title="Ir a Sub-Opción 2-2">Sub Opción 2-2</a></li>
<li><a href="#" title="Ir a Sub-Opción 2-3">Sub Opción 2-3</a></li>
<li><a href="#" title="Ir a Sub-Opción 2-4">Sub Opción 2-4</a></li>
</ul>
</li>
<li id="c"><a href="#" class="desplegable" title="Opción 3">Opción 3</a>
<ul class="subnavegador">
<li><a href="#" title="Ir a Sub-Opción 3-1">Sub-Opción 3-1</a></li>
<li><a href="#" title="Ir a Sub-Opción 3-2">Sub Opción 3-2</a></li>
<li><a href="#" title="Ir a Sub-Opción 3-3">Sub Opción 3-3</a></li>
<li><a href="#" title="Ir a Sub-Opción 3-4">Sub Opción 3-4</a></li>
</ul>
</li>
<li id="d"><a href="#" class="desplegable" title="Opción 4">Opción 4</a>
<ul class="subnavegador">
<li><a href="#" title="Ir a Sub-Opción 4-1">Sub Opción 4-1</a></li>
<li><a href="#" title="Ir a Sub-Opción 4-2">Sub Opción 4-2</a></li>
<li><a href="#" title="Ir a Sub-Opción 4-3">Sub Opción 4-3</a></li>
<li><a href="#" title="Ir a Sub-Opción 4-4">Sub Opción 4-4</a></li>
</ul>
</li>
</ul>
</div>
<center>
<img alt="empresa (15K)" src="objetos\empresa.jpg" height="150" width="200" />
</center>
</body>
</html>
esto es todo
lantiga · · Solicitar retirada
vale lo he mirado por encima y se que ese código no lo has echo tu; pero reconozco que esta super bien para aprender ; te explico básicamente tienes script´s en POO y también he visto varias herencias en la hoja de estilos ; por no hablar de la Librería asociada a los script´s .

En fin como ya viene siendo normal hacéis un copia y pega y luego no sabéis que estáis copiando.


Casi que de momento no te voy a ayudar dado que el código o es tuyo se que no vas a aprender nada con loo que te diga.

Pero si alguien no opina lo mismo que me lo diga pues esto es un foro para crear cosas nosotros no para copiar y listo ; eso no tiene ningún merito y no se aprende nada así.
jessy95 · · Solicitar retirada
OYE no lo he copiad m cost mucho trabajo hacer eso llevo como 2 semanas toy aprendiendo m he guiad d cosas del internet si pero no encuentro eso!!!!!!!!!
lantiga · · Solicitar retirada
Vale me lo creo te dire el que el fallo esta en la definición de la ruta ; que básicamente quiere decir que tal y como lo has codificado hay una función que al que le dice al navegador que el contenido lo tiene que mostrar en otra página ; supongo que sabes a que función me refiero,no?
ricky · · Solicitar retirada
Copia la plantilla de nuevo y la pones en la direccion del enlace con su informacion nueva, o busca sobre frames, creo que es a lo que te refieres.