[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