Comunidad de diseño web y desarrollo en internet online

vinculo de boton flash a un tag <div> o <span>

Citar            
MensajeEscrito el 17 Jul 2008 04:58 am
:( tengo una duda. soy nuevo en el ambito de desarrollo de paginas web con javascript, uso dreamweaver CS3 y e metido un boton completamente en flash que yo hice. la idea es que al presionar el boton en una capa se muestre el texto pero cuando no lo presione continue en hidden. realiza una funcion algo asi
<script language="javascript">
function cambiar(){
if(capa1.style.visibility=="hidden"){
capa1.style.visibility="visible";
}
}
</script>

y en la tabla que esta contenido el swf del boton se genero una etiqueta objet dentro de esta etiqueta agrege un evento: onClick="cambiar();"

no pasa nada al previsualizarlo si alguien conoce la manera de poder realizarlo seria exelente y gracias por abrir un espacio como este.

Por fray19

1 de clabLevel



Genero:Masculino  

opera
Citar            
MensajeEscrito el 17 Jul 2008 10:18 am
Lo siento.... no pongas botones en flash.
Usa imágenes para ello.
(Y todo irá mejor)


Por cierto, que debería ser así:

Código :

function cambiar()
{capa1=document.getElementById('id_de_la_capa');
 capa1.style.visibility=(capa1.style.visibility=='hidden'?'visible':'hidden';}
(Y los enventos, serían: onmousedown="cambiar();" y onmouseup="cambiar();")

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 19 Jul 2008 03:24 am
gracias por el aporte ya lo intente asi pero no funciona creo optare por imagenes. tan solo tengo una duda el evento
onclick="cambiar();" va dentro de las etiquetas object donde esta todo el codigo del boton? gracias

Por fray19

1 de clabLevel



Genero:Masculino  

opera
Citar            
MensajeEscrito el 19 Jul 2008 03:50 pm
Mmmm...
Los botones con imágenes (lo recomendado), no son <object>
No puse el código completo, por obvio... pero veo que estás empezando con el xHTML.

Sería, así:

Código :

<script>
function cambiar()
{capa1=document.getElementById('id_de_la_capa');
 capa1.style.visibility=(capa1.style.visibility=='hidden'?'visible':'hidden';}
</script>
<img src="url_de_la_imagen" onmousedown="javascript:cambiar();" y onmouseup="javascript:cambiar();" alt="pon_el_texto_que_pone_la_imagen" title="pon_el_texto_que_pone_la_imagen" />
Si investigas un poco, verás que puedes hacer que la imagen cambie según si estás encima o no, con el cursor, o incluso si la estás pulsando.

Código :

<script>
function cambiar()
{capa1=document.getElementById('id_de_la_capa');
 capa1.style.visibility=(capa1.style.visibility=='hidden'?'visible':'hidden';}
function over_out(e)
{e.src=(e.src=='url_de_la_imagen_out'?'url_de_la_imagen_hover':'url_de_la_imagen_out';}
</script>
<img src="url_de_la_imagen_out" onmouseover="javascript:over_out(this);" y onmoout="javascript:cover_out(this);" onmousedown="javascript:cambiar();" y onmouseup="javascript:cambiar();" alt="pon_el_texto_que_pone_la_imagen" title="pon_el_texto_que_pone_la_imagen" />
Hay cientos de posibilidades.

Te recomiendo el paquete completo de libros.
A mí me fué genial con los tres de ANAYA:
- xHTML
- CSS y DHTML
- JavaScript
(Desde luego, que los dos últimos, sí que deberías)
Cada uno unos 11-13€ (muy baratico, ya ves)
De bolsillo y muy sintéticos.
Más info, aquí.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 27 Jul 2008 07:36 am
Hola Fray19, acavo de postear una pregunta de lo mismo con codigo y todo me funciona de lo lindo en ie6 ie7 pero no en mozilla busca mi post y veraz los codigos que utilizo para botones hechos en flash con submenus en javascript. Saludos!!!

Por pandigula

23 de clabLevel



 

msie7

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.