RElacion entre PHP y JS...

andrewp · #1 (**permalink**) 28/04/2010, 03:35

Hola..

Reabro nuevalmente un antiguo post porque desafortunadamente no he encontrado una solución al atasco en el que me encuentro...

La idea de un JS es que compara dos valores dados en una variable PHP y que active un botón para un evento determinado. Así, mi JS es es siguiente:

Código HTML:

<script language="javascript">
	function activarboton() {
		if(document.getElementById("total_1").value == document.getElementById("total_2").value)
			{
				document.getElementById("submit").disabled = false;
			}
		}
	window.onLoad = enabledButton;
</script>

Y un poco más abajo tengo un pequeño formularion con dos campos ocultos que contienen los nombres arriba citados:

Código PHP:

 
<form name="form" method="post"> 
<input type="hidden" id="total_1" name="total_1" value="<?php echo $total_1 ?>"> 
<input type="hidden" id="total_2" name="total_2" value="<?php echo $total_2 ?>"> 
<input type="submit" id="submit" name="submit" value="Acepto" disabled="disabled" /> 
</form>

Por su puesto, los valores $total_1 y $total_2 están en el mismo código unas cuantas líneas más arriba de ambos scripts detallados aqui.

El problema es que el botón siempre permanece desactivado, incluso si los valores son los mismos. Ya he comprobado que sean los mismo, el mismo formato, etc.

Podríais decirme si conjugando el PHP en el JS debo hacer algo diferente?... No encuentro el problema...

Gracias

quimfv · #2 (**permalink**) 28/04/2010, 04:33

Cuando lanzas la función?

activarboton()

Quim

andrewp · #3 (**permalink**) 28/04/2010, 04:57

Teóricamente se lanza con:

Código PHP:

  window.onLoad = enabledButton;

Pues la idea es que no hay interacción del usuario y debe ser automática después de leer los valores.

andrewp · #4 (**permalink**) 28/04/2010, 05:40

No sé si igual, pensáis que a través de algo como esto podría salir mejor la cosa?:

Código PHP:

  <?php 
if ($total_1 == $total_2) { 
    echo "<script language=\"JavaScript\"> function activarboton() { document.getElementById('submit').disabled=false; } </script>"; 
} 
?>

Pero sigue sin salirme... No sé cómo cuadrad el JS...

quimfv · #5 (**permalink**) 28/04/2010, 05:50

window.onLoad = enabledButton; Sii????

Mira si te funciona así

<body onLoad="activarboton()">

....

Si no puedes hacer lo mismo en php

Código PHP:

Ver original<?php if($total_1==$total_2){
           $habilitado="";
}else{
           $habilitado="disabled='disabled'";
}
?>
<input type="submit" id="submit" name="submit" value="Acepto" <?php echo $habilitado;?> />

Así el boton estará habilitado o no sin necesidad de javascript.

Si en otro evento cambias los valores y usas activarboton() tambien te deberia funcionar....

Quim
?>

andrewp · #6 (**permalink**) 28/04/2010, 05:52

Ok!... Ya lo he solucionado. La respuesta por si le es útil a alguien:

Código PHP:

  <script language="javascript"> 
window.onload= function activarboton() { 
   if(document.getElementById('total_1').value == document.getElementById('total_2').value) 
   { 
    document.getElementById('submit').disabled = false; 
   } 
} 
</script> 
 
===> El formulatio tal y como está en mi primer POST <===

Saludos!

andrewp · #7 (**permalink**) 28/04/2010, 05:54

Oops... Quim, no te alcancé a leer antes de postear mi última respuesta... He leído que no es aconsejable unir PHP con JS para activar/desactivar funciones a través de variables... Sin embargo le echaré un vistazo a tu respuesta he intantaré aplicarla...

Saludos y gracias!

quimfv · #8 (**permalink**) 28/04/2010, 05:59

No en esta solución lo que hago es escribir el html de una forma o de otra en funcion de unas condiciones previas no creo que sea problematico.

window.onLoad = enabledButton; Sii???? En realidad ya te funcionaba en tu primer post pero llamabas la funcion por otro nombre...

Quim