Crea il tuo Sito Web Ufficiale con associato un dominio di terzo livello (estensione .it)!
Servizio in collaborazione con Il blog di Den! Ulteriori informazioni ->>

Comando mostra/nascondi

Mostra-nascondiC’è un testo che non volete far visualizzare automaticamente, ma solo dopo che il visitatore abbia cliccato su un pulsante? Questo è quello che fa per voi!

Per inserire questa funzione nel vostro blog, non è necessario modificare l’HTML dell’intero blog, ma solo quello della parte specifica in cui volete inserire questa funzione (in un articolo, in un gadget,…)

Inserite questo codice prima del testo da “nascondere”:

<div style="margin:20px; margin-top:5px"><div style="margin-bottom:2px" class="smallfont"><input style="font-size:10px;" value="mostra" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'nascondi'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'mostra'; }" type="button"/></div><div style="margin: 0px; padding: 6px; border: 1px inset;" class="alt2"><br/><div style="display: none;">

e quest'altro codice dopo:

<br/></div></div></div><br/>

 

E’ possibile modificare le parti in grassetto nascondi e mostra, quelle dopo this.value =

Per qualsiasi chiarimento lasciate un commento!

Il codice è stato prelevato da Spoilerati

6 commenti: