www.webdeveloper.com
Results 1 to 5 of 5

Thread: Change Onclick File to Onload File

Hybrid View

  1. #1
    Join Date
    Aug 2010
    Location
    Covington, Louisiana, USA
    Posts
    3

    Change Onclick File to Onload File

    Hello all, I am new here and have a question about a AP Div I am using as a dropin. It drops in when the page loads and I would like it to only drop in if a visitor clicks a link I designate as the dropin link. Can someone please tell me how to accomplish this? I am pasting in the js file and I will also need to know how to set up the "a href" link to call the dropin! Thanks is advance for any help you may give!

    Code:
    // JavaScript Document
    
    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 truebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    
    window.onload=window.setTimeout(initbox,5000);

  2. #2
    Join Date
    Aug 2010
    Location
    Covington, Louisiana, USA
    Posts
    3
    SO SORRY, FIRST THREAD AND I MUCK IT UP!!!

    The Title of this thread should be :

    Change Onload File to Onclick File

    SORRRRRY!!!

  3. #3
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Remove the window.onload then use:
    Code:
    <a href="alternativeContent.htm" onclick="setTimeout(initbox,5000); return false">dropin</a>

  4. #4
    Join Date
    Aug 2010
    Location
    Covington, Louisiana, USA
    Posts
    3
    I haven't even tried your method yet, but I am looking at your suggestion and I am wondering what I would put in the "alternativeContent.htm" spot? I know it will have to call the DIV somehow. I am pasting in the outside shell of the DIV without the guts. Can you please tell me what to use for where you put "alternativeContent.htm"?

    Code:
    <div id="dropin">
    <div id="dropClose" align="right"><a href="#" onClick="dismissbox();return false">&nbsp;X&nbsp;</a></font></div>
    <div id="dropContent">Blah Blah Blah</div>
    </div>

  5. #5
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    To be kind to those with JavaScript disabled "alternativeContent.htm" would contain the contents of #dropContent.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles