[SOLUCIONADO] Pasar valor de php a javascript (onclick)

Loboblanco2 · #1 (**permalink**) 17/02/2013, 12:49

Hola a todos

Estoy intentando que un pequeño programa php salte a otros (al anterior o al siguiente) al hacer click sobre unas imagenes

Y no consigo que me funcione. Al hacer click en una u otra imagen no hace nada.

Pongo las dos formas sobre las que lo estoy intentando sin conseguirlo, para ver si alguien puede ayudarme.

Muchas gracias

1ª forma : directamente con window.location en el onclick (que pienso que sería mejor, más sencilla)

Código PHP:

 
<html>

<head>

<title></title>

</head>

 
<body>

<?php

$programa_anterior="progr1.php";

$programa_siguiente="progr2.php";

 
echo "<img src=\"boton_atras.gif\" style=\"float: left;\" 

      onclick=\"javascript:window.location=$programa_anterior\"  >";

 

echo "<img src=\"boton_adelante.gif\" style=\"float: right;\" 

      onclick=\"javascript:window.location=$programa_siguiente\" >";

 
?>

 
</body>

</html>

2ª forma : con una funcion javascript

Código PHP:

 
<html>

<head>

<title></title>

</head>

 
<body>

<?php

$programa_anterior="progr1.php";

$programa_siguiente="progr2.php";

?>

<script type="text/javascript">

 
Function saltar_anterior()

  {

  prog_anterior="<?php echo $programa_anterior; ?>" ;

  window.location=prog_anterior

  }

  

Function saltar_siguiente()

  {

  prog_siguiente="<?php echo $programa_siguiente; ?>" ;

  window.location=progr_siguiente

  }

    

</script>

 
<?php

 echo "<img src=\"boton_atras.gif\" style=\"float: left;\" 

          onclick=\"javascript:saltar_anterior();\">";

echo "<img src=\"boton_adelante.gif\" style=\"float: right;\" 

          onclick=\"javascript:saltar_siguiente();\">";

?>

 
</body>

</html>

chwc · #2 (**permalink**) 17/02/2013, 13:08

Hola ! que tal
primero, el uso de javascript: en los elementos esta obsoleto actualmente, despues la forma mas correcta seria ejecutando una funciôn como tu segundo ejemplo

Código HTML:

Ver original<html> 
<head> 
<title></title> 
</head> 
 
<body> 
<?php 
$programa_anterior="progr1.php"; 
$programa_siguiente="progr2.php"; 
?> 
<script type="text/javascript"> 
 
function saltar_a(entrada) 
  { 
  window.location=entrada;
  } 
   
 
     
</script> 
 
<?php 
 echo "<img src=\"boton_atras.gif\" style=\"float: left;\"  
          onclick=\"saltar_a('".$programa_anterior."');\">"; 
echo '<img src="boton_adelante.gif" style="float: right;" onclick=\'saltar_a("'.$programa_siguiente.'");\'>'; 
?> 
 
</body> 
</html>

segundo, Function no existe en JS existe function ( javascript le da importancia a las mayusculas / minusculas )

con el uso de variables de entrada, las funciones saltar a anterior y saltar a siguente, es innescesario, se puede resumir en una sola

eso solo, ahi ademas tiene dos formas de escribir el echo, con comillas simples y con dobles

un saludo :D

Loboblanco2 · #3 (**permalink**) 17/02/2013, 13:18

Muchas gracias chwc

Funciona perfectamente