Java e JavaScript

Linguagem Java e Javascript (Agora sim o pau vai comer!: ) Nesta lição, vc vai aprender a colocas em sua página aqueles letreiros ou faixas, que apresentam mensagens rolando na tela. Vamos ver três programinhas - os dois primeiros feitos em JavaScript, e o último em Java. É claro que vc não vai precisar escrever tudo. Vc pode copiar tudo daqui mesmo (Destaque a parte escrita, Pressione Ctrl+C e depois, dentro de seu arquivo HTML, pressione Ctrl+V)
Mas antes de começarmos alguns avisos importantes

1- Se vc sentir uma atração irresistível de pular esta parte, ou até mesmo desligar o computador, feche os lhos, conte até 10 e reflita: "Todo esse esforço irá engrandecer o meu ser!" ;- )

2- Para vc testar os programas, precisará de um browser que suporte estes novos recursos, Eu sugiro o Netscape 4.0 ou posterior. Se vc ainda não tem aproveito o incentivo pois já está na hora de dar um upgrade nesse seu barquinho.

3- As cenas que vc vai ver a segfuir são um pouco fortes, mas vc não vao arregar né?! ;-0

Programa 1 Vc já dve ter visto várias poáginas com mensagens rolando no rodapé do seu browser (olhe pra baixo!!!).
É isso que vamos fazer agora. Veja o "monstrinho"abaixo e o resultado dele.
<HTML>
<HEAD>
<TITLE>Mensagem no rodapé do browser</TITLE>
</HEAD>
<BODY BGCOLOR="White" onload="timerONE=window.setTimeout ('scrollit_r21(100)',500);">
<SCRIPT LANGUAGE="JavaScript">
<!--Início do JavaScritp Applet ----------
function scrollit_r21(seed)
{
    var m1 = "Seja bem-vindo ao HTML - parte 8.";
    var m2 = "Este é um exemplo de mensagem rlando no rodapé do browser.";
    var m3 = "Espero que vc tenha Gostado... E se anime!";
    var m4 = "IceCool®: Um beijo pras mina e um soco pros marmanjo.";
    var m5 = " [IceCool®'s Cave]   ";
    var msg = m1+m2+m3+m4+m5;
    var out = "";
    var c = 1;
    if (seed > 100) {
        seed--;
        var cmd="scrollit_r21(" + seed + ")";
        timerTwo=window.setTimeout(cmd,80);
}
else if(seed <= 100 && seed > 0) {
    for (c=0 ; c <seed ; c++) {
        out+=" ";
    }
    out+=msg;
    seed--;
    var cmd="scrollit_r21(" +seed + ")";
    window.status=out;
    timerTwo=window.setTimeout(cmd, 80);
}
else if (seed <= 0) {
       if (-seed < msg.length) {
        out+=msg.substring(-seed,msg.length);
        seed--;
        var cmd="scrollit_r21(" + seed + ")";
        window.status=out;
        timerTwo=window.setTimeout(cmd,80);
        }
        else {
            window.status=" ";
            timerTwo=window.setTimeout("scrollit_r21(80)",75);
            }
    }
}

// --Final do código do JavaScript ---------->
</SCRIPT>
<H3>Programa 1 - Exemplo de mensagem rolando no rodapé</H3>
</BODY>
</HTML>

Veja como ficou: EXEMPLO 19

Você não precisa se assustar com essa "coisa" cheia de "var", "if" e "else". Para ter essa singela mensagem rodando no browser do seu visitante, é necessário tudo isso mesmo, mas não quer dizer que vc precisa entender cada linha desse código. Vamos ver só o que interessa.

1- Vc deverá copiar tudo o que está entre o elemento <SCRIPT...> </SCRIPT>, e inseriri no código HTML de sua página.

2- No elemento <BODY>, vc deve inserir o atributo onload="timer)NE=window.setTimeout('scrollit_r21(100)',500');".
Algo desse tipo <BODY ... onload=...>. Veja como fizemos no exemplo. Esse atributo é que diz ao browser para executar o programa quando a página é carregada.

3- As frases que compõe a mensagem do seu letreiro deverão estar associadas às variáveis m1,m2,m3 etc.
Repare que, em nosso exemplo, optamos por 5 variáveis (m1 até m5), e em cada uma delas escrevemos uma frase. Crie sua emnsagem e utilize mais ou menos variáveis, caso precise. Atenção:não esqueça do ; e das " "

4- As variáveis que compoõe sua emnsagem final precisam ser agrupadas, daí a necessidade da linha:
var msg = m1+m2+m3+m4+m5;

Programa 2     Esse exemplo vc tb já deve conhecer.Tb é um letreiro com uma mensagem rolando, só que le fica localizado dentro de sua página, no lgar que vc quiser.
<HTML>
<HEAD>
<TITLE>Mensagem dentro da página</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<BODY BGCOLOR="White" onload="Scrollon()">
<H3> Programa 2 - Exemplo de Mensagem rolando na página </H3>
<FORM NAME="box" onSubmit= 0"
<INPUT TYPE="text" name = "scrolltext" size="50">
</FORM>
</BODY>
</HTML>

Veja como ficou: EXEMPLO 20

Programa 3 Chegou a tão esperada hora de utilizar Java. Na verdad, iremos apresentas Applet Java, que são arquivos com a extensão .class, que o browser carega junto com a página. Sendo assim, vc precisa transferir esse arquivo .class para o mesmo diretório onde sua homepage está hospedada - seja no disco do seu computador (na hora dos testes) ou no servidor do provedor onde sua página está armazenada A Geocities, eu espero.
O applet que vamos mostrar aqui, um outro tipo de letreiro chamado Navigator Ticker, e o arquivo que vc precisa possuir é o NavigatorTicker.class (Eu tentarei arranjá-lo e assim que conseguir ele estará disponível para download aqui.)
O código é o seguinte:
<HTML>
<HEAD>
<TITLE>Mensagem dentro da página com efeitos</TITLE>
</HEAD>
<BODY BGCOLOR="White">
<H3>Programa 3 - Exemplo com o applet Navigator Ticker</H3>
<APPLET CODE="NavigatorTicker.class" WIDTH=480 HEIGHT=32>
<PARAM NAME=count VALUE=4>
<PARAM NAME=msg0 VALUE="Mensagem 1">
<PARAM NAME=msg1 VALUE="Mensagem 2">
<PARAM NAME=msg2 VALUE="Mensagem 3">
<PARAM NAME=msg3 VALUE="TA Nã Nã NÃ 4">
<PARAM NAME=speed VALUE=3>
<PARAM NAME=bgco VALUE=0,0,0>
<PARAM NAME=txtco VALUE=255,255,255>
<PARAM NAME=linkco VALUE=0,255,255>
</APPLET>
</BODY>
</HTML>

Veja como ficou: EXEMPLO 21
OBS: Esse exemplo ainda não funciona pois eu ainda não tenho o NavigatorTicker.class, mas assim que eu conseguir ele estará à disposição de todos.

Anterior VOLTAR Próxima