jQuery y pequeño conflicto de metodo que no corre -.-

engel lex · 27 Julio 2010, 09:29 AM

Buenas

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 [Seleccionar]

<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 [Seleccionar]

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

MazarD · 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!

engel lex · 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

Test Foro de elhacker.net SMF 2.1

jQuery y pequeño conflicto de metodo que no corre -.-

engel lex

MazarD

engel lex