Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leox

[Resolvido] Caixa com conteúdo de página.

Recommended Posts

Olá a todos,

 

Não sei se aqui em "JavaScript/DHTML" é o lugar certo para eu postar, nem sei se o título é o mais adequado.

 

Mas enfim, gostaria de saber como posso fazer ou se já existe algum API que possa fazer um conteúdo aparecer em um box após clicar no link desejado?

 

- Também não sei o nome que posso utilizar para procurar.

 

Abaixo exemplo para entendimento do que estou tentando dizer:

 

pagebox.png

 

Saudações e grato pela atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se for box tem estes.

 

http://jacklmoore.com/colorbox/

http://lokeshdhakar.com/projects/lightbox2/

 

Mais se quiser igual ao do google, você terá que utilizar javascript em conjunto com css, eu sugiro utilizar a biblioteca jQuery.

 

Se utilizar jquery terá que estudar

 

http://api.jquery.com/hide/

http://api.jquery.com/show/

 

E também Css.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se for box tem estes.

 

http://jacklmoore.com/colorbox/

http://lokeshdhakar.com/projects/lightbox2/

 

Mais se quiser igual ao do google, você terá que utilizar javascript em conjunto com css, eu sugiro utilizar a biblioteca jQuery.

 

Se utilizar jquery terá que estudar

 

http://api.jquery.com/hide/

http://api.jquery.com/show/

 

E também Css.

 

Ok Retrolink, obrigado pela informação.

 

Mas esqueci de informar que eu gostaria de apresentar um conteúdo de página (php) nesse box que aparecer... e no seu primeiro link tem um exemplo do que eu quero.

 

No mais, agradeço novamente...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim tem como, você terá que trabalhar com hide() e show() do jquery e também com o load() para carregar o seu php, em relação a passar o mouse e aparecer a div, você terá que utilizar o .mouseover()

 

Load: http://api.jquery.com/load/

Hide: http://api.jquery.com/hide/

Show: http://api.jquery.com/show/

Mouse Over: http://api.jquery.com/mouseover/

 

E é claro, com CSS para organizar as divs de maneira correta.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim tem como, você terá que trabalhar com hide() e show() do jquery e também com o load() para carregar o seu php, em relação a passar o mouse e aparecer a div, você terá que utilizar o .mouseover()

 

Load: http://api.jquery.com/load/

Hide: http://api.jquery.com/hide/

Show: http://api.jquery.com/show/

Mouse Over: http://api.jquery.com/mouseover/

 

E é claro, com CSS para organizar as divs de maneira correta.

 

Ok Retrolink, farei conforme você especificou... e apresentando as informações na lateral, como na imagem de exemplo acima.

 

Obrigado e Saudações.

 

Por fechado esse tópico.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.