Mostrar div

[Usa_Firefox]

Hola!

Tengo un problema al intentar mostrar un div, y es que comienza a estirarse, pero al segundo o dos, se recarga la página...

Código javascript:

<a id="menulink" onclick="mostrarmenu()" href="/menu.php" class="menuprincipaltext">M&aacute;s</a></li>
 
<!-- Cambiar el link de menu y poner un onclick si está desactivado -->
<script language="javascript">
<!-- Ocultar de navegadores antiguos
var height=0;
 
function mostrarmenu(){
timer= setInterval(abrirmenu,10);
}
 
function abrirmenu(){
 
if(height<=300){
height+=1;
 
document.getElementById('menucompletoc').style.visibility='visible';
document.getElementById('menucompleto').style.visibility='visible';
document.getElementById('menucompleto').style.height=height+'px';
}
else{
clearInterval(timer);
document.getElementById('menucompletolink').style.visibility='visible';
}
}
 
//Quitar el href del link de menu si esta ACTIVADo javasctipt para que se quede en esta pagina
document.getElementById("menulink").href = "";
//-->
</script>
 
</ul>
</div>
 
</p>
<p>
<div id="menucompletoc" style="border:1px solid #FF9900;clear:both;margin-bottom:10px;margin:0px 10px 10px 0px;visibility:hidden;">
 
<div id="menucompletolink" style="border-bottom:1px solid #FF9900;padding:3px;background-color:#FFFFCC;visibility:hidden;">
<a href="javascript:cerrarmenu()">Cerrar</a>
</div>
 
<div id="menucompleto" style="padding:6px;visibility:hidden;">
 
Aqui texto</div>
 
</div>
 

El script lo que quiero que haga es estirazar el div de menu poco a poco...

Saludos

[hector2c]

deseas que al hacer click en el enlace MAS, aparesca el DIV ???

[Usa_Firefox]

Exacto!

Y que aparezca poco a poco, es decir, creciendo lentamente... 1 px cada 10 milisegundos....

Bueno, 100 px por segundo, tampoco es tan lento, pero creo que me entiendes

También añadí que solo hiciera eso en caso de que esté javascript activado, y que el href vaya a la página menu.php, cuando no lo esté.

Bueno, saludos y si necesitan +info e avisan, yo de mientras estoy investigando

[Adler]

Hola

Adapta este a tus necesidades

Suerte

[Usa_Firefox]

Gracias, pero mira...

* This notice must stay intact for legal use.

Es lo que pone. Si lo modifico ...

Además, no necesito todo eso... lo único que necesito es que no se recargue la página... y que el div que hay debajo, se ponga más hacia abajo.

[hector2c]

por que no usas jQuery, el evento show o fadeIn hacen todo eso n.n, si deseas te explico XD

[Usa_Firefox]

Gracias, pero ya lo he solucionado

Oye, siq uieres ver el efecto puedes entrar y pulsar sobre "Más", justo debajo de un circulo vede con un signo +...

[Adler]

Hola

Estaría bien que mostraras como lo solucionastes

PD:¿Lo has probado con FF? Por que el efecto no queda nada bien

[Usa_Firefox]

Hola!

Sí dejaré cómo quedó.. Iba a hacerlo de todos modos

Código:

<script type="text/javascript">	  
<!-- Navegadores antiguos
	  
var height=1;

var timer;
function ampliar(){
timer = setInterval(amplia,5);
}

function amplia(){
if(height<=204){
height+=5;

document.getElementById('menuoculto').style.visibility='visible';
document.getElementById('menuoculto').style.height=height+'px';
}else{
clearInterval(timer);
document.getElementById('menulink').innerHTML='<a href="javascript:cerrar()">Ocultar el men&uacute;</a>';
}
}

//Añadir la funcion cerrar
function cerrar(){
timer = setInterval(cierra,5);
}

function cierra(){
if(height>=0){
height-=5;

document.getElementById('menuoculto').style.height=height+'px';
}else{
clearInterval(timer);
document.getElementById('menuoculto').style.visibility='hidden';
document.getElementById('menulink').innerHTML='<a href="javascript:ampliar()">Mostrar de nuevo</a>';
}
}
//-->
</script>

<div style="margin-left:40px;margin-bottom:3px;margin-top:0px;" id="menulink"></div>
<div id="menuoculto" style="margin-left:40px;height:0px;width:80%;border:solid 1px #CCCCCC;overflow:hidden;margin-bottom:10px;visibility:hidden;">

CONTENIDO

</div>
</div>

¿cuál es el problema en FF?... Yo lo veao bien

[Usa_Firefox]

¿Alguien más lo ve mal en FF?