Jump to content

Manusear div


Recommended Posts

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>

Link to post
Share on other sites

       <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

Link to post
Share on other sites

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>

Link to post
Share on other sites

  $(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

Link to post
Share on other sites

É 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"); ?>

Link to post
Share on other sites

  $(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"); ?>

Link to post
Share on other sites

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>

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.