Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Erro Seleção de Elementos ( Abre Fecha )

17-06-2016 16:09

Esse script funciona assim se você clica no ícone de abrir ele abre, se você clica no ícone de fechar ele fecha, até então funciona tudo certinho, só que gostaria de saber:
Como eu faço para quando clicar para abrir notícias , fechar automaticamente Perfil e vice versa ?
Obrigado.

Perfil
<a id="APerfil<?php echo $res[id_adm]; ?>" href="javascript:AbreFecha('Perfil<?php echo $res[id_adm]; ?>', 'APerfil<?php echo $res[id_adm]; ?>');"><img src="imagens/aberto.png"></a>

Chama Perfil Aberto
<div id="Perfil<?php echo $res[id_adm]; ?>" style="display:block;">

Noticias
<a id="ANoticias<?php echo $res[id_adm]; ?>" href="javascript:AbreFecha('Noticias<?php echo $res[id_adm]; ?>', 'ANoticias<?php echo $res[id_adm]; ?>');"><img src="imagens/fechado.png"></a>

Chama Notícias Fechado
<div id="Noticias<?php echo $res[id_adm]; ?>" style="display:none;">

Código Java Script
<script language="JavaScript"> function AbreFecha(showHideDiv, switchImgTag) { var ele = document.getElementById(showHideDiv); var imageEle = document.getElementById(switchImgTag); if(ele.style.display == "block") { ele.style.display = "none"; imageEle.innerHTML = '<img src="imagens/fechado.png">'; } else { ele.style.display = "block"; imageEle.innerHTML = '<img src="imagens/aberto.png">'; } } </script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17677
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro Seleção de Elementos ( Abre Fecha )

17-06-2016 16:44

Serão só esses dois itens?

Se forem vários perfis você pode fazer com jQuery. Seria assim, fecharia todos os perfis e abriria somente o perfil que foi clicado.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 438

Re: Erro Seleção de Elementos ( Abre Fecha )

17-06-2016 16:49

São vários, Como faria ?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17677
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Erro Seleção de Elementos ( Abre Fecha )

17-06-2016 21:09

Montei esse exemplo mais ou menos baseado no seu código

<script src="jquery.js"></script> <style> /* escondendo todas as divs com a classe DPerfil no carregamento */ .DPerfil{display:none;} </style> <script> $(function() { // ao clicar no link com a classe APerfil $(".APerfil").click(function() { // esconde todas as divs com a classe DPerfil $(".DPerfil").hide(); // mostra somente a div com a ID passada pelo data-id no link clicado $("#"+$(this).attr("data-id")).show(); }); }); </script> <a href="javascript://" class="APerfil" data-id="APerfil_1">1</a> <a href="javascript://" class="APerfil" data-id="APerfil_2">2</a> <div class="DPerfil" id="APerfil_1">1</div> <div class="DPerfil" id="APerfil_2">2</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado