peopleForFun ~ don’t surf the net, make the waves

non so se può servire, cmq… su p4f uso la versione 1.1, dovendo fare un lavoro per un cliente ho preferito la 1.2, ora non sono un esperto di mootools e ovviamente ho perso un po’ di tempo per capire le differenze tra le 2 versioni
se può essere utile di seguito trovate lo script che utilizzo per il rollover nelle 2 versioni, piccoli ma necessari cambiamenti

/* mootools 1.2 */
window.addEvent('domready', function(){
   var links = $$('.myElement','.myElement2');
   links.each( function( el ) {
      var bgcolor = el.getStyle('backgroundColor');
      var color = el.getStyle('color');
         el.addEvents({
            mouseenter: function(){
               this.morph({
               'backgroundColor': '#D60001',
               'color': '#fdfdfd',
               'padding-left': '15px'
         });
      },
            mouseleave: function(){
               this.morph({
               backgroundColor: bgcolor,
               'color': color,
               'padding-left': '5px'
            });
         }
     });
   });
});

/* mootools 1.1 */

var links = $$('.block ul a','.title ul a','.pageLinks a');
links.each( function( lnk ) {
      var fx = new Fx.Styles(lnk, {duration:200, wait:false});
      lnk.bgc = lnk.getStyle('background-color');
      lnk.col = lnk.getStyle('color');
      lnk.addEvent('mouseenter', function(){
         fx.start({
            'background-color': '#D60001',
            'color': '#fdfdfd',
            'padding-left': '15px'
         });
      });
      lnk.addEvent('mouseleave', function(){
         fx.start({
            'background-color': lnk.bgc,
            'color': lnk.col,
            'padding-left': '5px'
         });
      });
   });

e un piccolo esempio
ovviamente in rete ci sono moltissimi esempi di sicuro più esplicativi, basta cercare :)

ed ecco qui il plugin per l’instant search usato in questo sitarello, :)
basta installare il plugin e aggiungere il widget, per qualsiasi problema lasciate un commento
per personalizzare la pagina bisogna editare ajaxsearch.php
testato solo su wordpress 2.6.0

  ajaxSearch (1.8 KiB, 282 hits)

uno dei temi più completi per wordpress è sicuramente il k2, tra l’altro, uno degli autori, Michael Heilemann, è lo stesso che ha scritto il Kubrick.
Incuriosito dall’instant search, o live search, ho fatto una ricerca per trovare un plugin o qualche suggerimento, in effetti ho trovato qualcosa, c’è anche un widget bell’e pronto, che per l’appunto si chiama livesearch, ma alla fine ho preferito scriverne uno, quello in alto a destra, e sembra pure che funzioni… :)
qualche altra piccola modifica e poi pubblicherò il sorgente, nulla di che, un po’ di righe in ajax e un template modficato, poco, molto poco, sono pigro :)

ultimamente sto lavorando molto con ajax, questo è un semplice form per inviare email, le info per personalizzarlo sono nel js (mail.js) e nel php (sendmail.php)
ho anche utilizzato le librerie di scriptaculous, ma non sono necessarie al funzionamento

qui trovate un esempio (non invia la mail)