Buenas :D estoy trabajando ahorita web, estoy creando paginas basicas y todo esto y me topé con jQuery hace unos dias... mi asunto está en que quiero hacer un input de texto simple, que cuando tome foco borre su contenido y lo debe en blanco (si el contenido es X) o que al perder foco (si el contenido es vacio) escriba X
estoy conla idea principal aun... y no me funciona ni si quiera lo basico -.- no entiendo por que... no comprendo el error si derepente escribo un codigo y el script y todo cool de repente modifico una tonteria y todo se peta -.-
he aqui mi codigo... (si me pueden dar infor de donde estudiar jQuery muchas grax)
de antemano, si, las rutas están bien -.-
test.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ooo</title>
<script language="javascript" src="include/js_functions/manejo_texto.js"></script>
<script language="javascript" src="include/jquery.js"></script>
</head>
<body>
<form name="form" method="post" action="o.php">
<input name="nombre" type="text" id="nombre" size="20" maxlength="20" value="Ingrese su nombre" >
</form>
</body>
</html>
manejo_texto.js
var x;
x=$(document);
x.ready(inicializa);
function inicializa()
{
var x;
x=$('#nombre');
x.focus(tomaFoco);
}
function tomaFoco()
{
var x;
x=$('#nombre');
x.attr("value","");
}
--------------------actualizacion------------------------
A MazarD:
el codigo que posteaste en plano, tampoco me corre :s mi codigo no es muy diferente, lo que pasa es que en tu caso estás haciendo directo todo y usando funciones anonimas...
en la forma que lo uso, se ve diferente porque todo está definido por partes y no se vé tan churrero... :s aun no he revisado las paginas... pero revisaré y luego aviso
La verdad es que tu código con esas asignaciones no parece jquery jejej.
Bueno, prueba con algo como esto:
Citar
$(document).ready(function()
{
$("#nombre").focus(function() { //Cuando el input reciba el foco
if ($("#nombre").val()!="escribe algo") $("#nombre").val(""); //vaciamos
});
$("#nombre").blur(function() { //Cuando el input pierda el foco
//Podemos usar this en lugar del selector:
if ($(this).val()=="") $(this).val("escribe algo");
});
});
Para aprender jquery que mejor que su sitio oficial: http://docs.jquery.com/Tutorials
Otra web que está muy bien para cosas puntuales y aprender un poco de forma práctica: http://visualjquery.com/
Y otro que a mi me parece muy explicativo: http://www.learningjquery.com
Saludos!
problema resuelto!!
no sabia que tenia que insertar el jQuery antes que cualquier script que lo usara....
solo con cambiar el orden el ejercicio corre perfecto