Ir para conteúdo

Arquivado

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

Vládia Queiroz

Full Screen ao clicar em botão

Recommended Posts

oi pessoal, tenho uma página inicial com um botão ENTRAR

ao clicar nesse botão eu queria que a página que vai abrir já abrisse em fullscreen e sem barra de rolagem.

então eu peguei esse código abaixo, mas não sei como modificar para funcionar na minha página

nesse código é preciso clicar na mensagem full screen para a janela se tornar full, eu queria que isso se desse ao clicar no botão que já tenho no site, como faço?

outra opção seria o site já começar em full screen e sem barra de rolagem de forma automática, é possível? sem ter que clicar?

 

<script language="JavaScript1.2">

<!--

function fullScreen(theURL) {

window.open(theURL, '', 'fullscreen=yes, scrollbars=no');

}

-->

</script>

 

<a href="javascript:void(0);" onClick="fullScreen('#');">Full Window</a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

sem ter que clicar, vai ser bloqueado pelos anti-popups dos navegadores atuais.

se você quer usar em outro lugar, é só pegar o evento.. e chamar onde você quer..

 

chamando num input button:

<input type="button" name="entrar" value="entrar" onclick="fullScreen('#');" />
chamando numa imagem:

<img src="botao.jpg" alt="" onclick="fullScreen('#');" />

enfim... ^_^

estude javascript básico.

Compartilhar este post


Link para o post
Compartilhar em outros sites

William,

 

esse código para imagem inicia com dois "i" ou foi erro de digitação? posso usar no atributo src o endereço de onde a imagem está hospedada? ou teria que coloca-la pelo do host como sugeriu em outro post? porque o problema é o mesmo no uso do ftp, que não há disponibilidade no blogspot.

 

o código do meu botão é o seguinte:

<tbody><tr><td>
<a href="http://bootplataforma.blogspot.com/p/plataforma.html">
<img onmouseover="this.src='http://lh4.ggpht.com/_lrSa1K4TuNk/TGRKWiYZm1I/AAAAAAAAALU/sKzTBOqgvos/s800/button.ENTRAR.2.jpg';" onmouseout="this.src='http://lh5.ggpht.com/_lrSa1K4TuNk/TGRKM4WViMI/AAAAAAAAALQ/4VHl4LupM0s/s800/button.ENTRAR.1.jpg';" src="http://lh5.ggpht.com/_lrSa1K4TuNk/TGRKM4WViMI/AAAAAAAAALQ/4VHl4LupM0s/s800/button.ENTRAR.1.jpg" />
</a></td></tr></tbody>

nesse caso seria melhor eu usar qual dos códigos que colocou?

 

ps: aos poucos eu estou estudando, mas vou fazer isso de verdade quando terminar meu mestrado, porque minha área é arte, sou atriz, trabalho com performance e estou pesquisando arte e tecnologia. então é inevitável ir aprendendo... ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

errei mesmo, desculpe

 

a tag é <img />

 

no teu caso, você pode até fazer assim:

<a href="http://bootplataforma.blogspot.com/p/plataforma.html" onclick="fullScreen( this.href );">
<img onmouseover="this.src='http://lh4.ggpht.com/_lrSa1K4TuNk/TGRKWiYZm1I/AAAAAAAAALU/sKzTBOqgvos/s800/button.ENTRAR.2.jpg';" onmouseout="this.src='http://lh5.ggpht.com/_lrSa1K4TuNk/TGRKM4WViMI/AAAAAAAAALQ/4VHl4LupM0s/s800/button.ENTRAR.1.jpg';" src="http://lh5.ggpht.com/_lrSa1K4TuNk/TGRKM4WViMI/AAAAAAAAALQ/4VHl4LupM0s/s800/button.ENTRAR.1.jpg" />
</a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

coloquei assim, mas só funcionou a retirada da scrollbar, não ficou fullscreen:

<script language="JavaScript1.2">
<!--
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=no');
}
-->
</script>
<a href="http://bootplataforma.blogspot.com/p/plataforma.html" onclick="fullScreen( this.href );">
<img onmouseover="this.src='http://lh4.ggpht.com/_lrSa1K4TuNk/TGRKWiYZm1I/AAAAAAAAALU/sKzTBOqgvos/s800/button.ENTRAR.2.jpg';" onmouseout="this.src='http://lh5.ggpht.com/_lrSa1K4TuNk/TGRKM4WViMI/AAAAAAAAALQ/4VHl4LupM0s/s800/button.ENTRAR.1.jpg';" src="http://lh5.ggpht.com/_lrSa1K4TuNk/TGRKM4WViMI/AAAAAAAAALQ/4VHl4LupM0s/s800/button.ENTRAR.1.jpg" />
</a>

o que fiz de errado????

 

percebi mais uma coisa, se a configuração do navegador estiver em "bloquear todas as popups" o código não funciona e abre a janela normalmente sem fullscreen nenhum e com a barra de rolagem. é como se ignorasse a existênica do código.

 

acho que vou preferir colocar uma observação para o usuário visualizar em tela cheia (f11) se não tiver outro jeito. eu queria facilita a vida do usuário comum, mas pelo visto faz é complicar... :(

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.