Comentários em: Abrir/Fechar elementos usando Javascript e CSS http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/ ergonomia e sistemas de informação Tue, 31 Jan 2012 17:27:52 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Por: Dermeval Junior http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-20/#comment-113575 Dermeval Junior Wed, 11 Jan 2012 17:47:45 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-113575 Bom artigo. Só uma dica, se ao esconder o elemento, você quiser manter o espaço que ele ocupava antes, é só usar visibility:hidden ao invés de display:none desde que no elemento tenha sido definido altura e largura Bom artigo.

Só uma dica, se ao esconder o elemento, você quiser manter o espaço que ele ocupava antes, é só usar visibility:hidden ao invés de display:none desde que no elemento tenha sido definido altura e largura

]]> Por: Ivo Gomes http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-20/#comment-108501 Ivo Gomes Mon, 19 Dec 2011 14:40:03 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-108501 @Lini: Coloquei o seu exemplo <a href="http://www.ivogomes.com/exemplos/js_openelements.html" rel="nofollow">aqui</a>. Não sei qual vai ser a estrutura do HTML no seu site, mas criei uma de exemplo com 2 links que abrem a respectiva descrição. Se vir o código fonte, está lá a explicação de como funciona e pode adaptar como quiser. @Lini: Coloquei o seu exemplo aqui. Não sei qual vai ser a estrutura do HTML no seu site, mas criei uma de exemplo com 2 links que abrem a respectiva descrição.
Se vir o código fonte, está lá a explicação de como funciona e pode adaptar como quiser.

]]> Por: Lini http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-19/#comment-108273 Lini Fri, 16 Dec 2011 17:40:48 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-108273 Estou iniciando no mundo dos blogs e gostaria de colocar em um post esta possibilidade de abrir e fechar clicando no link. Tipo: num texto de dicas, colocar o texto e quando enumerar as dicas cada dica ter um link explicativo que ao clicar ela abra e depois clica novamente para ela fechar. Exemplo: Aproveite o tempo livre com as crianças com muita diversão, criatividade e aprendizagem... 1) INCENTIVANDO À LEITURA: O ideal é deixar sempre livros interessantes e atrativos ao alcance dos olhos e das mãos dos pequenos para que ele intercale as atividades do dia com a leitura ou mesmo visualização das ilustrações oferecidas no livro. Se você não tem este material disponível é interessante localizar a biblioteca mais próxima e tornar-se sócio, você e as crianças, para que possam pegar livros, gibis, revistas, revistinhas emprestados. Se o orçamento permitir adquirir alguns títulos é uma boa opção. Procure se informar quais os títulos adequados a faixa etária de seus filhos para não fazer escolhas erradas. Será que você está pronta ou pronto para estimular a leitura de seu filho(a). Faça o teste e confira. P.S.: Quero criar o link neste texto de forma que ao clicar no ítem 1) INCENTIVANDO A LEITURA: O texto abaixo apareça se abrindo no próprio texto e após a leitura eu possa clicar novamente para ele sumir ou se fechar. Se puder me orientar melhor fico muito grata. Estou iniciando no mundo dos blogs e gostaria de colocar em um post esta possibilidade de abrir e fechar clicando no link.
Tipo: num texto de dicas, colocar o texto e quando enumerar as dicas cada dica ter um link explicativo que ao clicar ela abra e depois clica novamente para ela fechar.

Exemplo:

Aproveite o tempo livre com as crianças com muita diversão, criatividade e aprendizagem…

