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=utf-8" />
<title>Untitled Document</title>
  
<link href="klase.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src="http://manos.malihu.gr/tuts/custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
</head>
​
<body>
<div id="main_wrapper">
    <div id="header">
        <div style="font-family:Impact; font-size:22px; padding-left:20px; padding-top:10px;color:#fff;">TRIP planner</div>
    </div>
    <div id="left">
        <div class="elemenat">
            <div class="draggable" lat="34.45" lng="45.78"><img style="margin-left:3px; margin-top:5px;" src="http://carsedia.com/code/voyage/icons/8.png" width="46" height="42" /></div>
          <div class="elementname">Airplane/Arrival/Departure</div>
        </div>
      <div class="elemenat">
            <div class="draggable" lat="34.45" lng="45.78"><img style="margin-left:2px; margin-top:5px;" src="http://carsedia.com/code/voyage/icons/7.png" width="50" height="46" /></div>
          <div class="elementname">Hotel activity</div>
      </div>
      <div class="elemenat">
            <div class="draggable" lat="34.45" lng="45.78"><img style="margin-left:15px; margin-top:15px;" src="http://carsedia.com/code/voyage/icons/3.png" width="27" height="23" /></div>
          <div class="elementname">Breakfast/Lunch/Dinner</div>
      </div>
      <div class="elemenat">
            <div class="draggable" lat="34.45" lng="45.78"><img style="margin-left:15px; margin-top:15px;"src="http://carsedia.com/code/voyage/icons/4.png" width="27" height="22" /></div>
          <div class="elementname">Jaunt</div>
      </div>
      <div class="elemenat">
            <div class="draggable" lat="34.45" lng="45.78"><img style="margin-left:15px; margin-top:15px;"src="http://carsedia.com/code/voyage/icons/5.png" width="22" height="21" /></div>
          <div class="elementname">Tea/Coffe/Juice</div>
      </div>
      <div class="elemenat">
            <div class="draggable" lat="34.45" lng="45.78"><img style="margin-left:15px; margin-top:15px;"src="http://carsedia.com/code/voyage/icons/6.png" width="22" height="21" /></div>
          <div class="elementname">City tour, etc.</div>
        <div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div><div class="elementname">City tour, etc.</div>
      </div>
    </div>
    <div id="table">
      <table width="100%" height="598" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFF" id="drop_here">
        <tr>
          <th width="60" scope="row">1.DAY</th>
          <td width="635"></td>
        </tr>
        <tr>
          <th scope="row">2.DAY</th>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <th scope="row">3.DAY</th>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <th scope="row">4.DAY</th>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <th scope="row">5.DAY</th>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <th scope="row">6.DAY</th>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <th scope="row">7.DAY</th>
          <td>&nbsp;</td>
        </tr>
      </table>
    </div>
​
​
​
​
</div>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers