• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

kalin

como arredondar cantos de uma div

11 mensagens neste tópico

sei fazer isto só com css, podem ver em

http://www.portugal-a-programar.pt/index.php?showtopic=11730

mas se eu quiser arredondar muitas div's seria melhor criar uma função que o fizesse automaticamente, tipo onload().

O meu problema é que comecei muito recentemente em javascript e não sei como o fazer.

Gostaria de fazer uma colecção de todas as div's do documento e a seguir arredondar os cantos com base no código css que já tenho.

help please :wallbash:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Já tinha visto o site do niftycube, e é muito bom mas também é muito complicado  :biggrin:

Encontrei este código:

function alturaIgual(){
var divs, contDivs, alturaMax, alturaDiv, d;

// pesquisa os elementos <div> no documento
    divs = document.getElementsByTagName('div');

contDivs = [];

    // inicializar a altura máxima
    alturaMax = 0;

    // o ciclo for vai fazer uma iteração por todos os <div>
    for(var i=0;i<divs.length;i++){

// pesquisa todos os <div> com o atributo da classe = colunas
        if(/\bcolunas\b/.test(divs[i].className)){
	d = divs[i];
            contDivs[contDivs.length] = d;

            // determina a altura do <div>
            if(d.offsetHeight){
			alturaDiv = d.offsetHeight;
		}
		else
			if(d.style.pixelHeight){
				divHeight = d.style.pixelHeight;
                }

                // calcula a altura máxima
			// isto pode ser feito de outra maneira, com um teste para ver se a alturaMax > alturaDiv
			alturaMax = Math.max(alturaMax,alturaDiv);
          }
     }

     // tornar a altura de todos os <div> no documento, que pertencam à classe "colunas", iguais
     for(var i=0;i<contDivs.length;i++){
          contDivs[i].style.height = alturaMax;
     }
}

mas não funciona no firefox, e do que eu percebo disto não consigo perceber porquê.

Já agora alguém me consegue explicar esta parte do código:

/\bcolunas\b/.test(divs[i].className

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Complicado? Sinceramente, não vi o que tem aquilo de complicado...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Boa, então podes ajudar-me com o código que coloquei em cima

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

O código que pediste para explicar vai procurar por " colunas " no atributo class de cada div.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mas existe alguma razão para não funcionar no firefox, já que no IE funciona 5*

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mas existe alguma razão para não funcionar no firefox, já que no IE funciona 5*

Não vi o código, mas nem todo o Javascript funciona no Firefox, penso que isso se prende com os "standards"

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mas existe alguma razão para não funcionar no firefox, já que no IE funciona 5*

Não vi o código, mas nem todo o Javascript funciona no Firefox, penso que isso se prende com os "standards"

Não é com os standards mas sim com a implementação dos standards.

Em relação ao não dar no Firefox, I bet my ass que o problema está no d.offsetHeight ou d.style.pixelHeight

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mas existe alguma razão para não funcionar no firefox, já que no IE funciona 5*

Não vi o código, mas nem todo o Javascript funciona no Firefox, penso que isso se prende com os "standards"

Não é com os standards mas sim com a implementação dos standards.

Em relação ao não dar no Firefox, I bet my ass que o problema está no d.offsetHeight ou d.style.pixelHeight

LOL djthyrax , não sejas assim pá, só por numa mensagem não me ter expressado correctamente, não quer dizer que não quisesse dizer o que tu acabaste por escrever :P

em relação ao tópico, também penso que estará aí o problema :P

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Realmente o tópico já está muito diferente, para corrigir já coloquei um um novo tópico, a questão inicial era como usar javascript para arredondar os cantos automaticamente usando o código css que eu disponibilizei em

http://www.portugal-a-programar.pt/index.php?showtopic=11730

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora