Probleme Menu JavaScript

Par Raize, il y a 14 ans

CakePHP

Bonjour! Voila mon soucis, j'ai un menu en JavaScript que j'aimerai utilisé sous CakePHP 2.0.4, le problème est de lui faire passer mes script JS dans le layout default.ctp et de lier mes pages a ce menu (sachant que le menu est sous forme d'images) et qu'il a un sous menu.
Voici le html du menu(je l'utilise en element, il est appelé dans default.ctp) :

<nav>   
        <ul id="navigation">
          <li><a class="acceuil" href="#"></a></li>
          <li><a class="professeurs" href="#"></a></li>   
          <li><a class="cours" href="#"></a>
            <ul class="sf-menu">
                              <li><a href="#" class="danses"></a></li><br> 
                                <li><a href="#" class="peda"></a></l>
                                <li><a href="#" class="planning"></a></li><br> 
                        <li><a href="#" class="tarifs"></a></li>
            </ul>
          </li>
          <li><a class="evenements" href="#"></a>
            <ul class="sf-menu">
                              <li><a href="#" class="stages"></a></li><br> 
                                <li><a href="#" class="soirees"></a></l>
                                <li><a href="#" class="festivals"></a></li><br>

            </ul>
          </li>
          <li><a class="services" href="#"></a>
            <ul class="sf-menu">
                              <li><a href="#" class="receptions"></a></li><br> 
                                <li><a href="#" class="animations"></a></l>
                                <li><a href="#" class="projets"></a></li><br>                         
            </ul>
          </li>
          <li><a class="galerie" href="#"></a>
              <ul class="sf-menu">
                              <li><a href="#" class="photos"></a></li><br> 
                                <li><a href="#" class="videos"></a></l>
                                <li><a href="#" class="presse"></a></li><br>                        
              </ul>
          </li>
          <li><a class="contacts" href="#"></a></li>
        </ul>
              </nav>

Demo du menu

Dans PageController j'utilise la fonction : 

function menu()
    {
        $pages = $this->Post->find('all', array(
            'conditions' => array('type' => 'page','category' => 'nav', 'online' => 1),
            'fields' => array('id','slug','name')
        ));
        return $pages;
    }

et le but serait de réadapter ce système a mon menu (Je vois vraiment pas comment m'y prendre): 

<?php foreach($pages as $k=>$v): $v = current($v); ?>
              <li><?php echo $this->Html->link($v'name'], $v'link']); ?></li>
<?php endforeach; ?>

Merci d'avance!

2 réponses

zenkiai, il y a 14 ans

Salut, alors pour un menu en image au lieu des titres des pages, j'avais pensé pour mettre sur mon site, d'ajouter un champ image à l'édition de mes pages, et j'aurais fait un foreach de ces images au lieu de celui du titre des pages.

<li><?php echo $this->Html->link($v'image'], $v'link']); ?></li>

Par contre mon idée vaut pour un menu simple, pour tes sous menus ça se compliquent.
Cela pourra peut être te donner une piste pour réaliser ton menu.

Raize, il y a 14 ans

Hey! merci d'avoir pris le temps de répondre Zenkiai, je pense avoir trouvé une piste en faite il faut j'assigne chacune des pages aux div qui correspondantes en utilisant leurs id, la ou ça se gâte c'est au niveau de la syntaxe.

<li><a class="accueil" href="<?php echo $this->Html->link($v[1]'name'], $v[1]'link']); ?>"></a></li>

[1] correspond à l'id de ma page accueil dans ma BD.

Cette syntaxe ne fonctionne pas, la solution serait de récupérer le link de la page désirée en indiquant son id.
Quelqu'un aurait une idée ?