jquery ✁ minute utilità
☼ O inabili al maneggio dell'html: le seguenti indettature concernono gli argomenti:
✓ rimuovere la visibilità dell'attributo "title";
✓ inibire il menu contestuale (tasto destro del mouse);
✓ ottenere uno scroll morbido della pagina;
✓ rendere un intero div clickabile.
✁ I pigroni potranno scaricare lo .zip ➤ contenente gli esempi illustrati nel tutorial.
rimuovere la visibilità dell'attributo ❝ title ❞
L'attributo "title" dei link, per quanto affatto irrilevante ai fini dell'indicizzazione nei motori di ricerca, migliora l'usabilità/accessività dei contenuti. Un solo cruccio: pochi elementi risultano altrettanto graficamente ributtanti: esempio visivo ➤ dell'orrido quadrello in questione.
✁ Come liberarsene:
$('[title]').each( function() {
var $this = $(this);
$this.data('title',$this.attr('title'));
$this.removeAttr('title');
});
inibire il menu contestuale (tasto destro del mouse)
In molti deplorano il fatto che i visitatori siano in grado di copiare, ispezionare e salvare agilmente contenuti testuali ed immagini cinghiati nel proprio sito.
✁ La seguente regola impedisce la comparsa del menu contestuale pressando il tasto destro:
$(document).bind("contextmenu",function(e){
return false;
});
ottenere uno scroll morbido della pagina
Amiamo tornare al top di una pagina (specie se infinita) senza dover srotellare il mouse, ammettiamolo.
✁ Come farlo connaturando un effetto morbido alla risalita:
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
rendere un intero div clickabile
L'impagabile agio di richiamare un collegamento pressando un unico box cinghiante al proprio interno svariati elementi (foto, testi et cetera).
✁ Copia/incollate et gioitene:
$(".nome-del-div").click(function(){
window.location=$(this).find("a").attr("href"); return false;
});
All'interno dello .zip sono presenti alcuni effetti aggiuntivi (fade hover, nulla di complesso).
✁ scaricate lo .zip ➤ contenente gli esempi illustrati nel tutorial.