Autore Topic: Problema menu con tablet (Letto 3505 volte)

ettore72 · « **il:** 08 Set 2014, 15:49:27 »

Ciao,

Qualsiasi template avente menu con tasti doppia funzione (sia con link, che con sottomenu ) non funziona con il tablet.

Qualcuno se bisogna dare una funzione particolare ?

Always thanks

Ett

tomtomeight · « **Risposta #1 il:** 08 Set 2014, 16:26:48 »

Funzione a cosa? Se non metti link e nome template, se non commerciale, non è possibile capire il tuo problema perchè in verità i menù funzionano anche coi tablet.

ettore72 · « **Risposta #2 il:** 08 Set 2014, 16:37:12 »

Ti porto un esempio:

Nel menu di joomla.it c'e' il tasto " TEMPLATE " avente sia il link ( http://www.joomla.it/template.html ) che il sottomenu a tendina.

Queste 2 funzioni vengono mantenute anche sui tablet.

Ho provato un po' di template free ma non riesco a farlo funzionare.

tomtomeight · « **Risposta #3 il:** 08 Set 2014, 17:02:58 »

Mi devi fare l'esempio ove non funziona non dove funziona.

ettore72 · « **Risposta #4 il:** 08 Set 2014, 17:11:12 »

Ecco l'esempio di un template free :

http://www.corridorixcaso.com/

Nel menu c'e' il tasto " Joomla! " con queste 2 funzioni

lucantropo · « **Risposta #5 il:** 08 Set 2014, 22:14:48 »

L'ho provato ora su iPad e funziona correttamente

ettore72 · « **Risposta #6 il:** 09 Set 2014, 08:41:23 »

Funziona nel senso che se clicchi su " Joomla!" vai alla pagina di destinazione, ma non puoi scegliere un tasto della tendina che compare ( es. Contact )

lucantropo · « **Risposta #7 il:** 09 Set 2014, 09:37:24 »

No no funziona perfettamente,,per arrivare la tendina clicci sulla freccia e da li si apre per selezionare ad esempio contact

ettore72 · « **Risposta #8 il:** 09 Set 2014, 09:56:44 »

Ahh, ma tu vedi il menu mobile, io parlo del menu normale se lo tieni in orizzontale

lucantropo · « **Risposta #9 il:** 09 Set 2014, 10:58:27 »

Ah ok, é un problema noto, i tablet non hanno il corrispettivo del mouse hoVer dei computer che fa attivare la tendina.
Quindi o rivedi il cms del menu in modo da prevedere questo aspetto oppure integri uno script magari in jquery che simula l'ho verificato su dispositiv touch.

ettore72 · « **Risposta #10 il:** 09 Set 2014, 11:06:28 »

l'hai gia' fatto ? Non ho idea da che parte iniziare , mi puoi indicare la retta via ??

lucantropo · « **Risposta #11 il:** 09 Set 2014, 12:03:57 »

Non conosco nello specifico il template, ho visto che ha degli script apposta per il menù, quindi ti conviene chiedere assistenza allo sviluppatore.
Nel caso volessi provare a risolvere da solo ora ti scrivo un script che uso nei template che realizzo, ma conta che il tuo ha diversi script per il menù che potrebbero andare in conflitto con questo, quindi la soluzione migliore rimane chiedere allo sviluppatore del template.
Comunque fai questi passggi:

Assicurati di avere una copia disponibile del template in modo da poterlo ripristinare in caso sucdedesse qualche cosa strane.
Assicurati di avere un backup del sito sempre in caso di problemi strani (si lo so è un tantino paranoico ma non si sa mai)
Nell'amministrazione di joomla vai template, e visualizza i file del tuo template.
Apri "index.php" e incolli il codice prima del tag </head>.
sostituisci l'id #navigation con quello del tuo menù, che dovrebbe essere #sp-main-menu

io di solito nei miei template uso questo script per i menù bei dispositivi touch:

Codice: [Seleziona]

<script> 
$('a', '#navigation').each(function() 
{var $a = $(this); if ($a.next().is('ul')) 
{ var $ul = $a.next(); var $li = $a.parent();         
$li.hover(function() 
{ $ul.stop(true, true).animate(
{ opacity: 1 }, 600);}, function() 
{ $ul.stop(true, true).animate(
{ opacity: 0 }, 600); });
} }); 
</script>

ettore72 · « **Risposta #12 il:** 09 Set 2014, 16:17:25 »

Sono andato direttamente in FTP per modificare il file index.php del teplate ( da admin non avevo a accesso al file ).

Ho inserito come vedi qui di seguito il tuo codice modificandolo con #sp-main-menu , ma non funziona.

Codice: [Seleziona]

<?php
defined ('_JEXEC') or die ('resticted aceess');   

?><!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"  lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"  lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"  lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="<?php echo $this->language; ?>"> <!--<![endif]-->
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <jdoc:include type="head" />
        <?php
            $this->helix->Header()
            ->setLessVariables(array(
                    'preset'=>$this->helix->Preset(),
                    'header_color'=> $this->helix->PresetParam('_header'),
                    'bg_color'=> $this->helix->PresetParam('_bg'),
                    'text_color'=> $this->helix->PresetParam('_text'),
                    'link_color'=> $this->helix->PresetParam('_link')
                ))
            ->addLess('master', 'template')
            ->addLess( 'presets',  'presets/'.$this->helix->Preset() );
        ?>
<script> 
$('a', '#sp-main-menu').each(function() 
{var $a = $(this); if ($a.next().is('ul')) 
{ var $ul = $a.next(); var $li = $a.parent();         
$li.hover(function() 
{ $ul.stop(true, true).animate(
{ opacity: 1 }, 600);}, function() 
{ $ul.stop(true, true).animate(
{ opacity: 0 }, 600); });
} }); 
</script>
    </head>
    <body <?php echo $this->helix->bodyClass('bg hfeed clearfix'); ?>>
        <div class="body-innerwrapper">
        <?php
            $this->helix->layout();
            $this->helix->Footer();
        ?>
        <jdoc:include type="modules" name="debug" />
        </div>
    </body>
</html>

Ho gia' provato ad interrogare gli autori di questo template free , ma non risponde nessuno. E' per questo che sto impazzendo a risolvere questo problema $:-\$

lucantropo · « **Risposta #13 il:** 09 Set 2014, 16:35:02 »

Eh bisogna smanettarci un bel po, visto che le possibilità per il non funzionamento dello script sono molteplici, partendo da un conflitto dello script con altri che potresti provare a risolvere col il no conflict, passando per il fatto che ci potrebbe essere una classe specifica per il menù in versione desktop e una per il mobile.
Se guardi i vari file c'è già uno script che dovrebbe gestire i menù, si chiama menù.js, bisognerebbe riuscire a decifrarlo e capire dove sta il problema.

ettore72 · « **Risposta #14 il:** 09 Set 2014, 16:58:30 »

$:-\$ $:-\$ $:-\$

Se ti dovessi dare gli accessi potresti solo dirmi se c'e' la fattibilita' di riuscirci o meno ? Ci puoi dare un'occhiata ?

lucantropo · « **Risposta #15 il:** 09 Set 2014, 17:17:17 »

Purtroppo non sono così esperto di script, mi spiace, so far funzionare quei pochi che utilizzo sui miei template

Autore Topic: Problema menu con tablet (Letto 3505 volte)

ettore72

Problema menu con tablet

tomtomeight

Re:Problema menu con tablet

ettore72

Re:Problema menu con tablet

tomtomeight

Re:Problema menu con tablet

ettore72

Re:Problema menu con tablet

lucantropo

Re:Problema menu con tablet

ettore72

Re:Problema menu con tablet

lucantropo

Re:Problema menu con tablet

ettore72

Re:Problema menu con tablet

lucantropo

Re:Problema menu con tablet

ettore72

Re:Problema menu con tablet

lucantropo

Re:Problema menu con tablet

ettore72

Re:Problema menu con tablet

lucantropo

Re:Problema menu con tablet

ettore72

Re:Problema menu con tablet

lucantropo

Re:Problema menu con tablet