[Javascript] problema menu responsive su aruba, editor bk

PavlovTheDog

Nuovo Utente
14 Apr 2018
24
0
1
Ciao a tutti.
Ho un problema con il menu di navigazione responsive sul mio sito creato tramite aruba, e quindi l'editor BaseKit.
Dovendo creare il sito in due lingue, ho dovuto inserire due menu di navigazione con nomi pagine e collegamenti alle pagine diversi, ma, sebbene abbia ricopiato il codice html del widget di navigazione incluso nel template, non mi funziona in modo responsive.

Purtroppo è una situazione contrattuale in cui non posso ricevere supporto "sviluppatori" nè dal provider, nè dallo staff di BK...

Ho un codice html di questo tipo:

HTML:
            <div id="page-zones__template-widgets__extendednavigation-navigation" class="widget extendednavigation" data-widget-type="extendednavigation" data-uniqueid="page-zones__template-widgets__extendednavigation-navigation">
               <div class="extendednavigation"  align="center">
                   <ul class="js-menu-list  14-items">
                       <li id="menu-item_1" class="home"><a href="/"><span class="text">pagina iniziale</span></a></li>
                       <li "menu-item_2" class="page  folder" aria-haspopup="true"><a href="/galleria"><span class="text">galleria</span></a>
                           <ul class="js-menu-list 2-items page">
                               <li "menu-item_3" class="page"><a href="/acquerello"><span class="text">acquerello</span></a></li>
                               <li "menu-item_4" class="page"><a href="/incisione"><span class="text">incisione</span></a></li>
                           </ul>
                           .....
                        </ul>
                       <a href="#" class="pull js-pull"></a>
                </div>
              </div>

Dovrei fare in modo che l'elemento "a.pull", presente nella visualizzazione per tablet e smartpone, mostri e nasconda al click le voci del menù di navigazione.
I CSS sono giusti e infatti il menu viene visualizzato "block" se aggiungo manualmente, tramite HTML la classe "open" all'elemento ul.
Nell'editor c'è già preimpostato un codice javascript/jquery che evidentemente non riesce a svolgere questa funzione. Non so come venirne a capo. Ho già provato alcuni script, ma o non li so adattare, oppure semplicemente non so come inserirli.
Sarei molto grato se qualcuno potesse aiutarmi.
Grazie in anticipo a tutti.
 
Ultima modifica:

PavlovTheDog

Nuovo Utente
14 Apr 2018
24
0
1
Non so se qualcuno abbia mai avuto interesse in questo thread, ma, per la cronaca, ho risolto così:

HTML:
<div id="page-zones__template-widgets__extendednavigation-navigation" class="widget extendednavigation" data-widget-type="extendednavigation" data-uniqueid="page-zones__template-widgets__extendednavigation-navigation">
  <div class="extendednavigation"  align="center">
    <ul id="menunav" class="js-menu-list 13-items">
       <li id="menu-item_1" class="home  page"><a href="/"><span class="text">pagina iniziale</span></a></li>
       <li id="menu-item_2" class="page  folder" aria-haspopup="true"><a href="/galleria"><span class="text">galleria</span></a>
         <ul class="js-menu-list 2-items page">
           <li id="menu-item_3" class="page"><a href="/acquerello"><span class="text">acquerello</span></a></li>
           <li id="menu-item_4" class="page"><a href="/incisione"><span class="text">incisione</span></a></li>
          </ul>
       </ul>
         <a onclick="showNav()" href="#" class="pull  js-pull"></a>
</div>
</div>

<script>
function showNav() {
    var element = document.getElementById("menunav");

    if (element.classList) {
        element.classList.toggle("open");
    } else {
        var classes = element.className.split(" ");
        var x = classes.indexOf("open");

        if (x >= 0)
            classes.splice(x, 1);
        else
            classes.push("open");
            element.className = classes.join(" ");
    }
}
</script>

Bye.
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Problema con Menu Javascript HTML e CSS 1
I problema con un menu javascript Javascript 4
M Problema Con Menu Javascript Javascript 1
S Problema menu javascript Javascript 2
grgfede Problema javascript con aruba Javascript 1
L [Javascript] Problema salvataggio dati in db Javascript 1
S [Javascript] Problema costrutto if Javascript 0
S [Javascript] Problema con condizione "if" Javascript 2
Z Problema Galleria Javascript Javascript 1
trattorino [Javascript] scrool top problema Javascript 1
C [Javascript] problema nell'utilizzo di un array Javascript 2
G [Javascript] Problema parametro passato con ajax Javascript 4
G [Javascript] Problema modal con scrollbar Javascript 0
A [Javascript] problema con draggable Javascript 0
L [javascript]problema funzione per webapi Javascript 4
A PROBLEMA INTERAZIONE PHP E JAVASCRIPT PHP 1
L [PHP] problema con upload e javascript (upload multiplo) Javascript 2
Antonio Nervi [Javascript] Problema visualizzazione banner accettazione cookies Javascript 6
borgo italia [Javascript] un problema con ckeditor Javascript 3
bubino8 [Javascript] Problema function eseguita solo la prima volta Javascript 1
A [Javascript] Problema visualizzazione posizione corrente su mappa Javascript 2
A Problema con getCurrentPosition e passaggio variabili da javascript a PHP Javascript 3
F [Javascript] Problema su sticky sidebar Javascript 0
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
W [Javascript] Problema: Copiare testo da un iframe? Javascript 4
L Problema con javascript e server Javascript 3
S [Javascript] Problema richiamo funzione Javascript 8
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
A PROBLEMA SITO SU JAVASCRIPT Javascript 6
E [Javascript] problema con margine quando viene mostrato div Javascript 0
A [Javascript] Problema focus() solo su osx Javascript 2
S Problema con script php-javascript PHP 2
L [WordPress] Problema Javascript nel log del browser WordPress 1
S problema con gli array in javascript Javascript 12
M problema ciclo javascript Javascript 4
C Problema con OnClick Javascript Javascript 13
A problema : codice javascript Javascript 1
C Problema javascript su chrome e firefox Javascript 2
H problema con select dinamiche e javascript Javascript 0
M Problema con aggiornamento variabili da web server con javascript Javascript 1
X Problema con php e javascript jQuery 0
M problema con JavaScript Javascript 2
F Problema di programmazione in javascript Javascript 2
V Problema php / javascript Presentati al Forum 1
S Problema con javascript Javascript 3
F [risolto] Problema javascript Internet Explorer Javascript 1
S Problema non riconosce javascript Javascript 7
S Problema javascript singoli apici Javascript 3
S Problema PHP + Javascript PHP 1
T [Javascript] [RISOLTO] Problema con Google Maps e "Zero_Results" Javascript 11

Discussioni simili