• ricordami

ADSL AIIP API Adobe Apache Apple Augmented reality CMS CSS CSS3 Calabrò Chrome Chromebooks Conficker DB Dropdown Easter egg Fcaebook GD GET Google Googlebot IE9 IETester IIS Indesign Internet explorer hacks Jquery Linux Lunascape Mob code MySql NIC Nonciclopedia PEC PHP PIE RSS RewriteEngine On RewriteRule Roger Fenton SEO Sandro Fogli Second life TV Tiny url Twitter URL XHTML agcom anteprima antialiasing archivio array asus autenticazione autocomplete banda larga blockquote border box link breadcrumb browser cambiare URL capolettera caps lock checkbox clear cloud cm code command commenti condizionali compatibilità confirm contatore contest conversione copy count down countries crop cs5 csv cufon cursor data database date diagnostica disign em email ems estensioni facebook factory-shared fade fatturazione fatture favicon file manager flash font footer form formati fotografia ftp geolocalizzazione go back grafiica web header location height hosting htaccess html entities htmlentities impatto ambientale include interviste invio ip ipad iphone javascript jscript jwplayer keycode keyword lingua link loader loading loadtimer mail media print megalomania menù min-height mm mobile mod_rewrite mostra fotografica motori di ricerca myql nascondere query string netbook newsticker noconflict numeric ombra oncopy opacity overlay parassiti partizioni passaggio dati password pdf photoshop php class phps picas pre preg_replace print privacy pubblicità qr code query random random string redirect referer regexp registri rgb risoluzione video rollover rollover css rollover unica immagine sanitize script scrolling select shorthand sistemi operativi sitemap smartphone social social network software sort sql statistiche string stringhe strtotime sub/sup submit switch tableless tablet target textarea tipografia web toggle tools tooltip top trojan try catch usabilità utility vertical align video view source viewport webdesign webfont while whois wifi wikipedia wordpress
Javascript

Javascript per mostrare un div e chiudere dinamicamente tutti gli altri che desideriamo

Ho aggiornato un piccolo Javascript che permette di assegnare all'evento onclick l'azione di mostrare un div e contemporaneamente nascondere una serie di altri.

La funzione riceve tutti i div da spegnere in un array, ne conta le occorrenze e per ognuna (che non è altro che l'ID del div da chiudere) imposta lo stile display  a none.

In questo modo lo stesso script è efficace per chiudere senza dover ogni volta esser modificato un numero variabile di div.

Ecco il codice di una pagina di esempio, in cui chiamando la funzione passiamo come primo argomento l'ID del div da mostrare e come secondo argomento gli ID dei div da nascondere separati da uno spazio.

Naturalmente come tutti i javascript presenti nelle nostre pagine è opportuno esternalizzare il js per non 'disturbare' i crawler dei motori di ricerca.

Qui esempio e codice di origine.

 

 

pubblicato Martedì 10 Maggio 2011

 

Hai trovato quest'articolo interessante? Abbonati ai Feed RSS
disign feed


 

Aggiungi 'Disign' a Live-MSN Aggiungi 'Disign' a FaceBook Aggiungi 'Disign' a Twitter Aggiungi 'Disign' a MySpace Aggiungi 'Disign' a OKnotizie Aggiungi 'Disign' a Wikio Aggiungi 'Disign' a Diggita Aggiungi 'Disign' a TuttoBlog Aggiungi 'Disign' a Del.icio.us Aggiungi 'Disign' a digg Aggiungi 'Disign' a NotizieFlash.com Aggiungi 'Disign' a Kipapa Aggiungi 'Disign' a Fai informazione Aggiungi 'Disign' a Pligg Aggiungi 'Disign' a Socialdust Aggiungi 'Disign' a Digo Aggiungi 'Disign' a Badzu Aggiungi 'Disign' a Technorati Aggiungi 'Disign' a Segnalo Aggiungi 'Disign' a ZicZac

 

Commenta l'articolo    Segnala agli amici