Ir para conteúdo

POWERED BY:

Arquivado

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

Gustavo Vilas

Criar botão Aguarde

Por , em Javascript

Recommended Posts

Gustavo Vilas    0

Gustavo Vilas
Postado

Olá pessoal estou tentando fazer um botão que fica animando.. com o Status carregando, pode ser uma barra... ou um circulo rodando ... ate carregar os arquivos do meu site.apos carregar ele libera o link.. quem puder dar uma ajuda. Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Depende o que você quer exatamente...

 

A maioria dos similares é AJAX...

 

Veja este framework:

http://www.comp.ufscar.br/~henriquejpb/myJS/myAjax.php

 

Tem documentação inclusa...

 

Você terá que alterar a propriedade 'contentLoading' para colocar a imagem que desejar...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gustavo Vilas    0

Gustavo Vilas
Postado

Henrique como sou leigo em Ajax( na realidae nunca usei) :(

 

+ - assim após eu clicar em um link que chama um arquivo(.rar) para upload e enquando esse arquivo é carregado apareça um gif animado, e após ele carregar suma o gif e a janela de down apareça para o usuario, como posso fazer isso?? Nunca usei ajax tem como você dar uma ajuda??Valeu!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

-=Felipe=-    0

-=Felipe=-
Postado

Então eu tenho o Codigo do botão carregando mais Não sei fazer o botão terminar so quando o site carregar.

 

Botão carregando :

 

<html>
<body>
<head>

<!------COMEÇA AQUI---------->
<!--NÃO APAGUE A LINHA ABAIXO-->
<body onLoad="StartHeadliner()">
<script LANGUAGE="JavaScript">
<!--
typeWriterWait=120	
blinkTextWait=1000   	
blinkSpacesWait=300 	
blinkMax=3         		
expandWait=100  		
scrollWait=90		
scrollWidth=34 		
randomLines=false		
lineMax=7			
lines=new Array(lineMax)
lines[1]=new Line("Google", "http://google.com.br", "", Blink, 500)
lines[2]=new Line("Botão que carrega", "", "", Scroll, 1000)
lines[3]=new Line("Google", "http://google.com.br", "", Blink, 500)

lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
      }
   }
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
   }
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) { 
clearTimeout(timerID)
timerRunning=false
   }
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="Carregando...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// -->
</SCRIPT>
<!------TERMINA AQUI---------->

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Agora que fui entender que você está falando de UPLOAD

 

Acontece que não é possível enviar arquivos via Ajax, tente algum flash uploader como o http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://swfupload.org

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gustavo Vilas    0

Gustavo Vilas
Postado

Rick na realidade seria DOWNLOAD mesmo, é + - assim eu tenho varias paginas que apos passar por um processo gera no fim um arquivo.rar e aparece automaticamente aquela janela do browser para download, queria somente que enquanto ela carrega estas paginas e não aparece a janela que o browser exibe, mostre uma barra ou ate mesmo um gif animado.. so que em vez de abrir apareça um link como um CLIQUE AQUI para efetuar o download.

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