Ajuda código

_Vinny_ · Fevereiro 8, 2010

Eu peguei um código na net pra uma aplicação que precisava e que se encaixou perfeitamente nas minhas necessidades, porem preciso modificar o codigo para que fique ainda mais ao meu gosto, so que não entendo pimpas de js, segue o codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login</title>

&lt;script language="JavaScript1.2">

// Drop-in content box- By Dynamic Drive
// For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
// This credit MUST stay intact for use

var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

function redo(){
bouncelimit=32
direction="up"
initbox()
}

function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}


window.onload=initbox

</script>

	<div id="ddtoptabsline"><img src="dropinbox_arquivos/spacer.gif"></div>

<table id="maintable" border="0" cellpadding="0" cellspacing="0" 
width="100%">
  <tbody><tr>
    <td id="spacertd">
<img src="dropinbox_arquivos/spacer.gif" id="spacergif">
    </td>
    <td id="contentarea" valign="top">
      <p align="left"><strong><a href="java script:redo()">Login</a></strong></p>


<!--webbot bot="HTMLMarkup" startspan -->
<div id="dropin" style="position: absolute; visibility: hidden; left: 
200px; top: 110px; width: 500px; height: 100px; background-color: 
rgb(245, 245, 245);">

<table bgcolor="#800080" border="0" cellpadding="2" cellspacing="0" 
width="500">
  <tbody><tr>
    <td width="100%">
      <table bgcolor="#ffffff" border="0" cellpadding="2" 
cellspacing="0" width="100%">
        <tbody><tr>
          <td bgcolor="#f3f3f3" width="100%"><img 
src="dropinbox_arquivos/ball.gif" align="left" height="102" width="100"><font
 size="4" face="Arial"><b><a 
href="http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm" 
style="color: red;">This
            is a drop in box</a></b></font>
            <p>Display any content here, from text, images, to rich 
HTML. Use
            the close link to dismiss the box. Click the close box to 
dismiss
            it. Script compatible in IE4+, NS4,
            and NS6+.</p>
            <p>Display any content here, from text, images, to rich 
HTML. Use
            the close link to dismiss the box. Click the close box to 
dismiss
            it. Script compatible in IE4+, NS4,
            and NS6+.</p>
            <div align="right"><a href="#" onclick="dismissbox();return 
false">[Close Box] </a></div>
 </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
</body></html>[/codebox]

O codigo abre uma janela sobre a página, o que eu quero é quando somente clicasse em LOGIN que abrisse a janela, alguém pode dar essa força?

O codigo eu tirei daqui: http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm

Misso · Fevereiro 8, 2010

Comente a linha:

// window.onload=initbox

você precisa usar o evento onClick:

Se o LOGIN for um botão utilize : <input type="button' value="Login" onClick="initbox()">

Se for um link <a href="pagina" onClick="initbox()">Login</a>

Creio que seja isso!

AbraçO!

_Vinny_ · Fevereiro 8, 2010

Comente a linha:
// window.onload=initbox
você precisa usar o evento onClick:
Se o LOGIN for um botão utilize : <input type="button' value="Login" onClick="initbox()">
Se for um link <a href="pagina" onClick="initbox()">Login</a>
Creio que seja isso!
AbraçO!

Misso, muitissimo obrigado amigo, funcionou perfeitamente. Agradeço demais pela ajuda que deu ^^

Somente precisou alterar <a href="pagina" onClick="initbox()">Login</a> para <a href="#" onClick="initbox()">Login</a> se não sempre abrirá a 'pagina' inexistente, se é que me entendeu.

------------------------------

Outra coisa, tem como mudar pra abrir somente quando clicado no link? Pelo codigo no site fica dificil entender muita coisa.

Editado Fevereiro 8, 2010 por _Vinny_

Entrar

Ajuda código

Pergunta

_Vinny_

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Misso

Link para o comentário

Compartilhar em outros sites

_Vinny_

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades