Abrir y cerrar ventana nueva

JoelSuyo · #1 (**permalink**) 05/11/2014, 01:23

Hola!
Tengo que hacer una pagina en php que me muestre una tabla de paises, posicion y su bandera, pero que al hacer click en el nombre del pais se abra una ventana..mostrando el escudo de ese pais, y esa ventana se cerrara luego de 4 segundos. Este es mi codigo:

Código PHP:

 
<html>

    <head>

        <meta charset="UTF-8">

        <title>Banderas</title>

        <script type="text/javascript">

        function crearventana() {

     ventana = window.open("http://localhost/Paises/$key.html","nuevo","width=400,height=400");

     setTimeout(cerrarVentana,5000);

}

 
function cerrarVentana(){

     ventana.close();

}

 
        </script>

    </head>

    <body>

    <center>

        <table border="1">

        <?php

        echo"<tr><td colspan=3><center>Listado de Paises</center>";

        echo"<tr><td>Pais<td>Ubicacion<td>Foto";

        $pais=Array("Peru"=>"Sudamerica","Mexico"=>"Centroamerica","Japon"=>"Asia","Alemania"=>"Europa");

        foreach ($pais as $key => $value) {

        echo "<tr><td><a href=# onclick=crearventana()> $key </a><td>$value <td><img src=Imagenes/$key.jpg height=50px>";

            

        }

        ?>

        </table>

    </center>

    </body>

</html>

Lo que deseo saber es como hacer para que en el script (en el hipervinculo) pueda usar la variable $key para que al dar click en el nombre del pais me aparezca la pagina del escudo que me piden..las paginas donde tengo el escudo tienen el mismo nombre que la variable $key.
Gracias por su ayuda, estoy aprendiendo a programar y es muy divertido e interesante :D

quimfv · #2 (**permalink**) 05/11/2014, 02:47

Código Javascript:

Ver originalfunction crearventana(key) {
     ventana = window.open("http://localhost/Paises/"+key+".html","nuevo","width=400,height=400");
     setTimeout(cerrarVentana,5000);
}
 
function cerrarVentana(){
     ventana.close();
}

Código PHP:

Ver originalecho "<tr><td><a href='#' onclick='crearventana(".$key.")'>".$key."</a><td>".$value."<td><img src='Imagenes/".$key.".jpg' height='50px'>";

Listo.

Tienes que pasarle el dato key que esta en el lado servidor....