Imprimir Página - jQuery y pequeño conflicto de metodo que no corre -.-

Título: jQuery y pequeño conflicto de metodo que no corre -.-
Publicado por: engel lex en 27 Julio 2010, 09:29 am

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

Código:

<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

Código:

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

Título: Re: jQuery y pequeño conflicto de metodo que no corre -.-
Publicado por: MazarD en 27 Julio 2010, 10:27 am

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!

Título: Re: jQuery y pequeño conflicto de metodo que no corre -.-
Publicado por: engel lex en 28 Julio 2010, 04:58 am

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

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: engel lex en 27 Julio 2010, 09:29 am