Foro Oficial de $(jQuery)

arthvrian

Lanero Reconocido
4 May 2005
2,571
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Getting Started With jQuery

Download jQuery

Current Release

Documentation

http://docs.jquery.com/Main_Page

Tutorials

http://docs.jquery.com/Tutorials

Official Page

http://jquery.com/

Plugins

jQuery cookie - Manejo de cookies con jQuery
https://github.com/carhartl/jquery-cookie

jQuery Form - Manejo de Formularios con AJAX
http://jquery.malsup.com/form/#getting-started

jQuery Taconite - Manejo del DOM mediante respuestas AJAX en XML
http://jquery.malsup.com/taconite/

jQuery Tools - Set de herremientas para JQuery
http://flowplayer.org/tools/index.html

jQuery Validate - Validación de Formularios
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
 
Plugins interesantes

Lista de algunos plugins, que he usado con jQuery

jQuery cookie - Manejo de cookies con jQuery
https://github.com/carhartl/jquery-cookie

jQuery Form - Manejo de Formularios con AJAX
http://jquery.malsup.com/form/#getting-started

jQuery Taconite - Manejo del DOM mediante respuestas AJAX en XML
http://jquery.malsup.com/taconite/

jQuery Tools - Set de herremientas para JQuery
http://flowplayer.org/tools/index.html

jQuery Validate - Validación de Formularios
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
 
Si, buenas, conocen algun script para que despues de cierto tiempo de estar en la pagina salte un cartelito de un lado o una esquina de la pagina?... les agradezco, estoy buscando pero no encuentro.
 
Hola, estoy intentando animar el valor left de un div de 180px hasta 360px

$("#gsr").css('left', 180).animate({'left': 360}, 5000);

También intenté
$("#gsr").css('left', 180).animate({'left': "+=360px"}, 5000);

No me funciona... todos los intentos que he hecho, siempre el animate empieza desde 0 hasta el valor que le ponga...

Alguno sabe porque?

Thanks
 
Nadie? :(

NOTA: Aqui les dejo un muy buen curso de JQuery, es en video en inglés... pero el man explica muy bien y además enseña sobre buenas prácticas y truquitos... no encontré la respuesta a mi pregunta ahí, pero se los dejo por si a alguien le interesa... a mi me parece super bacano... http://tutsplus.com/course/30-days-to-learn-jquery/

Saludos

Hola, estoy intentando animar el valor left de un div de 180px hasta 360px

$("#gsr").css('left', 180).animate({'left': 360}, 5000);

También intenté
$("#gsr").css('left', 180).animate({'left': "+=360px"}, 5000);

No me funciona... todos los intentos que he hecho, siempre el animate empieza desde 0 hasta el valor que le ponga...

Alguno sabe porque?

Thanks
 
  • Me gusta
Reacciones: 4 personas
Saludos cordiales!!
Podrían ayudarme?? Mi función no trabaja bien sino la llamo con un evento. Desarrollé una función para tener una alerta más agradable más atractiva en un sitio Web. De hecho se llama betteralert. Ella toma algunas decisiones y llama a sexy.alert, que es una alerta con jQuery que alguien ofrece desde hace varios años. Si yo llamo a betteralert (mi función) desde un evento (como click) todo funciona perfectamente. Pero si no llamo a betteralert desde un evento sino que solamente la llamo, sexy.alert no funciona. No entiendo el porqué. Alguien sabe si sexy.alert sólo funciona con eventos?? O qué podrá estar mal?? sexy.alerts tiene problemas conocidos??
Les agradezco cualquier respuesta y comentario. Aquí les dejo el código por si quieren verlo:


Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="sexyalertbox.v1.2.jquery.js"></script>    <!--Se llaman las librerías. Funciona bn-->
<link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>
<script type="text/javascript">
function betteralert(text, title_outside) //title_outside es un paramétro opciona. Esta es la función mía
text_print="";
if (title_outside == undefined)
{
var title="Thanks for use Wagerplus.com";
}                    //Este if sólo define qué irá en el título
else
{
var title=title_outside;
}

text_print="<h1>"+title+"</h1><em></em><br/><p> &nbsp;&nbsp;"+text+"</p>'"; //Se arma el texto por imprimir
try
{
if(!Sexy.alert(text_print))        //Ojo q aquí se llama a la función sexy.alert
{
return false;
}
else
{
alert(text);
return true;
}
}
catch(change_type_alert)
{
alert(text+" Entro al catch");
}
title_outside=undefined;
}
</script>
<title>Prueba - Alerta que se desliza</title>
</head>
<body>
<p>
</br><!-------------------------------------------->
<a href="#" onclick="betteralert('This is the text','This is the title');"> <!----------call to the function-------------->
Show alert<!-------------------------------------------->
</a>
</p>
<!--
------------------------------------------------------------------->
<!----------------------------------------------------------------->
<!-------I need the function work as you can see below,------------>
<!-------I have some functions working as I need work betteralert.->
<!-------It work well if I use jalert and not sexy.alert.---------->
<!-------but I need sexy.alert or something like that, I mean,----->
<!-------something really beautiful--------------------------------->
<!----------------------------------------------------------------->
<script type="text/javascript">
betteralert("Thanks for use our website <p>&nbsp;&nbsp;This is the function betteralert</p>");
</script>
-->
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--Se llaman las librerías. Funciona bIEn-->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="sexyalertbox.v1.2.jquery.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>
<script type="text/javascript">
function betteralert(text, title_outside) //title_outside is an optional parameter
    {
        text_print="";
       
        if (title_outside == undefined) //If there isn't the title in the parameters, so it uses the default title.        //Este if sólo define qué irá en el título. Ignorarlo para este caso
        {
            var title="Thanks for use Wagerplus.com";
        }
        else
        {
            var title=title_outside;
        }
        text_print="<h1>"+title+"</h1><em></em><br/><p> &nbsp;&nbsp;"+text+"</p>'"; //The text will be in the alert
        try
            {
                if(!Sexy.alert(text_print))    //Ojo q aquí se llama a la función sexy.alert                {
                    return false;                   
                }
                else
                {
                    alert(text);
                    return true;
                }
            }
        catch(change_type_alert)
            {
                alert(text+" Entro al catch");
            }
        title_outside=undefined;
    }
</script>
<title>Prueba - Alerta que se desliza</title>
</head>
<body>
<p>
    </br>                                                                        <!-------------------------------------------->       
    <a href="#" onclick="betteralert('This is the text','This is the title');"> <!----------call to the function-------------->
        Show alert                                                                <!-------------------------------------------->   
    </a>
   
</p>
<!--
------------------------------------------------------------------->   
<!----------------------------------------------------------------->   
<!-------I need the function work as you can see bellow,------------>
<!-------I have some functions working as I need work betteralert.->
<!-------It work well if I use jalert and not sexy.alert.---------->   
<!-------but I need sexy.alert or something like that, I mean,----->
<!-------something really beautiful--------------------------------->
<!----------------------------------------------------------------->   
<script type="text/javascript">
betteralert("Thanks for use our website <p>&nbsp;&nbsp;This is the function betteralert</p>");
</script>
-->
</body>
</html>
 
Postee los scripts y el JS pa poderle colaborar ;)

PD: A proposito... porque el código está 2 veces? fue un error? veo 2 tags <!doctype>
 
Última edición:
  • Me gusta
Reacciones: efraingb
Postee los scripts y el JS pa poderle colaborar ;)

PD: A proposito... porque el código está 2 veces? fue un error? veo 2 tags <!doctype>
Saludos!! Gracias por tu respuesta. Sí, no lo había notado, se pegó dos veces seguidas.

Amigo, lo acabo de resolver. Trataré de explicarles lo que creo sucedió. Es algo sencillo y que hasta me apena un poco jaja. Mi error nace de que antes usábamos jAlert. Normalmente aparecía después de un click, pero hay una situación en la cual la alerta aparecía apenas se abría la página. Y ese escenario de cuando se abría la página era el que me daba problemas. JAlert servía, supongo por su naturaleza, sin tener uno como programador que hacer algo que desde hoy aconsejo: digitar una línea de código para llamar la función desde un evento onload cuando el body se cargara. O sea yo con jAlert, si la ocupaba apenas la página se cargaba, no tenía que digitar que era desde un evento onload, sólo escribía el nombre de mi función y le daba el parámetro. Asumí que sexy.alert se hacía lo mismo...pero no jaja!!! Con ella sí hay que especificar que se le llama por el evento onload para este caso. Y obviamente onclick, onReset, etc...si en vez de onload usan un evento diferente.
Y dicho en código:
En lugar de:
betteralert("Titulo <p>&nbsp;&nbsp;Este es el texto, el contenido</p>");
Debo usar:
<body onLoad="betteralert("Titulo <p>&nbsp;&nbsp;Este es el texto, el contenido</p>");">

Espero que este error le sirva a alguien alguna vez a resolver un problema similar :) Buenas tardes. Y gracias por el foro, muy bueno. El único en español donde me respondieron rápida y atentamente.
 
  • Me gusta
Reacciones: Cacharrin

Los últimos temas