Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda Para Diminuir Um Script

Guest stefan

Perguntado por Guest stefan,

 Share

Pergunta

Guest stefan

Guest stefan

Postado
Postado

O script funfando 100% e prontinho tá em www.contabeis.xpg.com.br/per1.html

Lá vai o código ENORME do script, mas primeiro o que esse script faz?

Ele faz um balão igual o do Windows XP aparecer, sumir, ser fechado, com efeito de transparência.

<!--
function fecha(id) {
document.getElementById(id).style.filter = 'alpha(opacity=10)';
   document.getElementById(id).style.visibility = 'hidden';
}
function dezessete(id) {
document.getElementById(id).style.filter = 'alpha(opacity=20)';
setTimeout("fecha('"+id+"')","20");
}
function dezesseis(id) {
document.getElementById(id).style.filter = 'alpha(opacity=30)';
setTimeout("dezessete('"+id+"')","20");
}
function quinze(id) {
document.getElementById(id).style.filter = 'alpha(opacity=40)';
setTimeout("dezesseis('"+id+"')","20");
}
function quatorze(id) {
document.getElementById(id).style.filter = 'alpha(opacity=50)';
setTimeout("quinze('"+id+"')","20");
}
function treze(id) {
document.getElementById(id).style.filter = 'alpha(opacity=60)';
setTimeout("quatorze('"+id+"')","20");
}
function doze(id) {
document.getElementById(id).style.filter = 'alpha(opacity=70)';
setTimeout("treze('"+id+"')","20");
}
function onze(id) {
document.getElementById(id).style.filter = 'alpha(opacity=80)';
setTimeout("doze('"+id+"')","20");
}
function dez(id,add,addd) {
if ( document.getElementById(add).style.visibility == 'visible' ) {
document.getElementById(add).style.filter = 'alpha(opacity=90)';
setTimeout("onze('"+add+"')","20");
}
if ( document.getElementById(addd).style.visibility == 'visible' ) {
setTimeout("onze('"+addd+"')","20");
}
document.getElementById(id).style.filter = 'alpha(opacity=90)';
setTimeout("onze('"+id+"')","20");
}
function nove(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=100)';
setTimeout("dez('"+id+"','"+add+"','"+addd+"')",""+time+"000");
}
function oito(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=90)';
setTimeout("nove('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function sete(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=80)';
setTimeout("oito('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function seis(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=70)';
setTimeout("sete('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function cinco(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=60)';
setTimeout("seis('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function quatro(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=50)';
setTimeout("cinco('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function tres(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=40)';
setTimeout("quatro('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function dois(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=30)';
setTimeout("tres('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function um(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=20)';
setTimeout("dois('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function mostra(id,time,add,addd) {
document.getElementById(id).style.filter = 'alpha(opacity=10)';
document.getElementById(id).style.visibility = 'visible';
setTimeout("um('"+id+"','"+time+"','"+add+"','"+addd+"')","20");
}
function add(id) {
document.getElementById(id).style.filter = 'alpha(opacity=100)';
document.getElementById(id).style.visibility = 'visible';
}
//-->

Viu como é grande? Me ajudem a reduzir ele! Isso aí está ocupando 4kb!!!

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0
Guest Visitante

Guest Visitante

Postado
Postado 
<HTML><HEAD><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="favicon.ico" /><TITLE>Contábeis.UNIPAC.2006</TITLE>
</HEAD>
<BODY marginwidth="0" marginheight="0" alink=gray vlink=gray link=gray onload="mostra('balao','5','x','xt');">
<style type="text/css">
<!--
body{
overflow: hidden;
background-color:e8e8e8;
margin-top:"0";
margin-bottom:"0";
margin-left:"0";
margin-right:"0";
}
A:link{
text-decoration: none;
}
A:visited{
text-decoration: none;
}
A:HOVER{
color: green;
}
a:active {
color: green;}
select.sel{
font-family:verdana;
font-size:8 pt;
background-color:#d9d9d9;
selected-color:#008000;
}
//-->
</style>
<script src="js/texto.txt"></script>
<table bgColor="#c0c0c0" width="150" height="10" border="0">
  <tr>
    <td bgColor="#e8e8e8"><font face="tahoma" size="1" color="green"><marquee behavior=slide scrollamount=15><strong>&nbsp;1° Período</strong></marquee></td>
    <td bgColor="#c0c0c0"  width=16 height=15><a href="ajuda_per1.html" target="_blank"><img src="imagens/help.gif" alt="Clique para obter ajuda" width=16 height=15 border="0"></a></td>
  </tr>
</table>
<div align="right">
<font class=size2 color=green>
Mostrar apostilas de:&nbsp;</font><select class="sel" size="1" onChange="materia.location = options[selectedIndex].value">
<option value="ap.html" selected>Selecione uma disciplina...</option>
<optgroup label="-- 1° Período --">
<option value="ap_cont_geral_1.html">Contabilidade Geral I</option>
<option value="ap_mat_1.html">Matemática I</option>
<option value="ap_intro_dir_pub_priv.html">Introdução ao Direito Público e Privado</option>
<option value="ap_legis_trab.html">Legislação Trabalhista</option>
<option value="ap_osm.html">Organização Sistemas e Métodos</option>
<option value="ap_ciencia_pol.html">Ciência Política</option>
<option value="ap_m_cientifica.html">Metodologia Científica</option>
<option value="ap_pt_instrumental.html">Português Instrumental</option>
</select><hr></div>
<div style="position:absolute;top:150px;left:310px;">
<center><font face=verdana size=1 color=gray>CARREGANDO</font><br><img src="imagens/spinner.gif" border="0" width="16" height="16" galleryimg="no"></center>
</div>
<div style="position:absolute;top:50px;left:0px;width:732px;height:232px;">
<iframe name="materia" src="ap.html" frameborder="0" width="732" height="232" scrolling="yes"
allowtransparency="false"></iframe></div>
<script src="js/balao.txt"></script>
<div id=balao style="position:absolute;top:10px;left:125px;width:309px;height:83px;visibility:hidden">
<img src="imagens/balao_ajuda.gif" width=309 height=83 border="0" galleryimg="no" onMouseover="add('xt')">
</div>
<div id=x style="position:absolute;top:37px;left:406;width:18px;height:18px;visibility:hidden">
<img src="imagens/x.gif" width="18px" height="18px"></div>
<div id=xt style="position:absolute;top:37px;left:406;width:18px;height:18px;visibility:hidden" onMouseover="add('x')" onMouseout="fecha('x')" onclick="dez('balao','x','xt')">
<img src="imagens/t.gif" width="18px" height="18px"></div>
</BODY></HTML>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado

onload="mostra('balao','5','x','xt');"

balão é o id do DIV que eu quero que apareça

5 é o tempo, em segundos, que ele vai levar pra sumir

x é o ID do div que tem a imagem do X pra fechar o balao

xt é o id do DIV que faz o div "x" aparecer e sumir

esses divs estão no fim da página:

<div id=balao style="position:absolute;top:10px;left:125px;width:309px;height:83px;visibility:hidden">
<img src="imagens/balao_ajuda.gif" width=309 height=83 border="0" galleryimg="no" onMouseover="add('xt')">
</div>
<div id=x style="position:absolute;top:37px;left:406;width:18px;height:18px;visibility:hidden">
<img src="imagens/x.gif" width="18px" height="18px"></div>
<div id=xt style="position:absolute;top:37px;left:406;width:18px;height:18px;visibility:hidden" onMouseover="add('x')" onMouseout="fecha('x')" onclick="dez('balao','x','xt')">
<img src="imagens/t.gif" width="18px" height="18px"></div>

Link para o comentário
Compartilhar em outros sites
  • 0
Guest Visitante

Guest Visitante

Postado
Postado

não precisa mexer muito. é que tem muita coisa repetida, várias vezes escrito a mesma coisa, eu queria que colocasse um valor pra invez de escrever esse monte de vez igual colocasse so umas letrinhas e pronto...

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,6k
×
×
  • Criar Novo...