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>
<html>
<head>
<title>Grab already added values</title>
<meta charset='utf-8'>
<meta name='viewport' content='initial-scale=1.0'>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script>
</head>
<body>
  <div class="box">
    <table class="valz2add">
      <tr>
        <td>
          <button class="addvalz">
            +
          </button>
        </td>
        <td>
          <input class="inputval" type="text" value="body">
        </td>
      </tr>
    </table>
​
    <hr />
    
    <table class="cssvalz">
      <tr>
        <td>
          padding:
        </td>
        <td>
          <input class="pad" type="text" value="0">
        </td>
      </tr>
      <tr>
        <td>
          bg-color:
        </td>
        <td>
          <input class="bg" type="text" value="rgb(0, 117, 214)">
        </td>
      </tr>
      <tr>
        <td>
          box-shadow:
        </td>
        <td>
          <input class="boxshadow" type="text" value="inset 0 0 30em #000">
        </td>
      </tr>
    </table>
    
    <p id="asc">
      <textarea id="testcode" placeholder="test code via keyup/change"></textarea>
      <div id="apply-test-code"></div>
    </p>
    
    <p>
      <textarea id="fullrencode" placeholder="All your css comes together here"></textarea>
      <div id="apply-full-code"></div>
    </p>
    
    <div class="val-nester"></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