Siga-nos em...
Follow us on Twitter Follow us on Facebook Watch us on YouTube
Registro

Alpha Servers
Resultados 1 a 5 de 5
  1. #1

    Avatar de usabr
    Data de Ingresso
    Mar 2012
    Localização
    casa
    Posts
    114
    Agradecido
    6
    Agradeceu
    5
    Peso da Avaliação
    14

    Padrão Mudando <div id de acordo com a página

    Olá pessoal,

    Alguém pode me informar como eu altero a <li class="active"> de acordo com a página..
    Por exemplo, se eu clica na página Downloads automaticamente o <li class="active"> sair do Inicio e ir para Downloads.
    Exemplo no código

    Cliquei na página Inicio
    <div id="wrapper" class="clearfix">
    <div id="menu">
    <div id="menu_div" class="clearfix">
    <ul>
    <li class="active"><a href="?page=home"><span>Inicio</span></a></li>
    <li><a href="?page=paneluser"><span>Painel</span></a></li>
    <li><a href="?page=register"><span>Cadastro</span></a></li>
    <li><a href="?page=downloads"><span>Downloads</span></a></li>
    <li><a href="?page=rankings"><span>Rankings</span></a></li>
    <li><a href="?page=vips"><span>Vips</span></a></li>
    <li><a href="{#SHOPPING_LINK}" target="_blank"><span>Shop</span></a></li>
    <li><a href="?page=contact"><span>Fale Conosco</span></a></li>
    </ul>
    </div>
    </div>
    Cliquei na página Downloads
    <div id="wrapper" class="clearfix">
    <div id="menu">
    <div id="menu_div" class="clearfix">
    <ul>
    <li><a href="?page=home"><span>Inicio</span></a></li>
    <li><a href="?page=paneluser"><span>Painel</span></a></li>
    <li><a href="?page=register"><span>Cadastro</span></a></li>
    <li class="active"><a href="?page=downloads"><span>Downloads</span></a></li>
    <li><a href="?page=rankings"><span>Rankings</span></a></li>
    <li><a href="?page=vips"><span>Vips</span></a></li>
    <li><a href="{#SHOPPING_LINK}" target="_blank"><span>Shop</span></a></li>
    <li><a href="?page=contact"><span>Fale Conosco</span></a></li>
    </ul>
    </div>
    </div>
    É basicamente isso..
    OBS: MuSite v2.5.x

    (moderação altera o título, não é <div id é <li class)
    Última edição por usabr; 21-03-2014 às 08:25 AM. Razão: pedido para a moderação editar
    Ajudei? Agradece irmão! não cai a mão^^
    Hidden Content
    MuFantasYx - Sempre Inovando!

    WebSite: Hidden Content
    Shopping: Hidden Content
    Fórum: Hidden Content

  2. #2

    Avatar de anderinho2
    Data de Ingresso
    Jul 2012
    Localização
    Valença-BA
    Idade
    29
    Posts
    270
    Agradecido
    35
    Agradeceu
    31
    Peso da Avaliação
    14

    Padrão

    isso da pra fazer em JavaScript " mas n estudei JS ainda '-' "
    int em php ficaria +- assim
    Código PHP:
    <li <?php echo ($_GET["page"]=="home"?" class='active'":NULL); ?> > <a href="?page=home"> Home </a></li>
    vc adiciona em todas <li> do seu menu, dai você seta o que vem depois do "?page=" do link correspondente
    O que você procura...? Qual a sua Ganância...?

  3. O Seguinte Usuário Agradeceu anderinho2 Por este Post Útil:


  4. #3



    Avatar de Renato
    Data de Ingresso
    Nov 2010
    Localização
    Imperyus
    Posts
    1.099
    Agradecido
    2519
    Agradeceu
    492
    Peso da Avaliação
    30

    Padrão

    Dá uma lida sobre o a função attr do jquery.
    Aqui tem: [Somente usuários registrados podem vem os links. ]
    Código PHP:
    <?php
        
    if(Weather::getState() == 'Rainy weather') {
            
    $this->removingLittleHorseFromRain();
        }

  5. O Seguinte Usuário Agradeceu Renato Por este Post Útil:


  6. #4

    Avatar de usabr
    Data de Ingresso
    Mar 2012
    Localização
    casa
    Posts
    114
    Agradecido
    6
    Agradeceu
    5
    Peso da Avaliação
    14

    Padrão

    @anderinho2
    Funcionou, é exatamente o que eu estava procurando

    @Renatiinn
    Obrigado, já consegui, vou ver se acho um jeito via jQuery também

    Se algum moderador quiser marcar o mesmo como resolvido, pode!
    Ajudei? Agradece irmão! não cai a mão^^
    Hidden Content
    MuFantasYx - Sempre Inovando!

    WebSite: Hidden Content
    Shopping: Hidden Content
    Fórum: Hidden Content

  7. #5



    Avatar de Ayrton Ricardo
    Data de Ingresso
    May 2012
    Localização
    Joao Pessoa - PB
    Idade
    28
    Posts
    1.379
    Agradecido
    262
    Agradeceu
    171
    Peso da Avaliação
    26

    Padrão

    Sei que o tópico já ta fechado e coisa e talz, mas caso queira uma solução em jquery segue abaixo.


    Código HTML:
    $(document).ready(function(){
        var url = window.location.href;
        url = url.split('?');
        if (url[1] == null) {
            $('#menu_div > ul > li:first').addClass('active');
        } else {
            url = url[1].split('=');
            url = '?' + url[1] + '=' + url[2];
            $('.active').removeClass('active');
            $('a[href=' + url + ']').parent().addClass('active');
        }
    });
    Última edição por Ayrton Ricardo; 22-03-2014 às 03:13 AM.
    Leiam, todo desenvolvedor PHP precisa conhecer: Hidden Content .




  8. O Seguinte Usuário Agradeceu Ayrton Ricardo Por este Post Útil:


 

 

Informações de Tópico

Usuários Navegando neste Tópico

Há 1 usuários navegando neste tópico. (0 registrados e 1 visitantes)

Tópicos Similares

  1. |Depoimento| Mudando o FOCO
    Por Kennedy Salvino no fórum Flood Livre
    Respostas: 6
    Último Post: 23-08-2013, 08:43 PM
  2. |Dúvida| Mudando cor do input.
    Por Brutallus no fórum HTML - Nova área
    Respostas: 2
    Último Post: 25-07-2013, 04:25 PM
  3. |Tutorial| Mudando o visual dos subfóruns( 3.2.x ).
    Por Bruno Lucena no fórum IPB | Tutoriais
    Respostas: 0
    Último Post: 23-05-2012, 03:50 PM
  4. |Dúvida| como codar um main de acordo com o sever
    Por shadow160 no fórum Arquivos MuOnline
    Respostas: 1
    Último Post: 10-09-2010, 03:28 PM
  5. [Tutorial]Mudando a Fonte do CS 1.6
    Por Vilão no fórum Counter Strike
    Respostas: 0
    Último Post: 13-09-2009, 07:05 PM

Marcadores

Permissões de Postagem

  • Você não pode iniciar novos tópicos
  • Você não pode enviar respostas
  • Você não pode enviar anexos
  • Você não pode editar suas mensagens
  •