SetF e UnSetF server para preencher e esvaziar campos do formulário

Use:

SetF("#seletor","nome")

isso vai adicionar/substituir o valor do campo texto com id=seletor

outro exemplo:

SetF("#id_cidades",[1,5,9,10]);

isso vai selecionar os valores 1,5,9 e 10 do campo SELECT com o id=id_cidades

Veja o exemplo em funcionamento em

http://www.qprocura.com.br/jquery/

Este pequeno artigo mostrarei como integrar o JQuery com o famoso JSCalendar (http://www.dynarch.com/projects/calendar/).

Primeiramente, recomendo colocar as bibliotecas de terceiros em uma pasta separada, para não ter que mexer nelas. Eu coloco em {pasta_principal_do_projeto}/tparty/js/jscalendar/

Obs: Para quem for usar a versão traduzida para o portugues, precisa aplicar uma atualização, senão o calendário não vai aparecer de forma correta. De forma simples e rápida, edite o arquivo jscalendar/lang/calendar-pt.js e na linha 46 adicione:

Calendar._FD = 0;

ou para quem trabalha com o linux: fiz uma função em shell script:

PatchJSCalendar()

{

PATH_TPARTY='/caminho/da/pasta/tparty; # Caminho completo da pasta tparty

JSCALENDAR='jscalendar-1.0'; # Nome da pasta do JSCalendar

cd $PATH_TPARTY;

echo '--- calendar-pt.js 2005-03-07 17:06:35.000000000 +0000
+++ calendar-pt.js.new 2008-03-31 02:44:41.000000000 +0000
@@ -43,6 +43,10 @@
"Sab",
"Dom");

+// First day of the week. “0″ means display Sunday first, “1″ means display
+// Monday first, etc.
+Calendar._FD = 0;
+
// full month names
Calendar._MN = new Array
(”Janeiro”,
‘ > /tmp/calendar-pt.js.diff
patch $PATH_TPARTY/$JSCALENDAR/lang/calendar-pt.js -p0 -N -s -i /tmp/calendar-pt.js.diff

}

Agora adicione as linhas no seu código HTML para chamar o script jscalendar, na ordem que está, lembrando que de chamar o script do jquery.js também

<script src=”/tparty/jquery/jquery.js” type=”text/javascript”></script>
<script src=”/tparty/js/jscalendar/jscalendar.js” type=”text/javascript”></script>
<link href=”/tparty/js/jscalendar/calendar-win2k-1.css” rel=”stylesheet” type=”text/css” />
<script src=”/tparty/js/jscalendar/lang/calendar-pt.js” type=”text/javascript”></script>
<script src=”/tparty/js/jscalendar/calendar-setup.js” type=”text/javascript”></script>

<form id=”form”>
<input type=”text” name=”data” id=”data”>
</form>

<script>

// Adicione o código abaixo no seu arquivo de biblioteca JS ou deixe-o aqui

/*
* JS Calendar $(selector).jscalendar(options)
* @param options = options jscalendar - são as mesmas opções usadas no jscalendar
* http://www.dynarch.com/demos/jscalendar/doc/html/reference.html
* Use: $(”#data1″).jscalendar({showsTime: true, ifFormat: “%m/%d/%Y %H:%M:%S”});
*
* Autor: Candido Tominaga
* Data: 28/03/2008
*/
$.fn.jscalendar = function _JsCalendar(options)
{
options = options || {};
options.showsTime = options.showsTime || false;
options.ifFormat = options.ifFormat || “%m/%d/%Y”;

var button = document.createElement(’input’);
$(button).attr(”type”,”button”);
$(button).attr(”value”,” … “);
var id = $(this)[0].id;
var idb = $(this)[0].id + “-jsc”;
$(button).attr(”id”, idb);
$(this).after(button);

options.inputField = options.inputField || id;
options.button = options.button || idb;
Calendar.setup(options);
}
//***** termina o plugin aqui ********

// Para fazer funcionar o JSCalendar
$(document).ready(function(){

// Campo data, adicionar o jscalendar
$(”#data”).jscalendar();

})

</script>

O artigo original encontra-se em http://www.alexandremagno.net/blog/?p=66#respond

Desculpe a demora para voltar a escrever, estava atolado de projeto e como prometi, estava desenvolvendo um script para o jQuery em conjunto com a biblioteca SWFUpload. Bem, para quem não sabe sobre o que estou falando, há posts que contam como tudo começou:

• Jquery, Mootools e múltiplos uploads - parte 01
• Jquery, Mootools e múltiplos uploads - parte 02

Descobri o SWFUpload que é uma biblioteca bastante completa e que faz todo o background do processo. Então você tem vários parâmetros e callbacks que podem ser usados da maneira que preferir. Como já sou acostumado com o jQuery, resolvi usá-lo para fazer a parte do callback, ou seja, toda a interface que o usuário experimenta.
Leia o restante do post »

Apesar de estar para fazer meu primeiro post a tempos, eu somente consegui agora, falta de tempo.

Como muita gente não sabe como utilizar um calendário ligado input text, vou explicar como utiliza-lo usando um plugin para o JQuery, lembrando que existem diversos outros modelos sem o uso do JQuery e com o uso, essa é uma sugestão minha pois para com a qual eu estou utilizando em meus sistemas (digo da empresa) e tenho gostado muito do resultado, bastante clientes estão usando sem ter problemas.

Antes de mais nada a página official do plugin, para que possam fazer os downloads dos arquivos necessários. Ele tem diversas funções como data em formato dd/mm/aaaa, andar (escolher) entre meses, andar entre anos e com o click trazer a data escolhida.

Otimo, imaginando que você ja baixou o arquivo jquery-calendar.js basta você chama-lo do mesmo modo que o Jquery, então basta colocar o código abaixo em sua página, dentro do (document).ready:

$(”input[@name=nome_do_input]”).calendar({
autoPopUp: ‘button’,
clearText: ‘Limpar’, //Nome do botao limpar
closeText: ‘Fechar’, //nome do botao fechar
prevText: ‘<Ant’, // nome do botao anterior
nextText: ‘Prox>’, //nome do botao proximo
currentText: ‘Hoje’, //nome do botao hoje
dayNames: new Array(’Dom’,'Seg’,'Ter’,'Qua’,'Qui’,'Sex’,'Sab’), // Array com dias da seman
monthNames: new Array(’Jan’,'Fev’,'Mar’,'Abr’,'Mai’,'Jun’,'Jul’,'Ago’,'Set’,'Out’,'Nov’,'Dez’), //array com os nome dos meses
speed: ‘fast’, //velocidade de abertura
buttonImageOnly: true, //apresentar botao somente na img
buttonImage: ‘imagens/calendar.gif’, //nome da img e local onde vai abrir o click para o calendario
buttonText: ‘Calendario’ //nome do botao
});

Basta agora configurar o Jquery.calendar.css para que esteja com as cores, tamanhos e tudo ao seu gosto e voalá, esta pronto para o uso, caso necessite existem muitas outras opções e configurações, basta ler o manual, o primeiro passo ja foi dado.
Escrito por: silici0 . Rafael Cunha
Sitio: http://www.rafaelcunha.com

Este é meu primeiro Post no Jquery Brasil. Gostaria de agradecer o Vitor Prado e toda a equipe pela oportunidade. Vou começar falando de uma nova ferramenta desenvolvida para o Jquery e que pode ter futuro.

Com o recente aparecimento de Frameworks de linguagens de servidor que funcionam usando os fundamentos do MVC(Model, view, controller), houve um aumento comprovado da produtividade de sistemas Web. O cakePHP o adota, assim como o Rails e algumas frameworks Java. Recentemente, foi criada uma framework para Jquery que utiliza o MVC como design pattern. Ela se chama Jamal. Leia o restante do post »

Saudações amigos, venho hoje apresentar para vocês o plugin : Masked Input Plugin

Isso mesmo, um plugin da Jquery feito para mascarar campos. Sendo assim torna nossas vidas mais fáceis.

Fiz todos os testes no IE e FF ( Perdoem-me os outros browsers ).

Tentei fazer uma tradução de como utilizar com meus “ingrês nas coxas” como diria meu amigo micox!

Mas bem, vamos ao que interessa:
Masked Input Plugin

Este é um plugin ‘mascarador’ de input. Ele é útil para fixar tamanho aos inputs onde os valores seguem um determinado formato.
A máscara é definida por um formato e formada por caracteres de escape. Somento caracteres não contidos na lista de escape serão considerados um caracter da máscara. Leia o restante do post »

Saudações amigos, como dito lá no forum, estou de volta depois de longos dias na ” terra do nunca”.

Mas bem, percebo que tem algumas pessoas que precisam trabalhar com a Jquery ou que estão migrando para a mesma, porem, seus sistemas ainda utilizam outros frameworks que trabalham com a marcação ($).

E lá ta você todo empolgado para começar a fazer milagres com a Jquery e quando mandar rodar, o que acontece? Seu framework antigo se mete da frente e tenta interpretar tudo (ou vice-versa) =).

Pois bem, vamos acabar com isso, Jquery acima de tudo é democrática.
Leia o restante do post »

ARTIGO PUBLICADO POR Ajax OnlineORIGINALMENTE EM:
http://ajaxonline.com.br/blog/2007/01/29/tratamento-de-requisicoes-xhr/

Olá novamente, e aê andam estudando o jQuery? hehehe.
Bom, hoje ensinarei a fazer tratamentos com as nossas requisições AJAX.
No jQuery existem estas funções:

$.post(), $.get(), $.ajax(), ajaxComplete(), ajaxError(), ajaxSend(), $.ajaxSetup(), ajaxStart(), ajaxStop(), ajaxSuccess, $.ajaxTimeout(), $.getScript(), $.getIfModified(), $.getJSON().
Leia o restante do post »

ARTIGO PUBLICADO POR Felipe DieselORIGINALMENTE EM:

http://felipediesel.net/blog/jquery-modulo-ajax/

Se você não sabe como a jQuery funciona, já falei sobre ela em outros artigos. Não deixe de ler.

Como não poderia deixar de ser, o módulo ajax é extremamente simples e contempla tudo que é necessário para uma requisição assíncrona. Existem diversas funções para fazer o HTTP request, mas a que eu uso normalmente é a $.ajax, que por ser a implementação de mais baixo nível, é a mais flexível. Leia o restante do post »

Olá a todos, bem, tô passando por aqui atendendo um pedido de meu amigo Nairon(Micox) para mostrar como se usar esta funcionalidade de arrastar objetos dentro de uma página.

Então prossigamos,

Quando pensamos em arrastas não podemos nos resumir apenas no ato de arrastar, temos que pensar que um objeto pode ser arrastado apenas em uma determinada área, ou apenas em um certo ponto de sua área o usuário poderá arrastar, ou apenas na horizontal ou vertical ou até mesmo mover-se de tantos em tantos pixels na tela. Leia o restante do post »