Enlazar páginas web por medio de botones Flash

  • 12 de noviembre de 2003
  • Valoración:
  • 52 Comentarios
  • Flash
Cómo hacer que al pulsar un botón se acceda a otra página en el navegador.
Si creamos botones, lógicamente es por que queremos enlazarlos con otras páginas web en nuestro servidor, o páginas web en otros servidores. Para este capítulo necesitaremos el botón que creamos en el capítulo anterior.

Para hacer los enlaces o links, debemos utilizar el panel de Acciones de Flash. Para poder visualizar dicho panel, dirígete al menú principal y haz click en Ventana > Acciones.

Aparecerá la siguiente imagen:


El panel de Acciones, nos servirá para trabajar con ActionScript.

¿Qué es ActionScript?, es el lenguaje de creación de scripts de Flash. Puede utilizar ActionScript para controlar objetos en las películas de Flash con el fin de crear elementos interactivos y de navegación, y para ampliar Flash con el fin de crear películas altamente interactivas y aplicaciones Web. En otras palabras, ActionScript es el lenguaje de programación utilizado por Flash.

Comencemos a hacer el enlace.

1- Desde la biblioteca de Flash, arrastramos a la Escena 1 el botón creado en el capítulo anterior. Mantén el botón seleccionado, si no lo está, haz click sobre él con la herramienta flecha.

2- En el menú principal, haz click en Ventana > Acciones.

3- En el panel de Acciones, haz click en la palabra Acciones (Actions), automáticamente se desplegará una especie de submenú en donde debes hacer click en Explorador (Browser/Network), después haz doble click en getURL.

getURL es la acción que nos permitirá navegar entre páginas web, también permite pasar variables a otras aplicaciones en una URL definida. Un ejemplo de URL es http://www.desarrolloweb.com

4- Como habrás notado, al hacer doble click sobre getURL, arriba del cuadro que está a la derecha del panel de Acciones, aparecen los siguientes campos de texto:

URL: aquí especificarás la dirección a la cual se enlazará el botón.

Si vas a hacer un enlace con una página web dentro de tu servidor tienes que escribir el nombre del archivo, por ejemplo: nombre_de_archivo.html

Si vas a hacer un enlace con una página web que no está dentro de tu servidor tienes que escribir http://, mas el nombre del archivo, por ejemplo: http://www.desarrolloweb.com

Ventana: Éste es opcional (si quieres puedes dejarlo vacío). Especifica de qué forma será cargado el documento o fotograma. Las formas en que se cargarán son:

_self: especifica el fotograma actual de la ventana activa.

_blank: indica que la página se abrirá o cargará en una nueva ventana..

_parent: especifica el elemento principal del fotograma actual.

_top: especifica el fotograma de nivel superior de la ventana actual.

Variables: POST y GET, especifica la manera en que se enviará la información etc, se usa para formularios, así que en nuestro caso no son necesarias las variables; así que selecciona No enviar.

Un ejemplo de cómo tendría que quedar el script en el cuadro derecho de el panel de Acciones es:

on (release) {

getURL("http://www.desarrolloweb.com", "_blank");

}

(si tienes problemas en seguir las instrucciones, simplemente copia el código anterior y pégalo en el panel de Acciones)

Puedes ver que la primera linea del script aparece escrito: "on (release)". Es una acción utilizada en los botones, que indica que la acción que aparece entre "{ }" se ejecutará inmediatamente después de hacer click sobre el botón, o sea, al liberar el botón del mouse.

Podemos ver un ejemplo del botón creado siguiendo estos pasos.

Comentarios

Rasta

21/6/2006
yo tengo el mismo problema que muchos de los comentarios que he leido.
Cuando enlazo una pagina web que no está en mi servidor, no tengo ningún problema, pero cuando quiero enlazar otra pagina (archivo *.fla) en el mismo sitio no me deja. No hay ningún error de sintaxis, pero cuando ejecuto la aplicación en mi navegador y pulso el boton me dice que la dirección no es correcta, pero si lo es.
ejemp.
C:Documents and SettingsEscritorioWebpagina.fla
en el mensaje de error pone:
La dirección no es valida...C:ocuments and Settingsscritorioebagina.fla
como se observa esa se come la primera letra de cada carpeta o archivo.
Cómo se soluciona esto?? Mira que le llevo dando vueltas..
Gracias

casaerius

09/8/2006
hola, mira "Rasta", a mi me pasaba lo mismo, y lo solucioné muy facil, luego del debes agregar un _ por ejemplo, en tu caso debería quedar así

