Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-Equiv="Cache-Control" Content="no-cache">
<meta http-Equiv="Pragma" Content="no-cache">
<meta http-Equiv="Expires" Content="0">
​
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
​
<!-- link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="favorites.css" / -->
​
</head>
​
<body>
​
        <div id="slide" class="ui-widget-content" style="position:absolute; top: 135px; left:0px; height: 435px; width: 236px; min-width: 236px; margin: 
​
0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid black; z-index: 9999;">
​
        <div id="treed" style="height: 99%; float:left; background:white; width: 86.4%; overflow: hidden; border: 2px solid #404040;">
​
        <div id="ttitle">
            <h3>Favorites <div id="msg" style="position: relative; float: right; background: #E0E0E0; width: 128px; height: 15px; margin-right: 5px; 
​
padding-left: 3px; font: 10px verdana, sans-serif; color: #000000; visibility: hidden;">&nbsp;</div></h3> 
        </div>
        <div id="ttop">
​
            <div id="update" style="margin-top:0px; padding-left: 5px; padding-top:5px;">
     
               <img src="treeico/openall.gif" style="cursor: pointer;" title="Open All" onclick="openall();" />
               <img src="treeico/closeall.gif" style="cursor: pointer;" title="Close All" onclick="closeall();" />&nbsp;&nbsp;&nbsp;
               <img src="treeico/addfolder.gif" style="cursor: pointer;" title="Add Folder" onclick="addfolder();" />
               <img src="treeico/addpage.gif" style="cursor: pointer;" title="Add Page" onclick="addpage();" />
               <img src="treeico/addpages.gif" style="cursor: pointer;" title="Add Pages" onclick="addnewpages();" />
               <img src="treeico/delete.gif" style="cursor: pointer;" title="Delete" onclick="deleteitem();" />
​
            </div>
​
        </div>
​
        <script type="text/javascript">
​
           var the_date = new Date();
           the_date.setHours(the_date.getHours() + 24);
           var the_cookie_date = the_date.toGMTString();
           var the_cookie = "theurl=" + "";
           var the_cookie = the_cookie + ";expires=" + the_cookie_date;
           document.cookie= the_cookie;
​
        </script>
​
        <iframe id="tnav" src="loadtreeb.php" style="border: 0px; width: 100%; height: 86%; overflow: auto;pointer-events:none">
​
        </iframe>
​
        </div> <!-- End treed -->
​
        <div id="trees" style="height: 94%; float: right; background: #404040; width: 26px; border: 1px solid grey;">
<p style="line-height: 10px; font: 12px bold verdana, sans-serif; color: grey; text-align: center; cursor: pointer;">
G<br/>
o<br/>
<br/>
t<br/>
o<br/>
<br/>
F<br/>
a<br/>
v<br/>
o<br/>
r<br/>
i<br/>
t<br/>
e<br/>
s
</p>
        </div> <!-- End trees -->
​
​
      </div> <!-- End slide -->      
​
<script type='text/javascript'>
$(document).ready(function(){
​
      $(function() {
         $("#slide").resizable();
      });  
​
});
​
$(document).ready(function(){
      $("#trees").toggle(function(){
            //Open menu      
​
            $("#slide").stop().animate({ left: "+=208" }, 1200)
      }, function(){
            //Close menu
            $("#slide").stop().animate({ left: "-=208" }, 1200)
      }); 
​
});
</script>
​
    <div id="RightPane" style="position:absolute; top: 135px; left:50px; height: 1299px; z-index: 35; background: white; overflow: hidden; min-width: 
​
100px; min-height: 1000px; width: 92%; border:2px solid black;">
​
          <div id="ptitle">
             <h3>URL:</h3>
​
             <div id="tURL" style="background: white; position: relative; top: -19px; left: 40px; width:90%; padding-left: 2px; z-index:40;">
              
             </div>
​
          </div> <!-- End ptitle -->
​
          <div style="height: 99%; width: 100%; overflow-x: hidden; overflow-y: hidden;">
          <iframe id="viewup" name="nviewup" onload="writeURL()" style="height: 100%; width: 100%; overflow: scroll;"> </iframe>
          </div>
​
        </div> <!-- End RightPane -->
​
​
</div> <!-- End matting div -->
​
</body>
</html>
 
if (document.getElementById('hello')) {
  document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';
}
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers