Jump to content
Mac135

Manusear div

Recommended Posts

Mac135

boas, tenho este código que queria aplicar apenas a uma DIV especifica, como esta fecha-me as divs todas.

Sou novo em javascript, será que me conseguem dizer como consigo trabalhar com a div que pretendo?

<script language=javascript type='text/javascript'> 
function hidediv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideShow').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideShow.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideShow.style.visibility = 'hidden'; 
} 
} 
}


</script>

Share this post


Link to post
Share on other sites
Mac135

       <div id="ferramenta1" onclick='hideDiv()'> </div>
       <div id="ferramenta2"> </div>
       <div id="ferramenta3"> </div>
       <div id="ferramenta4"> </div>

o que eu gostava de fazer era aplicar a função hideDiv() à div ferramenta1, e não a tudo

Share this post


Link to post
Share on other sites
Mac135

pois, a ideia no final seria usar uma só função com o parametro a variar, consegues-me dizer como devo fazer para pegar uma só div, basta um exemplo.

Share this post


Link to post
Share on other sites
Mac135

tenho encontrado assim

var somediv = document.getElementById('someid');

mas isto apenas me vai buscar o conteudo da div

Share this post


Link to post
Share on other sites
yoda

function hidediv(cid) { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById(cid).style.visibility = 'hidden'; 
}
}

      <div id="ferramenta1" onclick='hideDiv(ferramenta1)'> </div>
       <div id="ferramenta2"> </div>
       <div id="ferramenta3"> </div>
       <div id="ferramenta4"> </div>

Share this post


Link to post
Share on other sites
kareka

@yoda , uma questão yoda , se ele vai buscar o id da div para que o if antes ?


<?php include("assinatura.txt"); ?>

Share this post


Link to post
Share on other sites
Mac135

  $(document).ready(function() {


function hidediv(cid) {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(cid).style.visibility = 'hidden';
}
}

  });

<div id="ferramenta1" onclick='hideDiv(ferramenta1)'> </div>
       <div id="ferramenta2"> </div>
       <div id="ferramenta3"> </div>
       <div id="ferramenta4"> </div>

neste momento tenho como disseste yoda, mas continua a nao dar

Share this post


Link to post
Share on other sites
kareka

É para confirmar se a função existe ou não, e evitar erros no browser (não é suportada nos browser mais antigos, IE4 e afins)

Não sabia , obrigado !


<?php include("assinatura.txt"); ?>

Share this post


Link to post
Share on other sites
kareka

  $(document).ready(function() {


function hidediv(cid) {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(cid).style.visibility = 'hidden';
}
}

  });

<div id="ferramenta1" onclick='hideDiv(ferramenta1)'> </div>
       <div id="ferramenta2"> </div>
       <div id="ferramenta3"> </div>
       <div id="ferramenta4"> </div>

neste momento tenho como disseste yoda, mas continua a nao dar

Tinhas um erro no nome da função , tinhas hideDiv na div e hidediv na função , tenta assim .

<div id="ferramenta1" onclick='hidediv(ferramenta1)'> </div>
       <div id="ferramenta2"> </div>
       <div id="ferramenta3"> </div>
       <div id="ferramenta4"> </div>


<?php include("assinatura.txt"); ?>

Share this post


Link to post
Share on other sites
Mac135

pensava que era do mesmo modo, peço desculpa

na ultima função que me mostras não é preciso mandar a div como parametro?, experimentei e tb nao deu

Share this post


Link to post
Share on other sites
Mac135

entao é assim

no head tenho isto

  <script>

$(function() {
    $('div.ferramenta').click(function() {
       $(this).hide();
    });
});

  </script>

o codigo da parte das divs é este

<div id="conteudo" class="conteudo">

       <div id="ferramenta1"> </div>
       <div id="ferramenta2"> </div>
       <div id="ferramenta3"> </div>
       <div id="ferramenta4"> </div>

    </div>

Share this post


Link to post
Share on other sites
Mac135

já consegui arranjar solução, obrigado na mesma pelas tentativas de ajuda

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.