JSFiddle

  • height: 100% for <div> inside <div> with display: table-cell #96 is the latest revision

    http://stackoverflow.com/questions/22220698/height-100-for-div-inside-div-with-display-table-cell

    <div class="table">
        <div class="cell">
        </div>
        <div class="cell">
            <div class="container">Text</div>
        </div>
    </div>
  • A4 Paper example #2 is the latest revision

    jQuery 2.2.0, HTML, CSS, JavaScript

    $("#button").click(function() {
      $("#page1").print({
        addGlobalStyles: false,
        rejectWindow: true,
        noPrintSelector: ".no-print"
      });
    
    });
    
  • Wilson Invoice #27 is the latest revision

    My description

    <!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>
      </head>
    
    
      <body>
        <div class="invoice-table">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="50%" valign="top">Wilson
                <br /> Consulting
              </td>
              <td width="50%" align="right" valign="top">
                <table width="60%" border="0" cellspacing="0" cellpadding="0" class="invoice" align="right">
                  <tr>
                    <td colspan="2" align="right">
                      <h1>Invoice</h1></td>
                  </tr>
                  <tr>
                    <td align="center" valign="middle"><strong>Date</strong></td>
                    <td align="center" valign="middle"><strong>Invoice #</strong></td>
                  </tr>
                  <tr>
                    <td align="center" valign="middle">1/01/2001</td>
                    <td align="center" valign="middle">1001</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td colspan="2" valign="top" height="40" style="clear:both;"></td>
            </tr>
            <tr>
              <td valign="top" align="left">
    
                <table width="400" border="0" cellpadding="0" cellspacing="0" class="invoice">
                  <tr>
                    <td><strong>Bill To</strong></td>
                  </tr>
                  <tr>
                    <td>BILL
                      <br /> TO
                      <br /> ADDRESS
                    </td>
                  </tr>
                </table>
              </td>
              <td valign="top">
                <table width="400" border="0" align="right" cellpadding="0" cellspacing="0" class="invoice">
                  <tr>
                    <td><strong>Ship To</strong></td>
                  </tr>
                  <tr>
                    <td>SHIP
                      <br />TO ...</td></tr></table></td></tr></table></div></body></html></!doctype>
  • Wilson Invoice

    My description

    <!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>
      </head>
    
    
      <body>
        <div class="invoice-table">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="50%" valign="top">Wilson
                <br /> Consulting
              </td>
              <td width="50%" align="right" valign="top">
                <table width="60%" border="0" cellspacing="0" cellpadding="0" class="invoice" align="right">
                  <tr>
                    <td colspan="2" align="right">
                      <h1>Invoice</h1></td>
                  </tr>
                  <tr>
                    <td align="center" valign="middle"><strong>Date</strong></td>
                    <td align="center" valign="middle"><strong>Invoice #</strong></td>
                  </tr>
                  <tr>
                    <td align="center" valign="middle">1/01/2001</td>
                    <td align="center" valign="middle">1001</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td colspan="2" valign="top" height="40" style="clear:both;"></td>
            </tr>
            <tr>
              <td valign="top" align="left">
    
                <table width="400" border="0" cellpadding="0" cellspacing="0" class="invoice">
                  <tr>
                    <td><strong>Bill To</strong></td>
                  </tr>
                  <tr>
                    <td>BILL
                      <br /> TO
                      <br /> ADDRESS
                    </td>
                  </tr>
                </table>
              </td>
              <td valign="top">
                <table width="400" border="0" align="right" cellpadding="0" cellspacing="0" class="invoice">
                  <tr>
                    <td><strong>Ship To</strong></td>
                  </tr>
                  <tr>
                    <td>SHIP
                      <br />TO ...</td></tr></table></td></tr></table></div></body></html></!doctype>
  • jQuery Print

    This demo is an extraction from http://getbootstrap.com/components/. created by @juanmendezinfo

    $("button").click(function() {
      print()
    });
    
  • Wilson Invoice

    My description

    <!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>
    </head>
    
    
    <body>
    <div class="invoice-table">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="50%" valign="top">Wilson<br />
          Consulting</td>
        <td width="50%" align="right" valign="top"><table width="60%" border="0" cellspacing="0" cellpadding="0" class="invoice" align="right">
          <tr>
            <td colspan="2" align="right"><h1>Invoice</h1></td>
            </tr>
          <tr>
            <td align="center" valign="middle"><strong>Date</strong></td>
            <td align="center" valign="middle"><strong>Invoice #</strong></td>
          </tr>
          <tr>
            <td align="center" valign="middle">1/01/2001</td>
            <td align="center" valign="middle">1001</td>
          </tr>
        </table></td>
      </tr>
      <tr>
            <td colspan="2" valign="top" height="40" style="clear:both;"></td>
      </tr>
      <tr>
        <td valign="top" align="left">
        
        <table width="400" border="0" cellpadding="0" cellspacing="0" class="invoice">
          <tr>
            <td><strong>Bill To</strong></td>
          </tr>
          <tr>
            <td>BILL<br />
              TO <br />
              ADDRESS</td>
          </tr>
        </table>
        </td>
        <td valign="top" >
          <table width="400" border="0" align="right" cellpadding="0" cellspacing="0" class="invoice">
            <tr>
              <td><strong>Ship To</strong></td>
            </tr>
            <tr>
              <td>SHIP<br />TO ...</td></tr></table></td></tr></table></div></body></html></!doctype>
  • Wilson Invoice

    My description

    <!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>
    </head>
    
    
    <body>
    <div class="invoice-table">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="50%" valign="top">Wilson<br />
          Consulting</td>
        <td width="50%" align="right" valign="top"><table width="60%" border="0" cellspacing="0" cellpadding="0" class="invoice" align="right">
          <tr>
            <td colspan="2" align="right"><h1>Invoice</h1></td>
            </tr>
          <tr>
            <td align="center" valign="middle"><strong>Date</strong></td>
            <td align="center" valign="middle"><strong>Invoice #</strong></td>
          </tr>
          <tr>
            <td align="center" valign="middle">1/01/2001</td>
            <td align="center" valign="middle">1001</td>
          </tr>
        </table></td>
      </tr>
      <tr>
            <td colspan="2" valign="top" height="40" style="clear:both;"></td>
      </tr>
      <tr>
        <td valign="top" align="left">
        
        <table width="400" border="0" cellpadding="0" cellspacing="0" class="invoice">
          <tr>
            <td><strong>Bill To</strong></td>
          </tr>
          <tr>
            <td>BILL<br />
              TO <br />
              ADDRESS</td>
          </tr>
        </table>
        </td>
        <td valign="top" >
          <table width="400" border="0" align="right" cellpadding="0" cellspacing="0" class="invoice">
            <tr>
              <td><strong>Ship To</strong></td>
            </tr>
            <tr>
              <td>SHIP<br />TO ...</td></tr></table></td></tr></table></div></body></html></!doctype>
  • Editable Invoice #2 is the latest revision

    merge with other

    function print_today() {
      // ***********************************************
      // AUTHOR: WWW.CGISCRIPT.NET, LLC
      // URL: http://www.cgiscript.net
      // Use the script, just leave this message intact ...
  • Editable Invoice

    merge with other

    function print_today() {
      // ***********************************************
      // AUTHOR: WWW.CGISCRIPT.NET, LLC
      // URL: http://www.cgiscript.net
      // Use the script, just leave this message intact ...
  • jquery ui autocomplete in a nutshell

    jQuery 1.6.3, HTML, CSS, JavaScript, jQuery UI 1.8.16

    $(function() {
            
            var countries_starting_with_A = [
        {
            "id": "1",
            "value": "Afghanistan",
            "label": "Afghanistan"
        },
        {
            "id": "17",
            "value": "Albania",
            "label": "Albania"
        },
        {
            "id": "18",
            "value": "Algeria",
            "label ...