C:\_Documents and Settings\_Escritorio\_Web\_pagina.fla

con esto se debería de solucionar el problema

... MAR ...

Luis Antonio

07/11/2006
Estoy armando una página en Frames y los botones los quiero hacer en Flash, mi pregunta es ¿Hay una forma de indicar por medio de ActionScript que el boton me cargue en un frame determinado un html?

Saludos!!!!!!!!!

coto

04/1/2007
yo tenia problemas similares al de ustedes antes pero logre el codigo necesario en action script que es el siguiente :


on (release) {

getURL("http://www.floricienta.cl.tc", "_self");

}


copienlo y pegenlo en el boton que quieran enlasar ( en el panel action script de el boton ) ( asen clik en el boton y ponen acciones que esta en una parte de avajo luego sale una pag blanca y ai pegan el codigo)

claro que fijense que en una parte de el codigo sale http://www.floricienta.cl.tc/ ai ustedes tienen que poner la url de el sitio que quieren enlasar pero siempre tiene que ser con la http:// con eso antes y recuerden que esta en _self que es para que se avra e lamisma ventana si quieren que se avra en una nueva tienen que poner _blank en ves de _self y si quieren que su sitio se inicie automaticamente sin ningun boton ( que solo se avra por si solo ) que es necesario para intros por ej tienen que usar este codigo :


getURL("http://www.floricienta.cl.tc", "_self");


y poner la url que quieran bueno eso es todo y asta pronto , visiten mi sitio que esta echo en flash y esta mui bueno es www.floricienta.cl.tc metanse a creditos-contacto y sale la direccion electronica escrivan ¡¡¡¡¡

www.floricienta.cl.tc

Erick

05/11/2008
Hola a todos a mi ya me fuciona, pero me aparce un cuadro de dialogo del "centro de seguridad flash player" y no se como configurarlo para que mi web acceda a otras paginas

alfinpude

22/3/2009
Excelente este tuto al fin pude hacer los botones en flash y enlazarlos para verlos por dreamweaver
gracias y gracias

ricardo_c_yunes_lara

06/5/2009
Script
Hola, gracias por el articulo, mi pregunta es: como le doy la instruccion de que me habra la pagina pero que no me vuelva a cargar la animacion (MENU).

Gracias y espero su ayuda.

Saludos

BadChicken

12/5/2009
Respuesta a rasta
hola rasta, creo que lo que puedes hacer es insertar la pelicula flash .fla dentro de un archivo html y en vez de linkarlo al archivo flash, creas el hipervinculo al documento html. Ademas, no hagas eso de c:carpetaenlaqueestaarchivo.html, ya que en tu pc te funcionará pero en internet no. Lo que debes hacer es escribir la ruta relativa, es decir, la dirección desde la que estara el documento. Ejemplo:
El boton esta en index.html
quieres enlazar con imagenes.html que esta dentro de una carpeta llamada img que esta en la misma carpeta que index: la ruta deberá ser: img/imagenes.html
Saludos

David

28/5/2009
Ayuda
Hola amigos, necesito su ayuda, lo que quiero hacer es que al hacer click en el botón me muestre una pelicula hecha en el mismo archivo de flash . disculpen pero es uqe soy muy nuevo en esto. de ante mano gracias por su apoyo

jorge paz

22/6/2009
programacion http
prueben con "http:mipagina.com" sin // a mi me funciono de esta forma. por que? No lo se no me pregunten je je saludios

herryam

08/8/2009
Enlazar páginas web por medio de botones Flash
A mi me va fantastico lo que esplicas. Pero no se como hacer que un boton abra un correo. Vamos que el lugar de abrir una pagina se abra el correo.

Diego

02/9/2009
Boton
Hola, tengo un gravisimo problema, leyendo los post yo tambien tengo el problema que me sale que no puede encontrar la pagina q quiero linkear, me explico, yo tengo un boton en un fla, lo que quiero hacer es que al darle click me lleve a una pagina x.html que tambien esta en la misma carpeta que el index, le agrego la raya abajo nada, le pongo solo la direccion abreviada nada, me podrias decir porfavor, muchas gracias

Naida

13/9/2009
Me da error
Hola,necesito ayuda. No me deja de ninguna forma direccionar un boton a una web. Siempre me pone que hay algun error.
He copiado cientos de veces esto:
on (release) {

getURL("http://www.desarrolloweb.com", "_blank");

}

