Tanti auguri a me!

No, non sono impazzito...
Era ormai il lontano 06/04/2009 quando veniva pubblicato su questo blog il primo post, il primo post dopo il Ragnarok.
Tante cose sono accadute da allora, alcune buone ma la maggior parte mica tanto...

Tra una disavventura e l'altra siamo andati avanti, si è pubblicato un po' di roba (non tanta, ma ci si è provato).

L'intenzione di continuare, nonostante il poco tempo, c'è sempre.
Dovuta anche al fatto che bene o male un po' di visite ci sono sempre, per quanto questo sia un blog un po' strano...

Quindi faccio gli auguri a questo blog! Che possa continuare a prosperare!
E che la luce di Odino lo protegga! Continua a leggere!

Small Tutorial: testo a scomparsa tramite JavaScript (JS)

Quanti di voi hanno visto quei fantastici siti/blog dove ci sono i blocchi di testo che appaiono/scompaiono magicamente quando si clicca su dei link...
Sono fantastici vero? ^^

Bè oggi voglio spiegare un pochino come si fanno...
e vedrete che non è poi così complicato :)

Intanto quello di cui avete bisogno è di una funzione javaScript.
Senza entrare nel dettaglio del linguaggio quello che dovete aggiungere è quanto segue:

<script type='text/javascript'>
function openclose(name){
var elm = document.getElementById(name);
if(elm .style.display == &#39;none&#39;)
elm.style.display = &#39;block&#39;;
else
elm.style.display = &#39;none&#39;;
}
</script>


Questa funzione recupera dalla vostra pagina l'elemento con ID passato, e controlla se il suo stile display vale block o none.
In caso sia block lo imposta a none, e viceversa.

Ora, quando volete avere del testo/contenuti che compaiono/scompaiono fate un qualcosa di questo tipo:

<h2 style="cursor: pointer;" onclick="openclose('myElm');">Show∇</h2>
<div id="myElm" style="display: none;">
<h2 style="cursor: pointer;" onclick="openclose('myElm');">HideΔ</h2>
</div>


All'interno del div mettete quello che vi serve e avrete un effetto simile ^^

Show∇




byez^^

Continua a leggere!

Donazioni

My Menu'