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>Welcome</title>
</head>
<body>
    <nav>
        <div id="jCrumbs" class="breadCrumb module"></div>
    </nav>
    <div id="formdiv">
        <form id="form1" name="form1" method="post" action="#">
            <div id="printadform">
                <table style="width:80%;border: 1px solid black;">
                    <tr>
                        <th colspan="4" style="background-color:#999;">
                            <span style="text-align:center;">
                                <input id="box" type="text" value="Hai" />
                            </span>
                        </th>
                    </tr>
                </table>
            </div>
        </form>
    </div>
  <div class="modal-footer input-xxlarge footerdi_v">
        <a href="#" class="btn btn-primary" id="print" onclick="displayMessage()">Print</a>
        <a href="#/branch/list/{{student.branch}}" class="btn" id="cancel">Cancel </a>
    </div>
</body>
</html>
​
 
 .btn
{
    color: white;
    font-weight: bold;
    background-color: #1b65b5;
    padding: 3px;
    text-decoration:none;
}
 
function displayMessage() {
​
    var val = box.value;
​
    var dom = formdiv;
    box.setAttribute('value', val);
    var inf = dom.innerHTML;
    document.innerHTML = "";
    var win = window.open('about:blank');
    win.document.write(inf);
    win.print();
    win.close();
​
}
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers