Script per menù

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
Buonasera, come da titolo vorrei sapere se qualcuno conosce uno script che permetta dopo aver cliccato una voce del menù che lo stesso si richiuda. Sto parlando della versione mobile. Per intendersi è quello in foto. Però il mio cliccando su una voce resta giù non si richiude. Grazie per l'aiuto.
78aae056d2ca1c36807cce443ed52f7c.jpg



Inviato dal mio iPad utilizzando Tapatalk
 

RecallingTea31

Utente Attivo
11 Feb 2015
40
0
0
Ciao, se ho capito bene vorresti che cliccando una voce del menu questo si richiuda. In questo caso ti bastera impostare sul evento onClick una funzioni che mandi l'attributo display del menu in none. Fammi sapere se non mi sono spiegato ,ciao.
 

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
Ciao, se ho capito bene vorresti che cliccando una voce del menu questo si richiuda. In questo caso ti bastera impostare sul evento onClick una funzioni che mandi l'attributo display del menu in none. Fammi sapere se non mi sono spiegato ,ciao.

Evento onClick su ogni voce del menù?


Inviato dal mio iPad utilizzando Tapatalk
 

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
Ciao, se ho capito bene vorresti che cliccando una voce del menu questo si richiuda. In questo caso ti bastera impostare sul evento onClick una funzioni che mandi l'attributo display del menu in none. Fammi sapere se non mi sono spiegato ,ciao.

Su tutte le voci del menù la funzione onClick? Come sarebbe la funzione e dove dovrei metterla? Grazie mille.


Inviato dal mio iPad utilizzando Tapatalk
 

RecallingTea31

Utente Attivo
11 Feb 2015
40
0
0
Ogni elemento ha dei suoi eventi per esempio come voce del menu potresti metterci <a> che ha tra gli eventi anche onclick cioè <a onclick=funzionejavascript()>...</a> Dimmi se ti serve anche la funzione javascript ciao.
 

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
Ogni elemento ha dei suoi eventi per esempio come voce del menu potresti metterci che ha tra gli eventi anche onclick cioè ... Dimmi se ti serve anche la funzione javascript ciao.
Si mi servirebbe anche la funzione, seimila passeresti tene sarei grato. Grazie mille..

Inviato dal mio LG-D855 utilizzando Tapatalk
 
Ultima modifica:

RecallingTea31

Utente Attivo
11 Feb 2015
40
0
0
Mettiamo caso tu abbia il menu che ha un id = menuprincipale , e vuoi che quando premano il pulsante back si levi:

<a onclick="chiudi()">Back</a>

Funzione javascript:

function chiudi(){
document.getElementById("menuprincipale").style.display="none";
}

Spero di essermi spiegato ciao.
 

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
Mettiamo caso tu abbia il menu che ha un id = menuprincipale , e vuoi che quando premano il pulsante back si levi:

<a onclick="chiudi()">Back</a>

Funzione javascript:

function chiudi(){
document.getElementById("menuprincipale").style.display="none";
}

Spero di essermi spiegato ciao.
Volevo sapere io ho quattro voci nel menu onclick lo devo mettere a tutte e 4 le voci?

Inviato dal mio LG-D855 utilizzando Tapatalk
 

RecallingTea31

Utente Attivo
11 Feb 2015
40
0
0
Non ti preuccupare tu quando fai un menu in html gli assegni un id negli attributi ad esempio :

<div id="menuprincipale">..</div>

javascript con la funzione getElementById() identifica l'elemento, con il nome dell'id.
Una volta che usi questa funzione puo manovrare i suoi attributi. Fammi sapere se capisci
 

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
Non ti preuccupare tu quando fai un menu in html gli assegni un id negli attributi ad esempio :

<div id="menuprincipale">..</div>

javascript con la funzione getElementById() identifica l'elemento, con il nome dell'id.
Una volta che usi questa funzione puo manovrare i suoi attributi. Fammi sapere se capisci
Ok domani provo e ti faccio sapere. Grazie per ora.

Inviato dal mio LG-D855 utilizzando Tapatalk
 

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
Non ti preuccupare tu quando fai un menu in html gli assegni un id negli attributi ad esempio :

<div id="menuprincipale">..</div>

