integrar javascript en un input de php

JOSANCIN · #1 (**permalink**) 17/07/2010, 08:41

Hola a todos:
Tengo en un input en un php al que quiero añadir un codigo de javascript para que dentro del input aparezca una palabra, pero cuando intento aplicar el codigo de javascript al php me da error, no se que mas intentar ya que he intentado todo lo que se me ha ocurrido. Gracias a todos por la ayuda

<?
echo "<input name='buscando' type='text' value= '$buscando' size ='10' >
<input name='boton_buscar' type ='submit' value = 'OK'>";
?>

Tengo este codigo de javascript para que en la casilla aparezca la palabra "algo" el cual cuando se posiciona el raton en el desaparece:

<input type='text' value="buscar" onfocus='if(this.value=="buscar") this.value=""' onblur='if(this.value=="") this.value="algo"' />

after · #2 (**permalink**) 17/07/2010, 08:46

Que haces para que muestre

Código PHP:

Ver original<?
echo "<input name='buscando' type='text' value= '$buscando' size ='10' >
<input name='boton_buscar' type ='submit' value = 'OK'>";
?>

?

posman · #3 (**permalink**) 17/07/2010, 09:06

Lo que quieres decir es que cuando intentas aplicar el 2o codigo que escribiste (onfocus, onblur) en el primer codigo de PHP (echo "<input ...") es cuando te marca error?

Seguramente es por la combinacion de apostrofes y comillas. Lo que tienes que hacer es escapar los apostrofes o comillas con una diagonal invertida \' o \" en cada una de las que aparezcan en el codigo

lvwrz · #4 (**permalink**) 17/07/2010, 10:25

Aquí un ejemplo de como utilizar OnBlur

Código PHP:

  <html> 
<head> 
    <title>Evento onblur</title> 
 
<script> 
function validarEntero(valor){ 
    //intento convertir a entero. 
    //si era un entero no le afecta, si no lo era lo intenta convertir 
    valor = parseInt(valor) 
 
    //Compruebo si es un valor numérico 
    if (isNaN(valor)) { 
       //entonces (no es numero) devuelvo el valor cadena vacia 
       return "" 
    }else{ 
       //En caso contrario (Si era un número) devuelvo el valor 
       return valor 
    } 
} 
 
function compruebaValidoEntero(){ 
    enteroValidado = validarEntero(document.f1.numero.value) 
    if (enteroValidado == ""){ 
       //si era la cadena vacía es que no era válido. Lo aviso 
       alert ("Debe escribir un entero!") 
       //selecciono el texto 
       document.f1.numero.select() 
       //coloco otra vez el foco 
       document.f1.numero.focus() 
    }else 
       document.f1.numero.value = enteroValidado 
} 
</script> 
</head> 
<body> 
<form name=f1> 
Escriba un número entero: <input type=text name=numero size=8 value="" onblur="compruebaValidoEntero()"> 
</form> 
 
</body> 
</html>