Ir ao conteúdo
  • Cadastre-se

Substituir código de acordo com a largura da página


Posts recomendados

Resumidamente, queria esse código quando a largura da página fosse maior que 700px:
 

<?php if($this->API->get('show_menu', 1)) : ?><div id="MainMenu" <?php echo $this->API->get('menu_type', 'Ny') == 'Nx' ? 'class="Page MenuNx"' : 'class="Page MenuNy"'; ?>><?php$this->mainmenu->loadMenu($this->API->get('menu_name','mainmenu'));$this->mainmenu->genMenu($this->API->get('startlevel', 0), $this->API->get('endlevel',-1));?></div><?php endif; ?>

Mas, quando fosse menor que 700px, queria esse:
 

<aside id="header-mobile-menu-widget" class="widget_mobile-menu"><span id="header-mobile-menu" href="#"></span><div class="header-mobile-menu-wrap displaynone"><?php if($this->API->get('show_menu', 1)) : ?><div id="MainMenu" <?php echo $this->API->get('menu_type', 'Ny') == 'Nx' ? 'class="Page MenuNx"' : 'class="Page MenuNy"'; ?>><?php$this->mainmenu->loadMenu($this->API->get('menu_name','mainmenu'));$this->mainmenu->genMenu($this->API->get('startlevel', 0), $this->API->get('endlevel',-1));?></div><?php endif; ?></div></aside>

Não adianta usar media queries porque o elemento some completamente com display: none;
Queria fazer uma substituição do código de acordo com a largura da página. Se alguém puder me ajudar eu agradeço. Estou começando agora e não sei nada de jquery, javascript...

Link para o comentário
Compartilhar em outros sites

Podia usar o

media="screen and (min-width:0px;)" href="min.css"media="screen and (min-width:700px;)" href="medium.css"media="screen and (min-width:1200px;)" href="max.css" 

Outro método que conheco e eventos de navegador do jquery. tme um canal no youtube ensinando se nao me engando e PontoCanal

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!