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


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Style overflow para expandir ou contrair div

25-09-2008 23:39

Abaixo segue um exemplo de script onde é trocada a propriedade style.overflow para expandir ou contrair o conteúdo de uma div

<a href="javascript://" onclick="document.getElementById('div').style.overflow='visible'">expandir</a> <a href="javascript://" onclick="document.getElementById('div').style.overflow='auto'">contrair</a> <div id="div" style="width:500px; height:100px; overflow:auto"> conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo</div>

1
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 1

Style overflow para expandir ou contrair div

06-03-2009 15:29

aqui funcionou, obrigado , estava procurando esse script para implantar em meu site, porém eu tive que fazer uma alteração:

Do jeito que está ai, a divi em tamanho reduzido (CONTRAIR) fica com barras de rolagem, e só desaparecem quando clica-se em EXPANDIR

Mudei isso fazendo as seguintes adaptações:

<a href="javascript://" onclick="document.getElementById('div').style.overflow='hidden'">contrair</a>

E

<div id="div" style="width:500px; height:100px; overflow:hidden;">

Mas muito obrigado, ajudou muito com este post

Abraços !!
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Style overflow para expandir ou contrair div

06-03-2009 15:34

Boa, flw :-)
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 1

Style overflow para expandir ou contrair div

30-04-2009 02:29

preciso de alguma galeria, script, classe no meu site para funcionar ?
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Style overflow para expandir ou contrair div

30-04-2009 08:39

Não, você precisa somente dos 2 links e da div mostrada no exemplo. O que você pode fazer é separar o style e definir ele em uma class.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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