1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Aplicar efeitos CSS :S duvida

Discussão em 'Web Development' iniciada por danfergo, 21 de Junho de 2009. (Respostas: 4; Visualizações: 950)

  1. danfergo

    danfergo Power Member

    Por exemplo eu queria ocultar uma secção de um web site que estou a criar. normalmente quando a secçao que pretendo nao tem um ID ou CLASS proprio eu faço referencia a secções anteriores com id para aplicar os efeitos nas seguintes. exemplo:


    Código:
    <div id='qqercoisa'> <h1> </h1> </div>
    
    <style>
    #qqercoisa h1{display:none}</style>
    
    Por vezes uso tb algo que aprendi recentemente
    Código:
    <a href='umsiteqqer'> LINK</a>
    
    <style>
    a[href='umsiteqqer']{display:none;}
    </style>
    

    Mas desta vez é um pouco controverso, exemplo:

    Código:
    <div id="profile-advanced-right">
         <div class="module borderwrap"> </div>
    
         <div class="module borderwrap" style="height: 250px;"> <iframe > </iframe> </div>
    
         <div class="module borderwrap"> </div>
    
    
    </div>
    
    
    
    Eu quero ocultar a div que tem a iframe.
    como posso fazer isto? existe algum javascript que faça o mesmo efeito?
     
  2. Boas só podes fazer isso com javascript. Se quiseres aprender a trabalhar em javascript podes fazer tu próprio uma função.

    Utilizando o firebug para o firefox podes compreender as propriedades de javascript e como podes "navegar pelo HTML" testando os elementos e tal.

    Normalmente a função que precisas seria algo do gênero:
    var profileAdvancedRightDivs = document.getElementById('#profile-advanced-right').getElementsByTagName('DIV');

    for (n=0;n<profileAdvancedRightDIVS.length;n++){

    var iframes = profileAdvancedRightDIVS[n].getElementsByTagName('IFRAME');

    for (i=0;i<iframes.length;i++)
    {
    iframes.parentNode.style.display = 'none';
    }

    }
    Bem nota que eu estou a atirar isto de cabeça por isso convem verificares.

    De qualquer forma se quiseres uma framework que faz o trabalho todo por ti então usa JQUERY que vais ver é muito fácil de aprender.

    Cumps[[]]
     
  3. Se a altura for sempre 250px acho que tambem podes fazer:

    PHP:
    var array = new Array();

    array = 
    document.getElementsByTagName('div');

    for(
    0< array.lengthi++)
        if(array[
    i].style.height == '250px')
            array[
    i].style.display 'none';
     
  4. p3dro

    p3dro Power Member

    Outra possível forma é obteres o parentNode do iframe.

    Por ex, partindo do principio que só tens um iframe:

    Código:
    var el = document.getElementsByTagName("iframe");
    el.item(0).parentNode.style.display = "none";
    
    Se atribuires um ID ao iframe também podes fazer desta forma:

    Código:
    var el = document.getElementById("ifr");
    el.parentNode.style.display = "none";

    edit: ups, não reparei no post do helderjsm :p
     
    Última edição: 22 de Junho de 2009
  5. danfergo

    danfergo Power Member

    PHP pode ser inserido em paginas html? ou apenas em paginas PHP ? e pode ser inserido por meta tag? assim como o javascript e o css?
     

Partilhar esta Página