<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
<div id="pobby">
<p>This is a POBBY tag</p>
</div>
<div id="pob">
<p>This is a POB tag</p>
</div>
<p onclick ='printHTML("#pob")'>Print POB </p>
<p onclick ='printHTML("#pobby")'>Print POBBY </p>
<p id="hello"></p>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=914 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=14 HEIGHT=7><IMG
SRC="../assets/images/autogen/clearpixel.gif" WIDTH=14 HEIGHT=1
BORDER=0 ALT=""></TD>
<TD></TD>
</TR>
<TR VALIGN=TOP ALIGN=LEFT>
<TD HEIGHT=16></TD>
<TD WIDTH=900>
<TABLE ID="NavigationBar1" BORDER=0 CELLSPACING=0 CELLPADDING=0
NOF=NB_FNHSNY120 WIDTH=900>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=100><A HREF="../html/principal.jsp"
onMouseOver="F_roll('NavigationButton1',1)"
onMouseOut="F_roll('NavigationButton1',0)"><IMG
ID="NavigationButton1" NAME="NavigationButton1" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Principal_Hs3.GIF"
onLoad="F_loadRollover(this,'Principal_HRs4.GIF',0)" BORDER=0
ALT="Principal" TITLE="Principal"></A></TD>
<TD WIDTH=100><A HREF="../html/pacientes.jsp"
onMouseOver="F_roll('NavigationButton2',1)"
onMouseOut="F_roll('NavigationButton2',0)"><IMG
ID="NavigationButton2" NAME="NavigationButton2" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Pacientes_Ns1.GIF"
onLoad="F_loadRollover(this,'Pacientes_NRs2.GIF',0)" BORDER=0
ALT="Pacientes" TITLE="Pacientes"></A></TD>
<TD WIDTH=100><A HREF="../html/citas.jsp"
onMouseOver="F_roll('NavigationButton3',1)"
onMouseOut="F_roll('NavigationButton3',0)"><IMG
ID="NavigationButton3" NAME="NavigationButton3" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Citas_Ns1.GIF"
onLoad="F_loadRollover(this,'Citas_NRs2.GIF',0)" BORDER=0
ALT="Citas" TITLE="Citas"></A></TD>
<TD WIDTH=100><A HREF="../html/consultas.jsp"
onMouseOver="F_roll('NavigationButton4',1)"
onMouseOut="F_roll('NavigationButton4',0)"><IMG
ID="NavigationButton4" NAME="NavigationButton4" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Consultas_Hs3.GIF"
onLoad="F_loadRollover(this,'Consultas_HRs4.GIF',0)" BORDER=0
ALT="Consultas" TITLE="Consultas"></A></TD>
<TD WIDTH=100><A HREF="../html/conscon.jsp"
onMouseOver="F_roll('NavigationButton5',1)"
onMouseOut="F_roll('NavigationButton5',0)"><IMG
ID="NavigationButton5" NAME="NavigationButton5" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Historial_Ns1.GIF"
onLoad="F_loadRollover(this,'Historial_NRs2.GIF',0)" BORDER=0
ALT="Historial" TITLE="Historial"></A></TD>
<TD WIDTH=100><A HREF="../html/recetas.jsp"
onMouseOver="F_roll('NavigationButton6',1)"
onMouseOut="F_roll('NavigationButton6',0)"><IMG
ID="NavigationButton6" NAME="NavigationButton6" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Recetas_Ns1.GIF"
onLoad="F_loadRollover(this,'Recetas_NRs2.GIF',0)" BORDER=0
ALT="Recetas" TITLE="Recetas"></A></TD>
<TD WIDTH=100><A HREF="../html/exam.jsp"
onMouseOver="F_roll('NavigationButton7',1)"
onMouseOut="F_roll('NavigationButton7',0)"><IMG
ID="NavigationButton7" NAME="NavigationButton7" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Examenes_Ns1.GIF"
onLoad="F_loadRollover(this,'Examenes_NRs2.GIF',0)" BORDER=0
ALT="Exámenes" TITLE="Exámenes"></A></TD>
<TD WIDTH=100><A HREF="../html/rep.jsp"
onMouseOver="F_roll('NavigationButton8',1)"
onMouseOut="F_roll('NavigationButton8',0)"><IMG
ID="NavigationButton8" NAME="NavigationButton8" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Reportes_Ns1.GIF"
onLoad="F_loadRollover(this,'Reportes_NRs2.GIF',0)" BORDER=0
ALT="Reportes" TITLE="Reportes"></A></TD>
<TD WIDTH=100 HEIGHT=16><A HREF="../html/utils.jsp"
onMouseOver="F_roll('NavigationButton9',1)"
onMouseOut="F_roll('NavigationButton9',0)"><IMG
ID="NavigationButton9" NAME="NavigationButton9" HEIGHT=16 WIDTH=100
SRC="../assets/images/autogen/Utilitarios_Ns1.GIF"
onLoad="F_loadRollover(this,'Utilitarios_NRs2.GIF',0)" BORDER=0
ALT="Utilitarios" TITLE="Utilitarios"></A></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</body>
</html>
function printHTML(input){
document.body.appendChild(iframe); // insert the element to the DOM
}
printHTML('<h1>Test!</h1>');
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |