Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

mudando tamanho das divs

13-01-2008 21:31

Oi, to precisando de um script que faça o seguinte, altere o tamanho da div, mas nao de uma vez, tipo pular de 350px para 50px, e sim gradualmente, de 1px em 1px pra parecer que ta em movimento.

E isto em duas divs, pelo seguinte, a pagina tem 3divs, todas com a mesma altura, uma esta aberta, com 350px, as outras duas com 50px, entao qdo clicar em uma destas fechadas, ela vai aumentando de 50px ate 350px, enquanto a que esta aberta vai se fechando de 350px ate 50px.

Mas as alterações teriam que ser simultaneas, pro layout nao ficar parecendo uma sanfone, acredito que 1px seja o suficiente para parecer que a div esta se movimentando.

Ah, as 3 divs tem conteudo maior que 50px, entao qdo ela estiver fechada em 50px de largura, so deve mostrar o conteudo no inicio, e ocultar o restante, sem aparecer barra de rolagem.

Já vi isto em flash, mas acredito tbm ser possivel usando alguns javascripts.

pode me ajudar?
0
MIDZ.com.br
http://www.midz.com.br
Soluções Web
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17612
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

mudando tamanho das divs

13-01-2008 22:57

Acho que o mais parecido seria esse
http://www.dynamicdrive.com/dynamicinde ... ordion.htm
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

mudando tamanho das divs

13-01-2008 23:11

ah sim, é +/- isto, so preciso editar pra ficar na vertical e expandir pra horizontal, e pensar em algum jeito para que qdo uma div aumente a outra diminua simultaneamente, pra nao mudar o layout da pagina.

vou testar, se conseguir eu posto aqui como ficou.

valeu
0
MIDZ.com.br
http://www.midz.com.br
Soluções Web
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17612
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

mudando tamanho das divs

14-01-2008 00:08

flw, no aguardo ¨aww¨
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

mudando tamanho das divs

16-01-2008 16:21

como é o script pra pegar o tamanho width da DIV?

estou tentando montar este esquema, ai preciso de um script que verifique o tamanho pra div, pra usar em uma condicional que manipulara este tamanho

este aqui muda o tamanho do width

document.getElementById(qual).style.width=reduzida+"px";

e pra saber qual o tamanho do width? e transformar o resultado numa string pra ser usada como variável?
0
MIDZ.com.br
http://www.midz.com.br
Soluções Web
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17612
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

mudando tamanho das divs

16-01-2008 16:59

se quizer usar como variável basta usar:

var tamanho = document.getElementById(qual).style.width;

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

mudando tamanho das divs

17-01-2008 11:02

pra pegar o tamanho eu estava com dificuldades, ai achei este codigo, que funcionou.

var tamanho_div = document.getElementById(qual).offsetWidth;

0
MIDZ.com.br
http://www.midz.com.br
Soluções Web
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17612
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

mudando tamanho das divs

17-01-2008 11:10

Boa :)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado