voglio creare una toolbar come questa

Di: un_poldo | 26/09/2020 17:55:54
Mi sapete dire come si crea una toolbar come quella di questo sito?
http://www.comune.como.it

Risposte



Scusate, qualcuno vede una toolbar in questo sito?

Di: Gian Paolo | 26/09/2020 17:55:54


Sì, in alto a desta, sotto la scritta: 'ilcomune online' ci sono una serie di pulsanti, disposti in verticale, te li riporto:
IL COMUNE
COMUNICHIAMO
CONOSCERE COMO
SERVIZI IN CITTA'
CULTURA E TEMPO LIBERO
se clicchi su ciascuna scritta ti compaiono altre scritte alla sinistra (sempre disposte verticalmente).
Ecco, vorrei creare una cosa simile, come si fa?

Di: un_poldo | 26/09/2020 17:56:54


E quella tu la chiami toolbar?

Di: Gian Paolo | 26/09/2020 17:56:54


scusa, insegnami tu come sia chiama! anzi, sarai sicuramente in grado di spiegarmi bene anche come si realizza una cosa del genere!

Di: un_poldo | 26/09/2020 17:56:54


Per realizzare la "toolbar" come l'hai chiamata, ti occore js tipo questo:
<script language="javascript">
function compari(){
toolbar = document.getElementsByID("tuo_div");
toolbar.className='magia';
}
}
</script>
In pratica non farai altro che cambiare il css associato al div che da nascosto diventerà visibile.
Un pò come per i menu a tendina, ovviamente dovrai associare il comando js onClick al tuo link html.
<a href="#" onClick="compari();">vai</a>
magia sarà la classe css che renderà visibile il div

Di: goku | 26/09/2020 17:56:54


Ragazzi scusate, vogliamo scherzare o vogliamo avere un'idea precisa di come si chiamino le cose? Bastava oltretutto digitare la parola in un qualsiasi motore di ricerca per avere tutte le spiegazioni possibili. Persino Wikipedia ne da una descrizione esatta http://it.wikipedia.org/wiki/Toolbar. Credo che avrai sentito parlare della toolbar di Google, di Yahoo!, di Alice ecc. o di quella dei browser come I.E. o Firefox? Ecco un esempio http://toolbar.google.com/T4/intl/it/index_pack.html. Quella che descrivi tu è una comune "barra o menu di navigazione" che ti consente di navigare all'interno del sito. Ecco alcuni esempi di che cos'è e di come viene costruita http://www.ottimizzare.com/siti_web/css/css_barra-navigazione.php da qui puoi scaricarne di già pronte http://www.alvit.de/css-showcase/index.php?css=3 e anche da qui http://www.dynamick.it/menu-navigazione-945.html.
Io non ho voluto ironizzare ripetendoti la domanda, ho voluto semplicemente stimolarti a riflettere se stavi dicendo la cosa giusta o meno. D'altronde è possibile confondersi con nomi che hanno delle assonanze... per questo motivo, al posto tuo, sarei andato a verificarlo in un motore di ricerca e avrei rettificato... tutto qua.

Di: Gian Paolo | 26/09/2020 17:56:54


Scusa Gian Paolo, ai link da te postati mi sembra di vedere solo semplici menu di navigazione, forse mi è sfuggito qualcosa?, se così non fosse, il menu a comparsa va gestito con JS, perché nel caso specifico, selezionando un link cliccandoci su, compare il "menu secondario" senza ricaricare la pagina.
Per il nome hai ragione, ma per la realizzazione credo di non sbagliarmi.

Di: goku | 26/09/2020 17:56:54


Infatti parlavo del nome... mi sono accorto che quel tipo di menu ha bisogno del JS. I miei esempi si riferiscono ai menu in generale. Comunque in rete si trovano di quel tipo... anzi se puoi dargli tu una mano sarebbe l'ideale... al momento non sono in vena di mettermi ad armeggiare col javascript...

Di: Gian Paolo | 26/09/2020 17:57:54