Novembro 2003
   

JavaScript

Um bom tutorial de JavaScript para fazer com que a barra de status de sua página fique em movimento.

 

Javascript é uma linguagem compacta baseada em objetos script, utilizada para o desenvolvimento de aplicações clientes (que usam recursos) e servidores (que disponibilizam recursos) para Internet.

O Javascript está embutido no cabeçalho dos documentos HTML e pode ser interpretado e executado pela maioria dos navegadores, da mesma forma que o código HTML, sem compilação.

Este recurso de programação é utilizado para incrementar a home-page com novos efeitos e também segurança. Podem ser construídas rotinas de senhas seguras, checar formulários e informar mensagens indicativas de erros, também adicionar efeitos gráficos, realizar cálculos e mais. Seu código suporta variáveis numéricas, booleanas (verdadeiras ou falsas) e string (conjunto de caracteres). Também suporta a utilização de funções para execução das tarefas, assim tratadas como métodos.

Neste tutorial iremos desenvolver um simples código em Javascript para que a barra de status do browser fique em movimento . Confira o código seguinte (desenvolvido para o Internet Explorer):

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
var set = 40; // variável que marca o inicio do scroll
var speed=60; // velocidade do Scroll quanto maior o número mais lento fica.
var z=0; // número da primeira mensagem
var zmax=2; // o número de mensagens menos 1
var gap=5; // Tamanho do Scroll

var lstring=0;
var rstring=0;
var ltext=0;
var banner="";
var padout="";
var flag=0;

function msg() {
var lngth = msg.arguments.length;
for ( i = 0 ; i < lngth ; i++ ) {
this[i]=msg.arguments[i] }
this.size=lngth;
}


function scroll()
{ if(!flag)
{ for (flag=0; flag<=set; flag++)
padout+=" ";
message = new msg(3);
message[0] = "Escreva aqui sua primeira mensagem!!! ";
message[1] = "Confira todas as seções do PETNews!";
message[2] = "fim!";
ltext = message[z].length+ gap;
}

if(lstring < ltext)
{ banner = padout.substring(lstring,ltext) + message[z].substring(0,lstring);
lstring++;
}
else
{ banner= message[z].substring(rstring,ltext+rstring);
rstring++;
}
if(message[z].length+1 < rstring)
{ while(lstring)
{ z = (z == zmax)? 0: z+1;
lstring = (message[z].length == 0);
}
ltext = message[z].length+gap;
rstring = 0;
}
else
window.status=padout.substring(0,set-ltext) + banner;
setTimeout("scroll()",speed);
return true;
}
// -- End of JavaScript code -------------- -->
</SCRIPT>


</HEAD>

<!-- Chama a rotina scroll() quando a página for carregada -->
<BODY "BGCOLOR=#c0c0c0 onLoad="scroll()">


</HTML>
Por Marcus Vinícius de O. Régis
 
Designer by
Danilo de Sousa