Do SelectBox para o ListBox

Outubro 1, 2007 on 3:21 pm | In Informatica, php, JavaScript, JQuery, Tutorial | 6 Comments

Tutorialzinho para criarmos um selectbox e um listbox apartir do formulário em html e então através do JQuery adicionarmos os itens no Listbox e então pegarmos o valor por método POST no PHP.

A idéia do tutorial seria uma lista de itens adicionado a um listbox, formando um carrinho de compras dos itens, para depois então enviarmos tudo de uma vez so através do POST do form, gerando uma array para o PHP, é um dos clássicos em programação. Como muita gente não sabe da possibilidade em html/php deixo um tutorial para se ter uma idéia de como utilizar esse recurso.
Sem mais delongas vamos ao código, primeiramente o form, claramente veremos que o nosso listbox na verdade é um selectbox com a tag de multiple (virando assim um listbox):

HTML:
  1. <form method="post" enctype="multipart/form-data" name="F1" id="F1">
  2. <select name="func" id="func">
  3. <option value="1">Numero 1</option>
  4. <option value="2">Numero 2</option>
  5. <option value="3">Numero 3</option>
  6. </select>
  7.  
  8.  
  9. <input type="button" name="add" value="Adicionar" />
  10.  
  11.  
  12. <select multiple="multiple" id="eq" name="eq[]" size="7">
  13. </select>
  14.  
  15.  
  16. <input name="Submit2" type="submit" id="EnvioDados" value="ENVIAR DADOS">
  17. </form>

Agora podemos escrever o código do JQuery com DOM para facilitar nossa vida:

JAVASCRIPT:
  1. $().ready(function() {
  2.  
  3. //Click do botão ADD
  4. $("input[@name=add]").click(function(){
  5. var id_selecionado = document.F1.func.selectedIndex;
  6. var valor_selecionado = document.F1.func.options[id_selecionado].text;
  7. var id_indice_selecionado = document.F1.func.options[id_selecionado].value;
  8. $('select[@id=eq]').append('<option value="'+ id_indice_selecionado +'">'+ valor_selecionado +'</option>');
  9.  
  10. //desabilita o valor adicionado;
  11. document.F1.func.options[id_selecionado].disabled=true;
  12. });
  13.  
  14. // Click do botao do submit
  15. $('input[@name=Submit2]').click(function(){
  16. var x=document.getElementById("eq");
  17. for (i=0;i<x.length;i++){
  18. x.options[i].selected=true;
  19. }
  20. return true;
  21. });
  22. })

Muito legal né? Mas e para remover ? Bom, para remover eu recomendo dar uma procurada na net sobre um plugin para ListBox usando o JQuery, vocês não querem tudo na mão né? Dúvidas e sugestões é so comentar.


Album de fotos

Setembro 11, 2007 on 1:25 pm | In Informatica, php, Tutorial | 1 Comment

Meu album de fotos, o script foi liberado para uso geral do universo. Leia as informações com calma, respire, compreenda e utilize, seja feliz. :P Dúvidas podem ser postadas aqui com toda liberdade, serão todas respondidas aqui.

Basta no menu do topo clicar em Album de fotos para visualizar as informações ou use o link aqui.


CronJobs em PHP no Cpanel

Setembro 4, 2007 on 4:57 pm | In Informatica, Trabalho, php, Linux, Tutorial | 1 Comment

Como roda scripts em cronjob no Cpanel, pelo menos os em PHP, depois de muita busca e falta de informação pela net achei um modo de como fazer e vou compartilhar com vocês.

Cron é uma agenda no unix que executa comandos, cronjob é o software que faz a execução desses comandos programados, veja mais no Wikipedia sobre CronJob. Ja que é muito simples não tem muito mais além disto.

Para então nos executarmos no Cpanel um cron de um arquivo em PHP, vamo em Cron Jobs, depois em Advanced (claro que não somos n00bs, somos haxor e vamos onde tem mais opções), logo colocaremos nosso email para caso de algo errado sejamos informados. O comando a ser executado é o endereço completo onde o arquivo esta localizado no servidor, mais ou menos algo assim /home/usuario/public_html/arquivo.php . Nos quadros anteriores nos colocamos de quanto em quanto tempo desejamos executar, a cada minuto so deixar tudo com *, veja mais no wiki sobre Cron. :P

O mais importante agora para executar o Cronjob do php é na primeira linha do seu PHP colocar o codigo abaixo, mesmo antes da tag de iniciação do PHP:

PHP:
  1. #! /usr/bin/php -q
  2. <?
  3. include "configuracao.php";
  4. $query="SELECT * FROM func WHERE hora <> '00:00:00'";


JSON Populando formulário

Agosto 28, 2007 on 12:25 am | In Informatica, JavaScript, AJAX, Tutorial | 6 Comments

JSON, o que é ? É um acrônimo para JavaScript Object Notation, serve para que ? Serve para fazer intercâmbio de dados, mais utilizado no Ajax, atualmente utilizado para retorno de dados para o AJAX, com a necessidade de popular (retornar) dados para um formulário.

JSON que se lê djeissón, pode ser utilizado em diversas linguagens, como php, c/c++, javascript, Java, Delphi, Perl, Python, Ruby, ColdFusion e muitas outras.

Imaginamos que ao clicar no botão alterar dados de uma lista, queremos trazer os dados da requisição do HTTP (Ajax) para colocalos no formulario. Para isso devemos retornar um dado do Ajax (arquivo da requisição) em JSON.

Para se encapsular dados para o Json no PHP basta o seguinte:

PHP:
  1. $array = array ('a'=>1,'b' => 2, 'c' => 3);
  2. $res=json_encode($array);
  3. // retornando no res o seguinte:
  4. // {"a":1, "b":2, "c":3 }

Otimo, agora como devemos ler os dados do retorno no JavaScript? Essa é parte mais fácil, para converter dados do texto JSON para objetos (variavel do JS) basta usar a função eval();

JAVASCRIPT:
  1. // resposta é o $res do PHP, retorno dos dados
  2. eval("var arr = "+resposta);
  3. // Agora temos uma array de dados em javascript
  4. // exemplo arr.a = 1
  5. // exemplo arr.b = 2
  6. // exemplo arr.c = 3

Agora basta popular o formulário (inputs, text area e afins) com DOM HTML. Pronto você aprendeu como JSON trabalha, o que é e como utilizar, agora basta utilizar suas ideias em conjunto ao Ajax e construir maravilhas.


Baixar músicas mp3 usando o Google

Agosto 27, 2007 on 2:35 pm | In Musica, Tutorial | 1 Comment

Como o google indexa tudo que ele encontra pela frente, ele acaba indexando pastas com mp3, pdf, livros e documentos em geral, em geral as pessoas utilizam muito servidores online para compartilhar dados, sejam eles qual for, basta utilizar os parâmetros certos e você consegue buscar esses dados no google e bisbilhotar essas pastas, até mesmo fazer downloads.

Segue os códigos abaixo e link :

No caso de busca em pdf:

intitle:index.of “pdf″ +”Nome do livro” -htm - pdf -html -php -asp “Last Modified”

E em TXT:

intitle:index.of “txt″ +”Nome do livro” -htm -html -php -asp “Last Modified”

No caso de mp3:

-inurl:htm -inurl:html intitle:"index of" "Last modified" mp3 "artista"

Eu vi isso no blog do Nelson Corrêa, como eu tinha me esquecido como utilizar fica agora no blog, assim não tem mais erro! Existem diversas outras formas de fazer a mesma busca, fica a sugestão de duas.


Expressão Regular no JavaScrit

Agosto 23, 2007 on 11:58 am | In Trabalho, JavaScript, Tutorial | 3 Comments

Como muita gente não conhece e nem nunca ouviu falar de Expressão Regular ou ER ou até mesmo Regex, vou escrever o que é e como utilizar no JavaScript.

O que é ?

É um conjunto de caracteres que forma uma expressão para testar uma entrada ou saída de dados, ah? É quando você tem um conjunto de caracteres que criam uma regra, que testa se o dados casa com essa expressão. Otimo, mas você ja faz isso quando faz uma busca, porém a ER lhe da mais flexibilidade além de ser padrão ou quase para um monte de linguagens. Por exemplo para validar um CPF, podemos em vez de desmembrar e testar para ver se faz parte de uma máscara, podemos utilizar o Regex.

Como utilizar?

Para utilizar no JavaScript vamos a um caso clássico de validação o do CPF, no caso a expressão eu retirei do blog fechaTag, caso queira criar a sua própria ER veja o Guia.
Para validar o CPF faremos:

JAVASCRIPT:
  1. var er_cpf; // Declaramos a variavel
  2. //Colocamos a ER na variavel, preste atenção que na ER no JavaScript usamos / ER /
  3. // Não esqueça das /
  4. er_cpf = /([0-9]{3}\.?){3}-[0-9]{2}/;
  5. // A função abaixo testa a ER e o DADO.
  6. var r = er_cpf.exec(form1.documentoA.value);

Basta agora testarmos a variável r, para testar se o dado casa com nossa expressão regular. Lembre-se se o dado 'casar' quer dizer que ele (o valor) é aquilo que esperamos dentro da expressão, digo o CPF é válido.

JAVASCRIPT:
  1. if(r == null){
  2. alert('CPF não é valido, ele deve conter . como separador!');
  3. form1.documentoA.focus();
  4. return false;
  5. }

Pronto agora você aprendeu um pouco sobre como validar usando Expressão Regular em JavaScript. Dúvidas é só comentar.


« Previous PageNext Page »

 

 Assine o feed