Skip to main content
removeu 1778 caracteres do conteúdo
Fonte Link
Isa
  • 1,1mil
  • 3
  • 19
  • 42

Como montar menu dinamico usando json e jquery?

Como montar esse menu dinamicamente usando json? Que ele fosse montado de acordo com a ordem que viesse. É possivel?

<nav class="navbar navbar-fixed-left navbar-minimal animate" role="navigation">
  <div class="navbar-toggler animate">
    <span class="menu-icon"></span>
  </div>
  <ul class="navbar-menu animate">
    <li onclick="displayPracaRamos();displayPracaCidadeMilao();">
      <a class="animate"> <span class="desc animate"> Praças </span> <span class="glyphicon glyphicon-tree-deciduous"></span>
      </a>
    </li>
    <li onclick="displayCameraCasteloBranco1();displayCameraCasteloBranco2();">
      <a class="animate"> <span class="desc animate">Cameras </span>
        <span class="glyphicon glyphicon-camera"></span>
      </a>
    </li>
    <li onclick="displayAlarmsMarker()">
      <a class="animate"> <span class="desc animate"> Ocorrencias </span> <span class="glyphicon glyphicon glyphicon-alert"></span>
      </a>
    </li>

    <li onclick="showPois()">
      <a class="animate"> <span class="desc animate"> POIS </span> <span class="glyphicon  glyphicon-map-marker"></span>
      </a>
    </li>
    <li>
      <a class="animate"> <span class="desc animate">Minha
                            Localização</span> <span class="glyphicon glyphicon-pushpin"></span>
      </a>
    </li>
    <li onclick="toggleFullScreen(document.body)">
      <a class="animate"> <span class="desc animate">Tela Inteira</span>
        <span class="glyphicon glyphicon-fullscreen"></span>
      </a>
    </li>

    <li>
      <a href="/PracaInteligente/login" class="animate"> <span class="desc animate"> Sair </span> <span class="glyphicon glyphicon glyphicon-log-out"></span>
      </a>
    </li>
  </ul>
</nav>

Como montar menu dinamico usando json e jquery?

Como montar esse menu dinamicamente usando json? Que ele fosse montado de acordo com a ordem que viesse. É possivel?

<nav class="navbar navbar-fixed-left navbar-minimal animate" role="navigation">
  <div class="navbar-toggler animate">
    <span class="menu-icon"></span>
  </div>
  <ul class="navbar-menu animate">
    <li onclick="displayPracaRamos();displayPracaCidadeMilao();">
      <a class="animate"> <span class="desc animate"> Praças </span> <span class="glyphicon glyphicon-tree-deciduous"></span>
      </a>
    </li>
    <li onclick="displayCameraCasteloBranco1();displayCameraCasteloBranco2();">
      <a class="animate"> <span class="desc animate">Cameras </span>
        <span class="glyphicon glyphicon-camera"></span>
      </a>
    </li>
    <li onclick="displayAlarmsMarker()">
      <a class="animate"> <span class="desc animate"> Ocorrencias </span> <span class="glyphicon glyphicon glyphicon-alert"></span>
      </a>
    </li>

    <li onclick="showPois()">
      <a class="animate"> <span class="desc animate"> POIS </span> <span class="glyphicon  glyphicon-map-marker"></span>
      </a>
    </li>
    <li>
      <a class="animate"> <span class="desc animate">Minha
                            Localização</span> <span class="glyphicon glyphicon-pushpin"></span>
      </a>
    </li>
    <li onclick="toggleFullScreen(document.body)">
      <a class="animate"> <span class="desc animate">Tela Inteira</span>
        <span class="glyphicon glyphicon-fullscreen"></span>
      </a>
    </li>

    <li>
      <a href="/PracaInteligente/login" class="animate"> <span class="desc animate"> Sair </span> <span class="glyphicon glyphicon glyphicon-log-out"></span>
      </a>
    </li>
  </ul>
</nav>

Como montar menu dinamico?

Como montar esse menu dinamicamente usando json? Que ele fosse montado de acordo com a ordem que viesse. É possivel?

Fonte Link
Isa
  • 1,1mil
  • 3
  • 19
  • 42

Como montar menu dinamico usando json e jquery?

Como montar esse menu dinamicamente usando json? Que ele fosse montado de acordo com a ordem que viesse. É possivel?

<nav class="navbar navbar-fixed-left navbar-minimal animate" role="navigation">
  <div class="navbar-toggler animate">
    <span class="menu-icon"></span>
  </div>
  <ul class="navbar-menu animate">
    <li onclick="displayPracaRamos();displayPracaCidadeMilao();">
      <a class="animate"> <span class="desc animate"> Praças </span> <span class="glyphicon glyphicon-tree-deciduous"></span>
      </a>
    </li>
    <li onclick="displayCameraCasteloBranco1();displayCameraCasteloBranco2();">
      <a class="animate"> <span class="desc animate">Cameras </span>
        <span class="glyphicon glyphicon-camera"></span>
      </a>
    </li>
    <li onclick="displayAlarmsMarker()">
      <a class="animate"> <span class="desc animate"> Ocorrencias </span> <span class="glyphicon glyphicon glyphicon-alert"></span>
      </a>
    </li>

    <li onclick="showPois()">
      <a class="animate"> <span class="desc animate"> POIS </span> <span class="glyphicon  glyphicon-map-marker"></span>
      </a>
    </li>
    <li>
      <a class="animate"> <span class="desc animate">Minha
                            Localização</span> <span class="glyphicon glyphicon-pushpin"></span>
      </a>
    </li>
    <li onclick="toggleFullScreen(document.body)">
      <a class="animate"> <span class="desc animate">Tela Inteira</span>
        <span class="glyphicon glyphicon-fullscreen"></span>
      </a>
    </li>

    <li>
      <a href="/PracaInteligente/login" class="animate"> <span class="desc animate"> Sair </span> <span class="glyphicon glyphicon glyphicon-log-out"></span>
      </a>
    </li>
  </ul>
</nav>