Forum Flash, Actionscript, PHP e MySQL
[js+css] apri ID

 
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità
Precedente  Successivo 
Autore Messaggio
videoai
avanzato
avanzato


Età: -1977
Registrato: 23/03/04 13:20
Messaggi: 276
Località: Milano, Italy

MessaggioOggetto: [js+css] apri ID
Inviato: 02.02.05 | 10:35
Rispondi citando

secondo voi come si fa questo--> http://www.usabile.it/servizi.htm (menu a sinistra).
analizzando il codice sembra che tramite un javascript apra un id ma non ho idea di come applicarlo, non funziona, qualcuno sa come si faccia?

grazie Whistle

____________________________________________________________
ITALIANWEBDESIGN: la community per chi vuole diventare webdesigner
Torna in cima
Profilo Messaggio privato   HomePage
Sponsor
Coach
amministratore
amministratore


Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona

MessaggioOggetto:
Inviato: 02.02.05 | 14:08
Rispondi citando

ciao videoai,
è proprio come dici tu.

Analizzando questo pezzo di codice, si vede che cliccando nel link, cioè la voce del menu, si richiama la funzione js apri().
 
Codice:
<a href="#" onclick="apri('test');"
title="clicca per saperne di pi&ugrave;" onkeypress="apri('test');">Test di
usabilit&agrave;</a></dt>

        <dd id="test">E' lo strumento pi&ugrave; serio 
          e completo dell'usabilit&agrave;: prevede delle sessioni di mezz'ora 
          circa a tu per tu con diversi utenti che interagiscono con un sito o 
          con un suo prototipo parzialmente funzionante. Noi registriamo alcuni 
          dati relativi alle loro prestazioni, e li analizziamo per capire se 
          il design ha problemi e come si potrebbe fare per risolverli. 
        </dd>

ecco la funzione apri():
 
Codice:
<script>
function apri( targetId ){
  if (document.getElementById){
          target = document.getElementById( targetId );
              if (target.style.display == "none"){
                  target.style.display = "block";
              } else {
                  target.style.display = "none";
              }
      }
}
</script>

fermandoci qui xò, rimarrebbe subito visibile il testo quindi via CSS andiamo ad impostare il display:none; :
 
Codice:
<style>
#test, #formazione, #analisi, #accessibile, #standard, #transitional, #strict /* */ {
    display: none;
}
</style>

qui vengono elencati tutti gli #id dei pezzi di testo da visualizzare al click della voce del menu.

____________________________________________________________


Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE!
Torna in cima
Profilo Messaggio privato [ Nascosto ] HomePage Yahoo Messenger MSN Messenger Skype
videoai
avanzato
avanzato


Età: -1977
Registrato: 23/03/04 13:20
Messaggi: 276
Località: Milano, Italy

MessaggioOggetto:
Inviato: 02.02.05 | 14:56
Rispondi citando

grazie coach, sei stato molto preciso.

ho trovato qualcosa di molto simile anche qui e mi funziona, lo posto nel caso serva a qualcuno.

http://www.constile.org/DHTML/menu_ad_albero/

Very Happy

____________________________________________________________
ITALIANWEBDESIGN: la community per chi vuole diventare webdesigner
Torna in cima
Profilo Messaggio privato   HomePage
Coach
amministratore
amministratore


Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona

MessaggioOggetto:
Inviato: 02.02.05 | 19:12
Rispondi citando

I casi della vita...

...volevo postarti questo link, poi ho pensato preferissi capire quello che avevi segnalato fagiano

____________________________________________________________


Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE!
Torna in cima
Profilo Messaggio privato [ Nascosto ] HomePage Yahoo Messenger MSN Messenger Skype
videoai
avanzato
avanzato


Età: -1977
Registrato: 23/03/04 13:20
Messaggi: 276
Località: Milano, Italy

MessaggioOggetto:
Inviato: 02.02.05 | 19:28
Rispondi citando

Laughing Laughing Laughing Tu Ta Ta
____________________________________________________________
ITALIANWEBDESIGN: la community per chi vuole diventare webdesigner
Torna in cima
Profilo Messaggio privato   HomePage
Mostra prima i messaggi di:   
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1


 
Vai a:  
Non puoi inserire nuovi Topic in questo forum
Non puoi rispondere ai Topic in questo forum
Non puoi modificare i tuoi messaggi in questo forum
Non puoi cancellare i tuoi messaggi in questo forum
Non puoi votare nei sondaggi in questo forum
Non puoi allegare files in questo forum
Puoi downloadare gli allegati in questo forum



Powered by phpBB © 2001, 2002 phpBB Group - phpBB SEO Designed by coachdesign - © 2003-2005