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


Moderador: web

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

Div oculpando todo o espaço da tela

15-12-2007 08:59

Esse script, mostra uma div transparente, que oculpa todo o espaço da tela, não importanto o tamanho do conteúdo no documento.

* Testado no IE e FF com resolução 1024x768

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <html> <head> <style> .trans{ filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; position:absolute; width:99%; border:1px solid #f9f9f9; left:0; top:0; background-color:#696969; z-index:1; } </style> <script language="JavaScript"> function ajusta() { if (navigator.userAgent.indexOf("MSIE") != -1) { conteudo_altura = document.body.clientHeight; janela_altura = screen.Height; if(conteudo_altura < janela_altura) { document.getElementById('div').style.height='99%'; } else { document.getElementById('div').style.height=conteudo_altura+15+'px'; } } // if IE if (navigator.userAgent.indexOf("Firefox") != -1) { conteudo_altura = document.documentElement.clientHeight; janela_altura = document.documentElement.scrollHeight; if(conteudo_altura < janela_altura) { document.getElementById('div').style.height=(janela_altura-10)+'px'; } else { document.getElementById('div').style.height=(janela_altura-10)+'px'; } } // if FF } </script> <div class="trans" id="div" style=""></div> </head> <body onload="ajusta()" onresize="ajusta()"> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste <br> teste </body> </html>

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

Div oculpando todo o espaço da tela

29-06-2009 02:55

Bem tenho um apagina de videos, gostaria de colocar o cód acima para bloquear as funções de link que estão dentro do video é um video (estilo youtube em minha pagina) mas com o cód acima a div fica por cima de todo conteúdo da pagina perfeito, menos por cima do video em questão..

ou seja o video fica por cima da div !

a pagina é toda em php o scpt estou aprendendo a mexer..

mas existe uma pagina principal onde fica o conteúdo do player .flv
video.php

e uma pagina onde é pego o video (referencias num banco de dados)
video.tpl (que contem referencias ao player + video (ID no banco de dados)

o cód coloquei na pagina video.php
ficou ótmo ocupando a pagina mas o video apareceu por cima da div transparente.

pergunto onde estou errando???
quero o video por baixo da div transparente. não me questionem o motivo, como disse é impedir que se clique nos links do video, vou depois retirar o translucido da div pra deixa-la 100% transparente.
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Div oculpando todo o espaço da tela

29-06-2009 07:20

O vídeo é carregado vai flash?

Tem um script que resolve esse problema, dá uma olhada

http://www.codigosnaweb.com/forum/viewt ... f=5&t=2072
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2

Div oculpando todo o espaço da tela

29-06-2009 14:29

olpá amigo obrigado pela dica mas não resolveu.
o video do youtube na pagina, continua ativo, lá naquele tópico coloquei um texto doque quero fazer e mandei uma pagina de exmplo (semelhante)

POST ADICIONADO * Quando for assim, posta sempre onde iniciou a dúvida

não funcionou colocando a div ela não fica porcima de um video do youtube.
oque queria era colocar uma div por cima pra impedir os cliques no video oque leva a pagina do youtube.

veja este exemplo:
na pagina dê um play no video, depois clique lá no canto direto em buscar.
vai entrar uma div semi transparente por cima do video, o memso fica ativo ainda , mas sem poder clicar. pois a div está ativa porcima.

oque iria fazer era uma alteração apar:
a div deve ficar no tamanho do video .
vou tirar o semi transparente e colocar transparente total.
a div já vai etsra ativa o tempo inteiro ( o video vai começar automatico isso é fácil de configurar no cód do video )

então fica dessa fora:
vc clica na pagina na pagina começa a rodar um video do youtube, mas os links dentro do video não funcionam com o clique, pois tem uma div na frente, o usuario final não sabe disso, apenas não pula pra pagina do youtube e permanec em nossa pagina.

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

Div oculpando todo o espaço da tela

29-06-2009 17:52

Burlar o player do Youtube complica, além de que ao clicar no logo do Youtube a pessoa continua no seu site, porque o vídeo em full abre em nova janela.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]