Ir para conteúdo

POWERED BY:

Arquivado

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

Shaoram Lee

Splash em site (Iniciante)

Por , em Javascript

Recommended Posts

Shaoram Lee    0

Shaoram Lee
Postado

Eu usei esse desse topico

 

http://forum.imasters.com.br/index.php?/topic/237042-splash-v-1-0/

 

Mas estou com um pequeno problema nele. Ele exige que seja redirecionado para uma outra url.

 

Não tem como ele fazer o splash e depois entrar com o conteudo da página?

 

Ter eu sei que tem como, mas como?

 

Tem um site que tem isso, se quiserem ver como exemplo, mas eu ja olhei o codigo e não entendi bulhufas,

 

http://www.wix.com/

 

Alguem pode ajudar ai?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

hum.. pq não redireciona para a página que você quer ?

 

já que pelo visto a página com o 'splash' não tem mais nada, apenas o splash.

 

mude o redirecionamento, para abrir a tua página.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shaoram Lee    0

Shaoram Lee
Postado

Tipo, pq eu quero a página com o splash seja www.meusite.com e o conteudo esteja em www.meusite.com

 

Sei que é meio facil resolver isso, mas eu sou perfeccionista (e sofro muito por isso) e o ideal para mim é que fosse na mesma página, ma index.php.

 

Como eu vi em outro site que é possivel, eu queria saber como seria.

 

Saberia me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tá... cria uma variável global, do tipo:

var pular_intro = false;
antes de começar o splash, você testa o valor dessa variável, ai você só roda se ela tiver como false..

 

e ai você troca os window.location, por uma função que esconda os elementos do splash

algo como:

function fechar_splash()
{
	pular_intro = true;
	document.getElementById('splash').style.display = 'none';
	document.getElementById('splashcontainer').style.display = 'none';
}
ao o skip ficaria:

[ <a href="#" onclick="fechar_splash();"><font color="#FFFFFF">Skip Intro</font></a> ]
e o id que eu adicionei:

<div align="right" id="splash">
lembrando que se você quer algum conteudo, você precisa que o teu comece escondido (display: none), para que o splash rode legal..

 

enfim, eu refaria esse script do zero.. já tá bem antigo, e dá muitas voltas sem necessidade..

além de que se fosse aberto um overlay, em vez de apenas a div no centro, seria tudo mais interessante.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shaoram Lee    0

Shaoram Lee
Postado

Opa willian, muito obrigado a força ai, vou tentar fazer a edição e dar uma testada. posto ainda amanhã os resultados.

 

Sobre refazer do zero, pra mim não dá muito certo, pois não saco 1% de php ou javascript. Sou mais "curioso". Confesso que tinha muita vontade de estudar essas coisas e aprender (potencial é o que não me falta), mas as realidades do mercado de trabalho apagam os meus sonhos.

 

Mas quem sabe um dia eu ainda não me revolte e resolva estudar isso a fundo? rsrs

 

Vlw ai, posto os resultados logo XD

 

Obs.: o Mario monteiro editou o meu primeiro topico? É o Mario monteiro diretor de cena da Rede Globo? Fala ai, beleza? XD

 

Eu mudei mas parece que não deu muito certo não. Ele pelo menos não pula pra outra página, mas ele fica parado na ultima frase. Dá uma olhada só

 

<html> 
 
<head> 
<title>Teste8b...</title> 
</head> 
 
<body bgcolor="#000000" text="#FFFFFF"> 
 
<div id="splashcontainer" style="position:absolute;width:350px;"></div> 
 
<layer id="splashcontainerns" width=450></layer> 
 
 
<script> 
 
var pular_intro = false;
//Specify the paths of the images to be used in the splash screen, if any. 
//If none, empty out array (ie: preloadimages=new Array()) 
var preloadimages=new Array("imagens/3enter1.JPG","http://abstract.simplenet.com/point2.gif") 
//configure delay in miliseconds between each message (default: 2 seconds) 
var intervals=2000 
//configure destination URL 
var targetdestination="http://www.dynamicdrive.com/dynamicindex3/dynamicsplash.htm" 
 