y siempre me dice que da error, dice que debido a lo de on (release){

Ya no se que más hacer, por favor, ayuda!
gracias

luis enrike

30/9/2009
quiza esto te ayude
prueba poniendo (press) en lugar de release ya que release es para cuando acerkes el cursos creo y press es al "presionar" y tambien creo ke eso de los espacios es algo importante asi ke ten cuidado.

on (press) {

getURL("http://www.desarrolloweb.com","_blank");

}

Lourdes Rocha

11/10/2009
excelente
Me sirvio muchisimo tu comentario. trabaja perfecto. Soy la mas novata

darwin

10/11/2009
boton flash
yo quiero vincular el boton flash desde action script 3 para una pagina de dream weaver y he intentado con muchas programaciones y no funciona alguien me puede ayudar mi correo dar.vin88@hotmail.com

sanmy

11/11/2009
tengo un gran problema
cuando yo sigo estos pasos digamos convierto el objeto a boton luego me voy a comportamientos y despues elijo enlazar a pagina web bueno todo va normal hasta en la vista preliminar pero cuando lo publico y lo abro en html no me realiza el link o enlace hacia la otra pagina pero en flash si lo hace?

camila

19/11/2009
agradesimiento
GRACIAS ESTUBO BUENO Y PUES ME AYUDO A MI TAREA AAAAA???
ME GUSTARIA QUE PUSIERAN ALGO DE SEXO GRACIAS

alvaro

14/12/2009
errores de sintaxis
Me ha resultado muy interesante este tutorial, pero a la hora de llevarlo a cabo me da erores que no se como solucionar. he probado de todo xo no se si hago algo mal. he intentado pegar
on (release) {

getURL("http://www.desarrolloweb.com", "_blank");

}
e incluso con on (press) como he leido en algun comentario, pero me dice q hay caracteres adicionales al final del programa. ¿que quiere decir? como lo soluciono.
si alguien puede solucionarmelo se lo agradeceria muchisimo xq estoy un poco desesperado

Patricio A.

15/1/2010
faltas de ortografía, sigo 21....? y con internet
Por favor tengan más cuidado en la redacción de sus respuestas.- Corregir "AVRA", porque nada tiene que ver con el verbo "ABRIR".
Un saludo

Rafael

20/1/2010
Crear enlaces para 3 botones de varias publicidades en una sola película.Flash
...Buenos dias mariscal muy poco domino el lenguaje de Action Script en el ambiente de Flash, deseo saber como hago al tener una animación interactiva de una publicidad creada en Flash que lleva (3) tres publicidades en un misma película. Para ingresar (3) tres enlaces distintos al ser presionado y me funcione sin problemas.

Realice la prueba con un archivo flash que contiene (3) publicidades distintas me funcionan (2) enlaces con la ruta del Action Script "URL" a una pagina web correcto. En la primera publicidad me pasa que aparece un error al abrir el enlace de la pagina con esta dirección http://www.desarrolloweb.com/http://www.mueblesyhogar.com y la dirección esta igual anexa dentro del Action Script, como las otras publicidades que se encuentran en la misma película flash... Agradesco una solución para este caso...

montedvd

21/1/2010
ayuda
Hola a todos,nesesito ayuda,cuando le doy click en mi boton no me aparesio nada coloque
on (release) {

getURL("C:Documents and SettingsAdministradorMis documentosMy Web Siteswebsmaster.html"_black");

}

y tambien coloque

on (press) {

getURL("C:Documents and SettingsAdministradorMis documentosMy Web Siteswebsmaster.html"_black");

}

montedvd

21/1/2010
lo que sea
Exelente tutorial

kristina

02/2/2010
botones con enlace a web
Me quedó perfecto !!! Gracias por estos tutoriales, son sencillos de entender y están paso a paso !!! Excelentes !!

hernan

08/2/2010
buenisimo...
me re sulto bien esa parte pero lo que yo nescesito es poder conectarme de una pag.... dreamweaver con una botonera flash... y desde esa botonera... q me lleve a una pag externa a mi sitio.... es decir... a otra web... me explico???

gracias desde ya

Luis

10/2/2010
Botones
No puedo seleccionar el boton para agregarle el enlace q hago?

mo

22/3/2010
problema con codigo
hola yo tengo una botonera de flash insertada en unhtml y q quiero q se conecte con otro html del mismo sitio el codigo q tiene el boton es:
on (release) {getURL("nombre.html"_self);
} pero el preoblema q tengo es q llama a la otra pag pero la abre en una nueva ventana, y yo quiero q la abra en la misma, y si al _self le pongo comillas no anda.

Nana1975

23/3/2010
no lo puedo ejecutar
Al momento de ejecutar el boton me indica los siguiente:
**Advertencia** El identificador de vinculación 'boton1' ya estaba asignado al símbolo 'boton1' y no es posible asignarlo al símbolo 'boton1' porque los identificadores de vinculación deben ser exclusivos.

sattosai

05/4/2010
tengo un problema con mi flash
hola mi problema es el siguiente, eh creado el boton y si me manda a mi pagina pero.... yo cree mi flash para ponerlo en dreamweaver entonces quiero que mi enlace del flash salga no en el mismo espacio de mi cuadricula sino que el vinculo lo ponga en el cuadro de abajo de mis divisiones en dreamwber. no se si me explique dejo mi correo, "sharkangelo@hotmail.com" saluydos

sattosai

05/4/2010
lo mismod e arriba
mira quisiera que mi pagina se viera como esta de aqui:
http://www.cascadasdelapradera.com/ echale el ojo, es lo que quiero, es un flash metido en un archivo de html. entonces hicieron divisiones y en la parte de arriba esta el flash y en la de abajo esta todo lo demas en html, eso quisoiera hacer, como lo hago?

fridtz

09/4/2010
duda
Que pasa si aunque ponga on press me marca error??? Ya intenté el codigo que pusieron, pero tampoco funciona!!!

federico

29/4/2010
URL Falsh Actionscript 3.0
Hola, esto es Action Script 2.0? Como hago para pasar a una nueva pagina dentro de un mismo site (sin abrir otro browser) asi puedo navegar y mejorar la descarga? O sea, con que codigo de instancia de flash voy de:
www.blablabla.com
hacia
www.blablabla.com/contenido

gracias a todos!

Juan Jose

13/5/2010
Enlazar paginas web con botnes flash
Hola, llevo ya un rato tratando de enlazar una pagina web mediante un boton flash y no me abre la pagina, al darle click me envia este cuadro de texto, podrian a yudarme y explciarme cual es mi error.
Ya rectifique la ruta y esta correcta, rectifique la ruta qye este dentro del boton y tambien correcta;
cuando pruebo el boton desde flash player funciona bien , pero cuando lo abro desde algun explorador me envia este qeu dice asi

Adobe flash player ha detenido una oprecion no se segura
para permitir que esta aplicacion se comunique con internet agra click en configuracion ; y aparecen dos botnoes una de aceptar y otro de configurar.

Ayuda porfavor

tacopay10

26/5/2010
ActionScript
Soy nuevo en actionscript me gustaria saber el codigo del boton para poder cargar dos swf por sepado.
GRACIAS...

aresx13

10/6/2010
iframe
perdonen, pero si quiero que al darle al botón se me abra la pagina pero dentro de una capa en la cual tenga un iframe, alguna propiedad como el target en html.

si me pudieran ayudar se lo agradecería muchisimo!

Saludos, y gracias por este post ;)

isleño

22/6/2010
Al rescate
al chabalo q escribio esto:

Hola a todos,nesesito ayuda,cuando le doy click en mi boton no me aparesio nada coloque
on (release) {

getURL("C:Documents and SettingsAdministradorMis documentosMy Web Siteswebsmaster.html"_black");

}

y tambien coloque

on (press) {

getURL("C:Documents and SettingsAdministradorMis documentosMy Web Siteswebsmaster.html"_black");

}


mira men son varias cosas una no podes poner espacios en las direcciones.

lo otro es q para abrir otra pagina dentro de tu propia carpeta para vos solo ocupas esto
on (release) {

getURL("pagina.html,"_black");

}
donde dice pagina pones la q vos queras no es necesario poner c:.... pero la pagina debe de existir en la misma ubicacion de donde esta ubicado tu menu

Boris

04/7/2010
Gracias
Gracias amigo .. me sirvio tu articulo...ahora lo k quiero saber es como poner un formulario para comentarios en mi pagina.. mi msn es leo_245_5@hotmail.com ..

Miguel Bermudez

26/7/2010
Gracias
Gracias por sus aportes son de gran de ayuda ...

cristian

09/8/2010
gracias
oie brother muchas gracias x el dato, me sirvio el
on(release){
getURL("xxx",xxx);
}
lo estaba buscando x todos lados gracias

melchor mtz

10/8/2010
ayuda
necesito ayuda ya que tengo un proyecto q es crear un cd interactivo me gustria si podria orientarme con unas paginas dond pueda obtener excelentes tutoriales d flash 10 para q pueda lograr un buen trabajo saludos esperando respuesta positiva

Gely

17/9/2010
ELAZAR PAGINAS WEB por medio de botones flash
hola copie y pege la acción en mi boton pora enlazar a una pagina web y no hace nada al hacer click porque sera, estoy usando flash de la version CS4

EIVO

22/2/2011
xq no me habre la pagina
ya hice los botones y le puse el actionscripts y todo eso y si me funciona, pero cuando lo publico como html, le doy click en el boton y no pasa nada no me habre la ventana, como le hago, les agradeceria mucho me ayudaran, GRACIAS

Melvi Oviedo

15/4/2011
excelente tutorial,
me gusto mucho la explicacion a cada una de la sentencias, yo trabajo con un servidor local, para probar paginasweb,

pablo

04/5/2011
no funciona boton flash
hola, les cuento q hice un banner en flash, usando interpolac de movim y un efecto en textos usando movieclip. Al crear el boton transparente, le pongoel código, pero al exportar la película no me aparece ni la manito del cursor ni se abre ninguna página. es como si no lo reconociera al código q escribí. Alguien sabe por qué? gracias.

jose

07/8/2011
Me esto quemando
porque me sale esto cuando pongo las acciones?

Escena 1, Capa 'galeria', Fotograma 1, Línea 1 1086: Error de sintaxis: se esperaba un punto y coma antes de leftbrace.

Jose D

14/10/2011
Error (en mi máquina) al correr el código.
Saludos a todos.

Al correr el código expuesto en este artículo sobre un Intel Core i5, en Windows 7 con Flash 8, me aparece el siguiente mensaje de error:

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 1: Mouse events are permitted only for button instances
on(press){

Total ActionScript Errors: 1 Reported Errors: 1

El código ha sido copiado y pegado tal cual aparece en el artículo. Estaría agradecido al poder contar con el conocimiento de todos, e identificar posibles causas y/o posibles soluciones.

lore

23/4/2012
no me funciona
abro actions y no aparece nada de navegador ni lo de getURL, que pasa conmigo???

Alejandro Jimenez

29/5/2012
Tengo una pregunta
Todos los sitios de ayuda me dan la misma respuesta de como poner un botón con un enlace a un sitio web, yo tengo flash cs5 en una mac y ya seguí todos los pasos, ya copie el código tal cual y lo pegue en mi proyecto substituyendo la dirección de la página a la que quiero entrar, doy control enter para generar el swf y no pasa nada al apretar el botón ¿?¿?¿? ya lo intente varias veces y otra cosa extraña es que en la lista de acciones no encuentro esto de getURL, tan solo estoy tomando el ejemplo mencionado del código.
Espero me puedan ayudar.
También yo tengo un fotograba para todas las acciones en una capa y mis botones tienen un nombre de instancia en el panel, ¿como quedaría la programación con el nombre de instancia del botón?
Gracias, serian de mucha ayuda en estos momentos

jenny

08/10/2012
no puedo enlazar una pagina interna a una web
estoy realizando los botones de la pagina en flash pero no he podido probe en action 3 colocando
button_1.addEventListener(MouseEvent.CLICK, fl_ClickToGoToWebPage_2);

function fl_ClickToGoToWebPage_2(event:MouseEvent):void
{
navigateToURL(new URLRequest("http://www, blabkjgindex.php"), "_blank");
}

y nada y en action2
on (release) {

getURL("http://www.sssso.com/repuestos/index.php");

}

miiikii

05/11/2012
no puedo hacer que el boton me mande ala pagina web,me aparece error de sintaxis que hago?ayudenme pliiz....
y la verdad esta muy trabajoso y lo debo de entregar el lunes,,ayudenme sii.graciias

Fernando

27/2/2013
Boton Flash
Enlace una URL con el boton flash , pero el problema es como puedo hacer para que el boton ya no pueda ejecutarse al saber que esta dentro de la URL ,
por ejemplo

al hacer clic al boton me manda a una pagina dentro de mi web
(//web/servicios.html) pero si sigo haciendole clic me manda a
(//web/servicios/web/servicios.html) ... y asi , la idea es que ya no se ejecute cuando esta el la URL deseada

SUSANA

16/12/2013
BOTONES
ESTOY HACIENDO UNA PAGINA, TENGO QUE HACER QUE AL PULSAR UN BOTON ESTE ME LLEVE A UN FOTOGRAMA ESPECIFICO, PERO A LA PARTE SUPERIOR DE LA PAGINA, LE PONGO ESTE ACTION
on (press) {
gotoAndStop(2);
}

PERO NO SE COMO DECIRLE QUE TAMBIEN SE VAYA A LA PARTE DE ARRIBA
AUXILIOOOOO

Compartir