1) INCENTIVANDO À LEITURA:
O ideal é deixar sempre livros interessantes e atrativos ao alcance dos olhos e das mãos dos pequenos para que ele intercale as atividades do dia com a leitura ou mesmo visualização das ilustrações oferecidas no livro. Se você não tem este material disponível é interessante localizar a biblioteca mais próxima e tornar-se sócio, você e as crianças, para que possam pegar livros, gibis, revistas, revistinhas emprestados. Se o orçamento permitir adquirir alguns títulos é uma boa opção. Procure se informar quais os títulos adequados a faixa etária de seus filhos para não fazer escolhas erradas. Será que você está pronta ou pronto para estimular a leitura de seu filho(a). Faça o teste e confira.
P.S.: Quero criar o link neste texto de forma que ao clicar no ítem 1) INCENTIVANDO A LEITURA: O texto abaixo apareça se abrindo no próprio texto e após a leitura eu possa clicar novamente para ele sumir ou se fechar.
Se puder me orientar melhor fico muito grata.

]]> Por: Angel http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-19/#comment-105387 Angel Mon, 14 Nov 2011 01:44:36 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-105387 Simplesmente maravilhado com tanta coisa que vi. Pena nao ver o que realmente pretendo para o meu site. De qualquer forma impressionado mesmo. Obrigado. ASS: Angel. Simplesmente maravilhado com tanta coisa que vi. Pena nao ver o que realmente pretendo para o meu site. De qualquer forma impressionado mesmo.
Obrigado. ASS: Angel.

]]> Por: Felipe Braga http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-19/#comment-103216 Felipe Braga Thu, 06 Oct 2011 13:08:57 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-103216 Pois não é que achei um modo de fazer? Uso um shell com comandos DOS depois de GET URL atual e rodo no cliente, funciona, vou aprimorar e mando por aqui. Pois não é que achei um modo de fazer? Uso um shell com comandos DOS depois de GET URL atual e rodo no cliente, funciona, vou aprimorar e mando por aqui.

]]> Por: Ivo Gomes http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-18/#comment-103212 Ivo Gomes Thu, 06 Oct 2011 08:59:11 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-103212 @Filipe Braga: Primeiro: nunca deverias fazer uma coisas dessas. Segundo: não podes :P @Filipe Braga: Primeiro: nunca deverias fazer uma coisas dessas.
Segundo: não podes :P

]]> Por: Felipe Braga http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-18/#comment-103191 Felipe Braga Wed, 05 Oct 2011 12:36:07 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-103191 Gostaria de saber como eu faço para derrubar uma página aberta pelo Mozilla Firefox e reabrí-la automaticamente pelo IE, através de código. Se o cara já abiri pelo IE, nada acontece. Alguém poderia me ajudar ?? Gostaria de saber como eu faço para derrubar uma página aberta pelo Mozilla Firefox e reabrí-la automaticamente pelo IE, através de código. Se o cara já abiri pelo IE, nada acontece. Alguém poderia me ajudar ??

]]> Por: Fábio Luiz Parizotto http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-18/#comment-100791 Fábio Luiz Parizotto Thu, 18 Aug 2011 22:36:24 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-100791 Valeu mesmo pelo esclareciemento. Mas eu ainda não sei como fazer um "id" com CSS para a div. Eu já vi modelos de idnos c´digos-fonte de vários outros sites que usam este recurso de abrir/fechar, e cada um tem um id diferente nas suas divs. Gostaria de saber exatamente como produzir esse CSS para os ids. Grato! Valeu mesmo pelo esclareciemento. Mas eu ainda não sei como fazer um “id” com CSS para a div. Eu já vi modelos de idnos c´digos-fonte de vários outros sites que usam este recurso de abrir/fechar, e cada um tem um id diferente nas suas divs. Gostaria de saber exatamente como produzir esse CSS para os ids.
Grato!

]]> Por: @rodrigoaraujo92 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-17/#comment-96470 @rodrigoaraujo92 Sun, 08 May 2011 20:05:40 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-96470 Perfeito cara era exatamente o que eu preucurava! Perfeito cara era exatamente o que eu preucurava!

]]> Por: João MArcos http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-17/#comment-93064 João MArcos Tue, 15 Feb 2011 11:48:46 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-93064 Vinicios, veja se esse site ajuda: http://carosamigos.wordpress.com/2009/02/11/abrir-e-fechar-div-com-sinal-de-menos-e-de-mais/ Neste post tem um link ensinando fazer em jquery tb. ^^ Vinicios, veja se esse site ajuda: http://carosamigos.wordpress.com/2009/02/11/abrir-e-fechar-div-com-sinal-de-menos-e-de-mais/

Neste post tem um link ensinando fazer em jquery tb.

^^

]]> Por: Viniccios http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-17/#comment-91628 Viniccios Mon, 15 Nov 2010 22:55:52 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-91628 Amigo, não consegui usar o efeito no link, pode me ajudar? Amigo, não consegui usar o efeito no link, pode me ajudar?

]]> Por: sidney suderio http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-16/#comment-91049 sidney suderio Sat, 16 Oct 2010 14:29:03 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-91049 Muito bom o código, pretendo usá-lo para ler um texto criado em c++ grato Muito bom o código, pretendo usá-lo para ler um texto criado em c++

grato

]]> Por: Thiago http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-16/#comment-90442 Thiago Thu, 02 Sep 2010 16:04:53 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-90442 Olá Como faço para integrar esse código em um tema wordpress? Grato! Olá
Como faço para integrar esse código em um tema wordpress?

Grato!

]]> Por: Redton http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-16/#comment-90287 Redton Thu, 26 Aug 2010 02:30:33 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-90287 Rapaz tava procurando por algo assim a tempos! Obrigado. Rapaz tava procurando por algo assim a tempos!
Obrigado.

]]> Por: Giovanni http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/comment-page-15/#comment-89583 Giovanni Sat, 12 Jun 2010 14:03:51 +0000 http://www.ivogomes.com/blog/abrirfechar-elementos-usando-javascript-e-css/#comment-89583 Ivo, estou aprendendo JS e gostei muito dessa dica, gostaria de utiliza-la da seguinte forma: Imagine que tenho um menu ao lado esquerdo da pagina. Link1, Link2, Link3... Quando eu clicar no Link1 utilizando esse efeito vai surgir a imagem1, quando eu clicar no link2, a imagem1 fecha e aparece a imagem2, quando clicar no link3 a imagem1 ou imagem2 (depende daquela que o usuario esta) fecha e abre a imagem3, é possivel? você poderia me ajudar? parabens pelo blog, abraço Ivo, estou aprendendo JS e gostei muito dessa dica, gostaria de utiliza-la da seguinte forma:

Imagine que tenho um menu ao lado esquerdo da pagina. Link1, Link2, Link3… Quando eu clicar no Link1 utilizando esse efeito vai surgir a imagem1, quando eu clicar no link2, a imagem1 fecha e aparece a imagem2, quando clicar no link3 a imagem1 ou imagem2 (depende daquela que o usuario esta) fecha e abre a imagem3, é possivel? você poderia me ajudar?

parabens pelo blog, abraço

]]>