ayuda urgente!!!

[yaz_vivi]

hola es la primera vez que posteo, espero que me puedan ayudar!!!

mi problema es el siguiente:

tengo dos banners en flash uno con altura de 80 y otro con 200 los dos con el mismo ancho

el caso que necesito que de primero cuando entre la pagina se vea el banner chico
pero cuando pase el mouse se desaparezca ese y aparezca el grande....

ya logre alg en firefox, o sea en ese browser si se ve, el efecto, pero en explorer no.....
y me urge que se ve en los dos, mas en Explorer.....

mi codigo seria el siguiente:

en html tengo

Código:

<div id="bann_exp">                   	
       <object width="1277" height="80" onMouseOver="javascript:expandir(1);"> 
           <param name="movie" value="../banners/vc_banner_h_ch.swf"/>
           <param name="quality" value="high" />
           <embed src="../banners/vc_banner_h_ch.swf" id="bann_exp" width="1277" height="80" quality="high"  onMouseOver="javascript:bann_exp(1);"></embed>
       </object>
</div>
<div id="bann_exp2" style="position:absolute; width:1277px; height:200px; z-index:0; visibility:hidden;">                  	
     <object width="1277" height="200" onMouseOut="javascript:expandir(0);"> 
          <param name="movie" value="../banners/vc_banner_h_grd.swf"/>
          <param name="quality" value="high" />
         <embed src="../banners/vc_banner_h_grd.swf" id="bann_exp" width="1277" height="200" quality="high"  onMouseOut="javascript:bann_exp(0);"></embed>
     </object>
</div>

y en javascript tengo

Código:

function expandir(num)
{
	var posicion_x = document.getElementById("bann_exp").style.left;
	var posicion_y = document.getElementById("bann_exp").style.top;
	if(num == 1)
	{
		document.getElementById("bann_exp2").style.left = posicion_x;
		document.getElementById("bann_exp2").style.top = posicion_y;
		document.getElementById("bann_exp2").style.visibility="visible";
		document.getElementById("bann_exp").style.display="none";	
	}
	else
	{		
		document.getElementById("bann_exp2").style.visibility="hidden";
		document.getElementById("bann_exp").style.display="block";;
	}
}

si alguien tiene idea de lo que tenog mal agradeceria mucho su ayuda!

saludos

[sander]

Hola usando jquery puedes hacer algo asi:

Primero pon en un contenedor a ambos banners asi:

Código HTML:

<div id="bann">
 
<div id="bann_exp">                     
       <object width="1277" height="80"> 
           <param name="movie" value="../banners/vc_banner_h_ch.swf"/>
           <param name="quality" value="high" />
           <embed src="../banners/vc_banner_h_ch.swf" id="bann_exp" width="1277" height="80" quality="high" ></embed>
       </object>
</div>
<div id="bann_exp2" style="position:absolute; width:1277px; height:200px; z-index:0; display: none">                    
     <object width="1277" height="200"> 
          <param name="movie" value="../banners/vc_banner_h_grd.swf"/>
          <param name="quality" value="high" />
         <embed src="../banners/vc_banner_h_grd.swf" id="bann_exp" width="1277" height="200" quality="high" ></embed>
     </object>
</div>
 
</div>
 

Fijate que cambie tambien en el banner2 visivilty por display:none y quite en ambos banners los eventos javascript.


Y el script jquery seria algo asi

Código Javascript:

$(document).ready(function(){
    $('#bann').mouseover(function(){
                $('#bann_exp').hide();
                $('#bann_exp2').show();
    }).mouseout(function(){
                $('#bann_exp').show();
                $('#bann_exp2').hide();
    });
});
 

Espero te sirva y suerte.

Saludos.

[yaz_vivi]

mil gracias por tu ayuda.... con ese codigo de Javascript query se ve muy entendible todo...

pero no me funciona en el servidor no reconoce el archivo js con ese codigo en que extencion se guarda?

baje el plug-in para trabajr los jquery, pero ahora me marca error los demas archivos js que tengo, porque no son de la programacion del jquery.

como le hago.

estoy tratanto de usar la logica que manejaste para ver si con javascript normal me sale, les aviso que paso

muchas gracias de antemano por tu respuesta

[yaz_vivi]

hola, lo resolvi con tu ayuda y javascript clasico

deje el html como tu me lo comentaste anidados por otro DIV

pero el codigo javascript quedo asi:

Código:

function expande(){		
		document.getElementById("bann_exp").style.display = "none";
		document.getElementById("bann_exp2").style.display = "block";
		document.getElementById("bann_exp2").style.left = document.getElementById("bann_exp").style.left;
		document.getElementById("bann_exp2").style.top = document.getElementById("bann_exp").style.top;
}

function esconde(){
	document.getElementById("bann_exp").style.display = "block";
	document.getElementById("bann_exp2").style.display = "none";
};

gracias a ti salio este problemilla que ya tenia bandera roja en mis tareas.. mil gracias!!!!

Saludos

[sander]

Que bueno que te haya servido y tengas resuelto tu problema.
Sin embargo te recomendaria empezar a usar el framework Jquery que te ahorra muchos lineas de codigo y es mucho mas facil de entender ademas que tiene funciones propias que te hace la vida mas facil.
Saludos.

[yaz_vivi]

el codigo del framework jquery lo entiende cualquier servidor o que servidores yo manejo servidor apache con php lo soportaria!!!, para investigar mas sobre el tema.. porque la verdad el codigo que me pasas de un principio estaba super facil y muy entendible.

GRacias

[David]

jQuery es un framework de Javascript, y como Javascript se ejecuta del lado del cliente el servidor no interfiere en su ejecución.

Quizás estés apuntando mal a la dirección del archivo.

[sander]

Hola mira primero leete este enlace

http://www.maestrosdelweb.com/editor...do-con-jquery/

Aunque lo que creo que te esta faltanto es llamar el archivo jquery.js en la cabecera de tu html dentro el head algo asi:

Código HTML:

<script type="text/javascript" src="jquery.js"></script>
 

Ademas si entiendes ingles la documentacion oficial de jquery es buenisima y la comunidad es muy grande y activa.

http://docs.jquery.com/Main_Page

Saludos.