javascript con la funzione getElementById() identifica l'elemento, con il nome dell'id.
Una volta che usi questa funzione puo manovrare i suoi attributi. Fammi sapere se capisci
Ho provato ma non viene posto il codice del menù, secondo me essendo un template già fatto di sicuro va in conflicco con qualcosa.
Questo è il codice:
HTML:
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
               <div class="container">
                   
                      <div class="navbar-header">
                       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                           <span class="sr-only">Toggle navigation</span>
                           <span class="icon-bar"></span>
                           <span class="icon-bar"></span>
                           <span class="icon-bar"></span>
                        </button>
                        
                        <!--   <a class="navbar-brand" href="#hero">
                             Replace Drifolio Bootstrap with your Site Name and remove icon-grid to remove the placeholder icon 
                            <span class="brandicon icon-grid"></span>
                            <span class="brandname">Drifolio Bootstrap</span>
                        </a>-->
                    </div>

                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right"><!--YOUR NAVIGATION ITEMS STRAT BELOW-->
                        <li><a onclick="chiudi()" href="#link1"><span class="btnicon icon-user"></span>Link1</a></li>
                        <li><a onclick="chiudi()" href="#link2"><span class="btnicon icon-cup"></span>Link2</a></li>
                        <li><a onclick="chiudi()" href="#link3"><span class="btnicon icon-rocket"></span>Link3</a></li>
                        <li><a onclick="chiudi()" href="#link4"><span class="btnicon icon-bubble"></span>Link4</a></li>
                        
              
                    </ul>
                
                </div><!--.nav-collapse -->
            </div>
        </nav><!--navbar end-->
 
Ultima modifica:

RecallingTea31

Utente Attivo
11 Feb 2015
40
0
0
No non funzione semplicemente perche , non dichiari alcun id , nel div principale devi mettere id="menuprincipale",
 

Tommi

Nuovo Utente
5 Apr 2015
11
0
0
No non funzione semplicemente perche , non dichiari alcun id , nel div principale devi mettere id="menuprincipale",

Poi nello script ho provato a mettere tutte le classi ma non andava. Poi per fare come dici tu dovrei mettere il tag nav dentro un <div id="menuprincipale">?


Inviato dal mio iPad utilizzando Tapatalk
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Script per convertire numeri in parole Javascript 2
P Passare solo alcuni parametri a script per CSV PHP 0
felino Script PHP per leggere un file JSON. autenticazione? PHP 4
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
A [PHP] Script con array con numeri che iniziano per 00 PHP 2
TpD [PHP] Script per organizzazione presenza eventi PHP 3
webmachine [PHP] Script per censurare parole PHP 4
otto9due GDPR 25 Maggio - script per attivare analytics, facebook ecc.. dopo il consenso. jQuery 14
M [PHP] Script per controllo disponibilitá negozio in citta PHP 4
G Inserzione script nella pagina html per jquery jQuery 8
K Script PHP per leggere array.txt Presentati al Forum 3
N [Javascript] script demo preloader per video Javascript 0
Mauro Guardiani [PHP] script per caricamento video PHP 0
P [Javascript] Aiuto per recupero variabili da script Javascript 10
D script per far funzionare l'animazione Javascript 4
D script per far funzionare l'animazione Presentati al Forum 1
romeocharly Creare un script/codice in php per collegare un id mysql con un file PHP 0
xone [Vendo] Script php+mysql autocostruito per gestione giacenze magazzino Offerte e Richieste di Lavoro e/o Collaborazione 0
F Script php per IP camera PHP 12
M Script per convertire video youtube in mp3 PHP 1
M Comportamento strano di questo script per caricamento file sql in database PHP 7
D Creare script per calcolo ore PHP 11
L Script per aggiornare pagina html Javascript 2
Y script per upload file PHP 9
G Script per sincronizzare EBay PHP 0
G Cerco script per importare file .xml e .csv. Lavoro retribuito Offerte e Richieste di Lavoro e/o Collaborazione 2
F Spiegazione script java per randomizzare Javascript 0
IImanuII Licenza per script in PHP PHP 2
S Consigli per script javascript per creare videogiochi Javascript 2
G Script per chat sito adulti PHP 1
S aiuto per script PHP/OOP PHP 2
A Script per download non legge stensione file PHP 1
Z Script per aprire video youtube sia apre a schermo intero e poi ridimensionare in automatico Javascript 1
P Supporto per creare uno script "Add Cart" Offerte e Richieste di Lavoro e/o Collaborazione 7
D Script per email pubblicitarie PHP 2
filippino Script PHP per estrarre dati estrazioni da sito "10 e lotto" PHP 0
M Script Google Maps per ricavare coordinate di un indirizzo PHP 0
andry79fi PLUGIN (o script) per Pagina Facebook con INTERVENTI degli utenti WordPress 0
M Dove sbaglio con questo script per inserimento record? PHP 1
M [risolto] Script ajax per form e mappe Ajax 6
A Sito per presentazione di plugin e script Presenta il tuo Sito 0
P Script per far scomparire l'input dopo aver premuto invio? Javascript 8
H Script per visualizzare ip mi dà errori! PHP 0
A [RISOLTO] Script per il login PHP 8
P script per avviare webcam Javascript 0
C VENDO-SCRIPT ADDMEFAST per incremento FANS su FACEBOOK Annunci servizi di Social Media Marketing 0
D script per querystring Javascript 2
C VENDO SCRIPT per aumentare fan su pagine facebook Annunci servizi di Social Media Marketing 0
S Script per personalizzazione Javascript 6
Shyson Script per creare fotogallery Webdesign e Grafica 0

Discussioni simili