Ir al contenido principal

Llamar una función javascript desde flash

  Como dije en el anterior post hoy voy a tratar de explicar cómo realizar una llamada a una función javascript, insertada en tu página web, desde flash.

  En la siguiente página: http://www.talleresguadamia.com, tengo un menú principal creado en flash. Creí conveniente modificarlo para que, al pinchar en los enlaces, no actualizase toda la página de nuevo, sino solamente el contenido. Para conseguir esto tenía que modificar los enlaces de forma que hiciesen un llamamiento a una función (en este caso hecha en jQuery) que realizasen dicha tarea. Para ello es necesario editar el código de flash y realizar el siguiente cambio:

on (release)
{
  getURL("javascript:refrescardiv(\'ubicacion.html\')", "");
}

  Como podéis ver, en lugar de incluir URL de la página que queremos ver, la pasamos como parámetro de la función que queremos que se ejecute (en este caso la función se llama "refrescardiv").
  Para la edición y cambio del código (actionscript) de flash no conozco otro método mas que editarlo con el propio programa de Adobe Flash. Programa que yo no tengo por lo que tuve que recurrir a la ayuda de un amigo que si lo tiene. Si alguien conoce otra forma de hacerlo con algún programa gratuito que me lo postee, me haría un gran favor.

  Ahora sólo me queda dejar el código de la citada función (que estaría ubicada entre los <head> de nuestra página:

 <script type="text/javascript">
function refrescardiv(url){
    var href=url;
    $(this).attr({ href: "#"});
          $("#contenido").load(href);
  }
</script>


  Podéis ver que la única diferencia de esta función con la del post anterior es que esta no comienza con "$(document).ready(function(){", si no con "function refrescardiv(url){". Veis que recoge el parámetro de la url ("ubicacion.html") y se lo pasamos a la variable href. En este caso la función se ejecuta cada vez que pinchamos sobre los enlaces del menú en flash. En el otro se ejecuta una sola vez (cuando la página se haya terminado de cargar "document ready"). Esto es así porque no he encontrado la forma de comunicarme desde java con flash sino al contrario.

Comentarios

Entradas populares de este blog

Leer un archivo XML con jQuery y javascript y modificar un HTML con su contenido

   Una manera muy interesante y fácil de modificar los textos de tu página web. Si, por ejemplo, tenemos una página donde cambiamos a menudo unas noticias que tenemos en el margen derecho, podríamos tener un código HTML como este:    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Manejar archivo XML</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="leerxml.js"></script> <link rel="stylesheet" href="estilos.css"> </head> <body> <h1>Titulo de la página</h1> <div id="derecha"> <div class="noticias"> <div class="prim

Recargar div con efecto de aparición suave (Fade In) en jQuery

  En este post continúo con el código que describí en el segundo post sobre cómo refrescar un div sin necesidad de refrescar toda la página, pero añadiéndole unas lineas para este se aparezca de forma suave. La página de ejemplo es http://www.talleresguadamia.com y el código es el que sigue: <script type="text/javascript"> $(document).ready(function(){    $("#contenido a").each(function(){       var href = $(this).attr("href");       $(this).attr({ href: "#"});       $(this).click(function(event){                  $("#contenido").css("display","none");          $("#contenido").load(href).fadeIn(700);        });    }); });; </script>   Podéis ver lo fácil que es. Hemos agregado sólo dos cosas:   - La linea  "$('#contenido').css('display','none')", que lo único que hace es cambiar la propiedad css "display" del div "#contenido&q

Código jQuery para ver una imagen al pasar el ratón sobre un enlace.

   Voy a explicar un código en jQuery , para que, al pasar el puntero del mouse sobre un enlace o, en este caso, sobre un texto cualquiera (sin necesidad de ser un enlace), se nos muestre una imagen cerca del enlace y que esta desaparezca al retirar el puntero del mouse (sin necesidad de hacer click sobre él). Podéis pensar que me estoy repitiendo con un anterior post. Casi que si. Pero la diferencia es que, en este caso, no sabemos donde estará situada la imagen. Es decir que, dependiendo de la situación de la pantalla donde esté el enlace o texto, allí se mostrará la imagen.    Vamos al grano. Primero el código en HTML:       <span class="enlace" title="hyneria.png">Hyneria</span>    Podéis ver que, en este caso, no se trata de un enlace. Le pongo el nombre de 'enlace' a la clase porque en el CSS le doy apariencia de enlace. Aquí lo importante es 'title' el cual contiene el nombre de la imagen que queremos mostrar (pod