//configure messages to be displayed 
//If message contains apostrophe('), backslash them (ie: "I\'m fine") 
 
var splashmessage=new Array() 
var openingtags='<font face="Arial" size="4">' 
splashmessage[0]='<img src="http://abstract.simplenet.com/point.gif"> Welcome to Dynamic Drive <img src="http://abstract.simplenet.com/point2.gif">' 
splashmessage[1]='The premier place on the net for free DHTML scripts' 
splashmessage[2]='All scripts on this site take advantage of the latest in Javascript/ DHTML technology' 
splashmessage[3]='With emphasis on practicality and backwards compatibility' 
splashmessage[4]='To bring true power and interactivity to your site.' 
splashmessage[5]='Please stand by...' 
var closingtags='</font>' 
 
//Do not edit below this line (besides HTML code at the very bottom) 
 
var i=0 
 
var ns4=document.layers?1:0 
var ie4=document.all?1:0 
var ns6=document.getElementById&&!document.all?1:0 
var theimages=new Array() 
 
//preload images 
if (document.images){ 
for (p=0;p<preloadimages.length;p++){ 
theimages[p]=new Image() 
theimages[p].src=preloadimages[p] 
} 
} 
 
function displaysplash(){ 
if (i<splashmessage.length){ 
sc_cross.style.visibility="hidden" 
sc_cross.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>' 
sc_cross.style.left=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2 
sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2 
sc_cross.style.visibility="visible" 
i++ 
} 
else{ 
function fechar_splash() 
{ 
        pular_intro = true; 
        document.getElementById('splash').style.display = 'none'; 
        document.getElementById('splashcontainer').style.display = 'none'; 
}
} 
setTimeout("displaysplash()",intervals) 
} 
 
function displaysplash_ns(){ 
if (i<splashmessage.length){ 
sc_ns.visibility="hide" 
sc_ns.document.write('<b>'+openingtags+splashmessage[i]+closingtags+'</b>') 
sc_ns.document.close() 
 
sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2 
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2 
 
sc_ns.visibility="show" 
i++ 
} 
else{ 
function fechar_splash() 
{ 
        pular_intro = true; 
        document.getElementById('splash').style.display = 'none'; 
        document.getElementById('splashcontainer').style.display = 'none'; 
}
return 
} 
setTimeout("displaysplash_ns()",intervals) 
} 
 
 
 
function positionsplashcontainer(){ 
if (ie4||ns6){ 
sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainer 
displaysplash() 
} 
else if (ns4){ 
sc_ns=document.splashcontainerns 
sc_ns.visibility="show" 
displaysplash_ns() 
} 
else 
function fechar_splash() 
{ 
        pular_intro = true; 
        document.getElementById('splash').style.display = 'none'; 
        document.getElementById('splashcontainer').style.display = 'none'; 
} 
} 
window.onload=positionsplashcontainer 
 
</script> 
 
<!--Set href in below link to the URL of the target destination--> 
 
<center>Esse é o site inicial, essa mensagem deve aparecer no site depois do splash</center>
 
 
</body> 
</html>

 

 

Se quiser ver como ficou na pratica pode ver essa versão de testes aqui

 

http://www.alfarogame.com/teste8.php

 

 

 

 

Obs.: fiz Double Post, mas é pq não estava aparecendo a opção de 'editar' no meu ultimo post. Malz ai.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

então cara, você declara a função 'uma unica vez', e você só chama ela nos outros lugares..

onde você colocou:

else{ 
function fechar_splash() 
{ 
        pular_intro = true; 
        document.getElementById('splash').style.display = 'none'; 
        document.getElementById('splashcontainer').style.display = 'none'; 
}
deveria ser:

else{ 
   fechar_splash();
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito