HTML Help
HTML Help Central . com

» Online Users: 110

0 members and 110 guests
No Members online
Most users ever online was 695, 02-16-2011 at 07:01 AM.

» Site Navigation

 > FAQ

» Domains For Sale

Results 1 to 12 of 12
  1. #1
    Join Date
    Mar 2014
    Posts
    133

    Lightbulb Coothead the Legend I needz your help once again!

    how can i make everything disappear when the change background check box is clicked, apart from the check box list
    oh and a new and improved go to top button? because with mine it it goes to the link: http://nzltruly.orgfree.com/#top and i can not click go to top button again
    http://nzltruly.orgfree.com/

    its probably just easier if you do it for me you sexy beast
    http://nzltruly.orgfree.com/
    Last edited by NZLTruly; 04-16-2014 at 04:56 AM.

  2. #2
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369

    made some code amendments

    Hi there NZLTruly,

    try it like this...
    Code:
    
    <!DOCTYPE html>
    <html>
    <head>
    
    <meta charset="UTF-8">
    <meta name="description" content="NZL Truly's Portfolio">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript,Portfolio,NZL,Truly">
    <meta name="author" content="Tristan Pearce (NZL Truly)">
    
    <title>NZL Truly's Portfolio</title>
    
    <link rel="icon" href="https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/watermark%20small.png">
    
    <style>
    html {
        height:100%;
     }
    body  {
        padding:10px;
        margin:0;
        background-repeat:no-repeat;
        background-attachment:fixed;
     }
    html,body,* {
        cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important;
     }
    #tabs {
        position:fixed;
        top:276px;
        left:920px;
     }	
    #clock {
        position:fixed;
        top:-5px;
        right:3px;
     }
    #counter {
        rotation-point:50% 50%;
        rotation:180deg;
     }
    #tabs input {
        float:right;
        margin-left:10px;
     }
    .hide {
        display:none;
     }
    #logo {
        display:block;
        height:50%; 
        width:50%;
        margin-bottom:64px;
     }
    #pf {
        display:block;
        height:20%; 
        width:20%;
        margin-bottom:22px;
     }
    #fr {
        overflow:hidden;
        display:block;
        height:72px;
        width:300px;
        margin-bottom:20px;
        border:1px solid #f00;
        background-color:#fff;
     } 
    #chatloader {
        width:728px;
        height:550px;
        margin:20px 0 20px 40px;
        border:1px solid #f00;
     }
    #social {
        width:165px;
        height:50px;
        padding:0;
        margin:0 0 20px;
        list-style-type:none;
     }
    #social li {
        float:left;
        margin-right:5px;
     }
    #social a,#social img {
        display:block;
        width:50px;
        height:50px;
        border:0;
     }
    #gallery img {
        display:block;
        width:50%;
        height:50%;
        margin-bottom:5px; 
        border:0;
     }
    #ytstats {
        clear:both;
        margin-left:40px;
     }
    #ytstats iframe {
        overflow:hidden; 
        height:125px; 
        width:200px; 
        border:1px solid #f00;
     }
    #games,#gallery {
        clear:both;
        margin:10px 0 10px 40px;
     }
    #reflex {
        width:135px;
        height:135px;
        border:1px solid #f00;
        margin:10px 0;
        background-color:#fff;
     }
    #response {
        margin:10px 0;
     }
    #video,#recentvid {
        clear:both;
        margin:20px 0 40px 40px;
     }
    #phong {
        display:block;
        width:450px;
        height:355px;
        margin:10px 0;
     }
    #go-top {
        display:block;
        padding:50px;
        color:#fff;
     }
    #joke-widget-container {
        overflow:hidden;
        padding:10px 0;
        margin:20px 0 40px 20px;
     }
    .one {
        background-image:url('https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/NZL%20Truly%20channel%20art.jpg');
        color:#fff;
     }
    .two {
        background-image:url(https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/For%20Other%20People%20To%20Download/Capture.PNG);
        color:#000;
     }
    </style>
    
    <script src="http://www.laughfactory.com/js/joke_of_the_day.js"></script>
    
    <script src="http://scmplayer.net/script.js" 
       data-config="{
       'skin':'skins/tunes/skin.css',
       'volume':50,
       'autoplay':false,
       'shuffle':false,
       'repeat':1,
       'placement':'bottom',
       'showplaylist':true,
       'playlist':[
       {'title':'Asking Alexandria - Someone Somewhere',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Bass%20Boosts/Asking%20Alexandria%20-%20Someone%20Somewhere%20%28Popkong%20Remix%20Bass%20Boosted%29%20HD.mp3'},
       {'title':'Black Veil Brides - In The End',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Black%20Veil%20Brides%20-%20In%20The%20End.mp3'},
       {'title':'Eminem - Rap God',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Eminem%20-%20Rap%20God%20%28Explicit%29.mp3'},
       {'title':'Gotye - Somebody That I Used To Know (4FRNT Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Somebody%20That%20I%20Used%20To%20Know.mp3'},
       {'title':'The Fray - How To Save A Life (Bikslow Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/The%20Fray%20-%20How%20to%20save%20a%20life%20%28Bikslow%20remix%29.mp3'},
       {'title':'Green Day - Boulevard Of Broken Dreams (Kasum Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Boulevard%20of%20Broken%20Dreams%20%5BKasum%20Remix%5D%20-%20Green%20Day%20HQ.mp3'},
       {'title':'Linkin Park - What Ive Done (Alexis Dubstep Remix)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Linkin%20Park%20-%20What%20I%27ve%20Done%20%28Alexis%20K%20Dubstep%20Remix%29.mp3'},
       {'title':'Skrillex Mashup - Exige 2nd Edit',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Skrillex%20Mashup%20-%20Exige%202nd%20Edit.mp3'},
       {'title':'Exige 2014 Mashup',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Exige%202014%20Mashup.mp3'},
       {'title':'Reqiuem by The McMash Clan ft Kate Mullins',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Reqiuem%20by%20The%20McMash%20Clan%20ft%20Kate%20Mullins.mp3'},
       {'title':'Trivecta - One Night Only (feat. Yohamna Solange)',
       'url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/Trivecta%20-%20One%20Night%20Only%20%28feat.%20Yohamna%20Solange%29.mp3'},   
       {'title':'(2 hours) Dj Snake - Essential Mix','url':'https://dl.dropboxusercontent.com/u/179449381/Public%20Downloads%20Host/Songs/essential-mix-2014-01-25-dj-snake.mp3'}]  
     }">
    </script>
    
    <script>
    (function() {
       'use strict';
    function init(){
       var obj=document.getElementById('tabs');
           obj.reset();
       var obj0=document.getElementById('chatloader');
       var obj1=document.getElementById('gallery');
       var obj2=document.getElementById('ytstats');
       var obj3=document.getElementById('games');
       var obj4=document.getElementById('joke-widget-container');
       var obj5=document.getElementById('video');  
       var obj6=document.getElementById('top'); 
       var obj7=document.getElementById('recentvid');
       var obj8=document.getElementById('div0'); 
       var obj9=document.getElementById('div1');
       var obj10=document.getElementById('span0');
       var as=document.getElementsByTagName('a');
    
    document.getElementById('but0').onclick=function(){
       obj0.className=='hide'?obj0.className='':obj0.className='hide';
     }
    document.getElementById('but1').onclick=function(){
       obj1.className=='hide'?obj1.className='':obj1.className='hide';
     }
    document.getElementById('but2').onclick=function(){
       obj2.className=='hide'?obj2.className='':obj2.className='hide';
     }
    document.getElementById('but3').onclick=function(){
       obj3.className=='hide'?obj3.className='':obj3.className='hide';
     }
    document.getElementById('but4').onclick=function(){
       obj4.className=='hide'?obj4.className='':obj4.className='hide';
     }
    document.getElementById('but5').onclick=function(){
       obj5.className=='hide'?obj5.className='':obj5.className='hide';
     }
    document.getElementById('but6').onclick=function(){
       obj6.className=='one'?obj6.className='two':obj6.className='one';
       obj8.className=='hide'?obj8.className='':obj8.className='hide';
       obj9.className=='hide'?obj9.className='':obj9.className='hide';
       obj10.className=='hide'?obj10.className='':obj10.className='hide';
       as[7].style.marginLeft==''?as[7].style.marginLeft='-100px':as[7].style.marginLeft='';
       obj.style.top=='176px'?obj.style.top='276px':obj.style.top='176px';
       obj.style.left=='972px'?obj.style.left='920px':obj.style.left='972px';
     }
    document.getElementById('but7').onclick=function(){
       obj7.className=='hide'?obj7.className='':obj7.className='hide';
       }
    document.getElementById('go-top').onclick=function(){
       scrollTo(0,0);
      }
     }
       window.addEventListener?
       window.addEventListener('load',init,false):
       window.attachEvent('onload',init);
    })();
    </script>
    <script>
       var startTime=new Date();
       var endTime=new Date();
       var startPressed=false;
       var bgChangeStarted=false;
       var maxWait=20;
       var timerID;
       var colors=['#FD6347','#d2691e','#32cd32','#e6143c','#2f4f4f','#f0f8ff','#7b68ee',
                   '#6495ed','#9932cc','#bdb76b','#ff7f50','#556b2f','#5f9ea0'];
    
    
    function startTest(){
       document.getElementById('reflex').style.backgroundColor=colors[Math.floor(Math.random()*colors.length)];        
       bgChangeStarted=true;
       startTime=new Date();
     }
    function remark(responseTime){
       var responseString='';
    if(responseTime<0.10) {
       responseString='Well done!';
     }
    if(responseTime>=0.10&&responseTime<0.20) {
       responseString='Nice!';
     }
    if(responseTime>=0.20&&responseTime<0.30) {
       responseString='Could be better...';
     }
    if(responseTime>=0.30&&responseTime<0.60) {
       responseString='Keep practising!';
     }
    if(responseTime>=0.60&&responseTime<1) {
       responseString='Have you been drinking?';
     }
    if(responseTime>=1) {
       responseString='Did you fall asleep?';
     }
       return responseString;
     }
    function stopTest(){
    if(bgChangeStarted) {
       endTime=new Date();
       var responseTime=(endTime.getTime()-startTime.getTime())/1000;
       document.getElementById("reflex").style.backgroundColor='#fff';
       alert('Your response time is: '+responseTime+' seconds '+'\n'+remark(responseTime));
       startPressed=false;
       bgChangeStarted=false;
     }
    else {
    if(!startPressed) {
       alert("Press start first to start test");
     }
    else {       
       clearTimeout(timerID);
       startPressed=false;             
       alert('Cheater! you pressed too early!');
       }               
      }
     }
       var randMULTIPLIER=0x015a4e35;
       var randINCREMENT=1;
       var today=new Date();
       var randSeed=today.getSeconds();
    function randNumber(){
       randSeed=(randMULTIPLIER*randSeed+randINCREMENT)%(1<<31);
       return((randSeed>>15)&0x7fff)/32767;
     }
    function startit(){
    if(startPressed){
       alert('Already started. Press stop to stop');
       return;
     }
    else {
       startPressed=true; 
       timerID=setTimeout('startTest()', 6000*randNumber());
      }
     }
    </script>
    <script>
    
    /*
    Simple Image Trail script- By JavaScriptKit.com
    Visit http://www.javascriptkit.com for this script and more
    This notice must stay intact
    */
    
    var trailimage=["https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/watermark.png", 75, 75] //image path, plus width and height
    var offsetfrommouse=[10,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
    var displayduration=0 //duration in seconds image should remain visible. 0 for always.
    
    if (document.getElementById || document.all)
    document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')
    
    function gettrailobj(){
    if (document.getElementById)
    return document.getElementById("trailimageid").style
    else if (document.all)
    return document.all.trailimagid.style
    }
    
    function truebody(){
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    function hidetrail(){
    gettrailobj().visibility="hidden"
    document.onmousemove=""
    
    }
    
    function followmouse(e){
    var xcoord=offsetfrommouse[0]
    var ycoord=offsetfrommouse[1]
    if (typeof e != "undefined"){
    xcoord+=e.pageX
    ycoord+=e.pageY
    }
    else if (typeof window.event !="undefined"){
    xcoord+=truebody().scrollLeft+event.clientX
    ycoord+=truebody().scrollTop+event.clientY
    }
    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
    var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
    if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
    gettrailobj().display="none"
    else 
    gettrailobj().display=""
    gettrailobj().left=xcoord+"px"
    gettrailobj().top=ycoord+"px"
    }
    
    document.onmousemove=followmouse
    
    if (displayduration>0)
    setTimeout("hidetrail()", displayduration*1000)
    
    </script>
    
    </head>
    <body  id="top" class="one" oncontextmenu="return false" ondragstart="return false;" ondrop="return false;">
    
    <form id="tabs" action="#">
    <div id="div0">
     <input id="but7" type="checkbox">Show Most Recent Video<br>
     <input id="but5" type="checkbox">Show Recent Video<br>
     <input id="but2" type="checkbox">Show Stats<br>
     <input id="but4" type="checkbox">Show Joke Of The Day<br>
     <input id="but3" type="checkbox">Show Games<br>
     <input id="but0" type="checkbox">Show Chat<br>
     <input id="but1" type="checkbox">Show Images<br>
    </div><!-- end #div0 -->
     <input id="but6" type="checkbox"><span id="span0">Change Background</span>
    </form>
    
    <div id="div1">
    <img id="logo" src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/NZL%20Truly%20transparent.png" alt="">
    <img id="pf" src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/NZL/Portfolio%20transparent.png" alt="">
    
    <p>(So Far)(Updated Regularly)</p>
    
    <div id="counter"><script src="http://100widgets.com/js_data.php?id=129"></script></div>
    
    <div id="clock"><script src="http://100widgets.com/js_data.php?id=44"></script></div>
    
    <ul id="social">
     <li><a href="http://bit.ly/SubNZLTruly" target="_blank"><img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Social%20Icons/Circle_Icon-youtube.png" alt="NZL Truly"></a></li>
     <li><a href="https://www.facebook.com/NZLTruly" target="_blank"><img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Social%20Icons/C-Gloss-fb.png" alt="NZL Truly"></a></li>
     <li><a href="https://twitter.com/NZL_Truly" target="_blank"><img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Social%20Icons/C-Gloss-twitter.png" alt="NZL Truly"></a></li>
    </ul>
    
    <iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=NZLTruly"></iframe>
    <iframe id="recentvid" class="hide" width="640" height="360" src="http://www.youtube.com/embed/rWYBBiAnuH8?feature=player_detailpage"></iframe>
    <iframe id="video" class="hide" width="640" height="360" src="http://www.youtube.com/embed/KXx8nCxviMw?feature=player_detailpage"></iframe>
    
    <div id="ytstats" class="hide">
    <iframe src="http://widget.socialblade.com/widget.php?u=NZLTruly"></iframe>
    </div>
    
    <div id="joke-widget-container" class="hide"></div>
    
    <div id="games" class="hide">
    <p>Test your Response time!</p>
    <p>Click on "Start" first, and wait until the background color changes. <br>As soon as it changes, hit "stop!"</p>
    <div id="reflex" onclick="stopTest()"></div>
    <form id="response" action="#">
    <input type="button" value="  start " onclick="startit()" style="font-weight:bold">
    <input type="button" value="  stop  " onclick="stopTest()" style="font-weight:bold">
    </form>
    <iframe id="phong" src="http://nzltruly.orgfree.com/phong.htm"></iframe>
    </div>
    
    <iframe id="chatloader" class="hide" src="http://free.123flashchat.com/freechat.php?room=NZL%20Truly%27s%20Chat&amp;width=728&amp;lang=en"></iframe>
    
    <div id="gallery" class="hide">
     <p>These Pictures Are In No Particular Order</p>
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Spaskat/spasekat.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/New%20Zealand.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/loading.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Selena%20Gomez%20Flag.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/pingu.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/5W49-A-TRON%209000.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/iheartbass.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Fire%20Tits.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/bliss%20space.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/bliss%20space2.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/Shiny%20ball%20reflect.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/shadowlogo.jpg" alt="">
     <img src="https://dl.dropboxusercontent.com/u/179449381/Portfolio/KyotoDeNinja%20long.jpg" alt="">
     <span id="go-top">Go Top</span>
    </div>
    </div><!-- end #div1 -->
    
    </body>
    </html>
    Last edited by coothead; 04-10-2014 at 07:27 PM.
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  3. #3
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there Hi there NZLTruly,

    you may also be interested in a less cluttered page.

    Check out the attachment to find it.
    Attached Files Attached Files
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  4. #4
    Join Date
    Mar 2014
    Posts
    133
    thanks Coothead but it comes up as invalid anyway to fix?
    This link here: https://dl.dropboxusercontent.com/u/...er/README.html shows why it might come up invalid and it brings up this page: http://e.freewebhostingarea.com/not-found.html

  5. #5
    Join Date
    Mar 2014
    Posts
    133
    so in the mean time i will stick to the cluttered one until i can fix it
    Last edited by NZLTruly; 04-16-2014 at 04:56 AM.

  6. #6
    Join Date
    Mar 2014
    Posts
    133
    Actually, it might be a problem with my host. I think i ran out of bandwidth or whatever it is . can you suggest any free hosts?

  7. #7
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there NZLTruly,

    after a bit of code testing, I found that this little bugger was the cause of the problems...
    Code:
    
    <iframe id="phong" src="http://nzltruly.orgfree.com/phong.htm"></iframe>
    So I removed the little devil.

    Instead of hot linking the images I downloaded and compressed them all.

    This will save you a great deal of band width.

    Last edited by coothead; 04-29-2015 at 07:45 AM.
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  8. #8
    Join Date
    Mar 2014
    Posts
    133
    THANKS FOR ALL YOUR HELP

    I have a problem
    I dont want to have my website hosted off of yours hahaha

    i need a GOOD free ftp hosting
    one that i can understand

  9. #9
    Join Date
    Mar 2014
    Posts
    133
    any ideas?

  10. #10
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there NZLTruly,

    I am not going to leave your site on my server.

    All you have to do is upload the nzltruly folder which is in the zip file to your existing free server.

    I have also remastered your image.
    Attached Images Attached Images
    Last edited by coothead; 04-12-2014 at 07:11 PM.
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

  11. #11
    Join Date
    Mar 2014
    Posts
    133
    awwww <3

  12. #12
    Join Date
    Sep 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    369
    Hi there NZLTruly,

    I do not understand the meaning of "awww <3".

    Have you tried uploading the folder as suggested?

    When you have, let me know so that can remove it from my site.
    http://www.htmlhelpcentral.com/messageboard/image.php?type=sigpic&userid=8698&dateline=1189772  724

Similar Threads

  1. coothead sir please help -NEWS website?
    By dellerictwen in forum Miscellaneous
    Replies: 5
    Last Post: 03-08-2014, 07:58 AM

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
  •  
Powered by vBadvanced CMPS v4.1.1