Aplicar efeitos CSS :S duvida

[danfergo]

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:

<div id='qqercoisa'> <h1> </h1> </div>

<style>
#qqercoisa h1{display:none}</style>

Por vezes uso tb algo que aprendi recentemente

<a href='umsiteqqer'> LINK</a>

<style>
a[href='umsiteqqer']{display:none;}
</style>

Mas desta vez é um pouco controverso, exemplo:

<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?

 

[helderjsm]

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[[]]

 

[hYpe]

Se a altura for sempre 250px acho que tambem podes fazer:

var array = new Array();

array = document.getElementsByTagName('div');

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

 

[p3dro]

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

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

var el = document.getElementsByTagName("iframe");
el.item(0).parentNode.style.display = "none";

Se atribuires um ID ao iframe também podes fazer desta forma:

var el = document.getElementById("ifr");
el.parentNode.style.display = "none";

edit: ups, não reparei no post do helderjsm

 

[danfergo]

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?