Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17407
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Exibir parágrafos que iniciem com a letra definida jQuery

14-08-2012 12:24

Esse script serve para exibir os parágrafos que iniciem por determinada letra escolhida em um select.

<script src="jquery.js"></script>   <script> /* Return a unique array */ Array.prototype.getUnique = function(){  var u = {}, a = [], i, l;  for(i = 0, l = this.length; i < l; ++i){   if(this[i] in u) { continue; }   a.push(this[i]);   u[this[i]] = 1;  }  return a; };   /* Show paragraph containing first letter (or number if zero) */ function finish(letter){  var t, txt, found = [];  if (letter.match(/\d/)) { letter = "0"; } // set letter to zero if it is any number  $('p').each(function(){   // grab first 20 characters so we don't need to split the entire paragraph   txt = $(this).text().substr(0,20).split(' ');   // remove first element if it's "the"   if (txt[0].toLowerCase() == 'the') { txt.shift(); }   // set zero for digits or get first letter   t = txt[0].match(/\d/) ? "0" : txt[0].substr(0,1).toLowerCase();   // Add letter/number to array   found.push(t);   // show paragraph if it matches   if ((t == "0" && letter == "0") || t == letter.substr(0,1).toLowerCase()){    $(this).addClass('current-series').show();   } else {    // no match, hide paragraph    // **** removeClass needed for demo only ****    $(this).removeClass('current-series').hide();   }  });  // return unique array of letters and/or zero  return found.getUnique().sort(); }   $(document).ready(function(){ // var letter = '<?php  echo(strlen($_GET['letter']) == 1) ? $_GET['letter'] : ''; ?>';   var letter = '0';   var f = finish(letter);   // ********** // for demo only  var i, t = '<option></option>';  // add options  for (i=0; i< f.length; i++){   t += '<option>' + f[i].toUpperCase() + '</option>';  }  $('#first')   .html(t)   .change(function(){    finish($(this).val());   });   // End Demo Only code // *********** }); </script>


Selecione a letra <select id="first"></select> <br><br>   <p>abc</p> <p>aaa</p> <p>bbb</p>

Fonte: http://jsfiddle.net/P3YKp/3/
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado