<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css" integrity="sha512-Ez0cGzNzHR1tYAv56860NLspgUGuQw16GiOOp/I2LuTmpSK9xDXlgJz3XN4cnpXWDmkNBKXR/VDMTCnAaEooxA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<div>
<h4>Select a converter you want to use from that conversions List below</h4>
<table class="table table-striped">
    <thead style="background-color: #0146ef;">
      <tr>
        <th style="width:80%;color: #fff;">Conversions</th>
        <th style="color: #fff;">Action</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Pressure and temperature converter </td>
        <td>
         	<button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#myModal">Open Modal</button>	
        </td>
      </tr>
    </tbody>
 </table>
 </div>
 
 
<!-- The Modal -->
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Modal Heading</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        <form name="pressure">

    <p dir="ltr" align="center">

    <table cellpadding="3" border="1" bordercolor="#FFFFFF">

        <tbody>
            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Pascal (Pa)</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mPascal" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Millimeter of mercury (torr)</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="yMilimeter" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>

            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Kilopascal (kPa)</b></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mKilopascal" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Kg per square cm (kg/cm2)</b></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="okgcm2" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>

            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Millibar</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mMilibar" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Inch of mercury</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="yInch" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>


            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Bar</b></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mBar" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Pound per square foot (psf)</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="oPound_per_square_foot" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>


            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Atmosphere (atm) </b>
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="oAtmosphere" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Pound per square inch (psi) </b>
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="opsi" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>


        </tbody>
    </table>
    <font color="#5D5D5D">

    </font>

    </p>
    <p dir="ltr" align="center">

        <font color="#5D5D5D">

            <input name="convert" type="button" value="Convert">
            <input name="res" type="reset" value="Clear all numbers">
        </font>
        <br>
    </p>
</form>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js" integrity="sha512-EKWWs1ZcA2ZY9lbLISPz8aGR2+L7JVYqBAYTq5AXgBkSjRSuQEGqWx8R1zAX16KdXPaCjOCaKE8MCpU0wcHlHA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css" integrity="sha512-Ez0cGzNzHR1tYAv56860NLspgUGuQw16GiOOp/I2LuTmpSK9xDXlgJz3XN4cnpXWDmkNBKXR/VDMTCnAaEooxA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<div>
<h4>Select a converter you want to use from that conversions List below</h4>
<table class="table table-striped">
    <thead style="background-color: #0146ef;">
      <tr>
        <th style="width:80%;color: #fff;">Conversions</th>
        <th style="color: #fff;">Action</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Pressure and temperature converter </td>
        <td>
         	<button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#myModal">Open Modal</button>	
        </td>
      </tr>
    </tbody>
 </table>
 </div>
 
 
<!-- The Modal -->
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Modal Heading</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        <form name="pressure">

    <p dir="ltr" align="center">

    <table cellpadding="3" border="1" bordercolor="#FFFFFF">

        <tbody>
            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Pascal (Pa)</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mPascal" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Millimeter of mercury (torr)</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="yMilimeter" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>

            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Kilopascal (kPa)</b></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mKilopascal" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Kg per square cm (kg/cm2)</b></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="okgcm2" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>

            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Millibar</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mMilibar" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Inch of mercury</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="yInch" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>


            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Bar</b></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D">
                            <input type="text" name="mBar" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)">
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt">Pound per square foot (psf)</font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="oPound_per_square_foot" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>


            <tr>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Atmosphere (atm) </b>
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="oAtmosphere" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D" style="font-size: 9pt"><b>Pound per square inch (psi) </b>
                        </font>
                    </p>
                </td>
                <td>
                    <p dir="ltr" align="center">
                        <font color="#5D5D5D"><input type="text" name="opsi" size="10" onchange="if (checkNum(this.value))
    compute(this.form,this.name)"></font>
                    </p>
                </td>
            </tr>


        </tbody>
    </table>
    <font color="#5D5D5D">

    </font>

    </p>
    <p dir="ltr" align="center">

        <font color="#5D5D5D">

            <input name="convert" type="button" value="Convert">
            <input name="res" type="reset" value="Clear all numbers">
        </font>
        <br>
    </p>
</form>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/js/bootstrap.min.js" integrity="sha512-EKWWs1ZcA2ZY9lbLISPz8aGR2+L7JVYqBAYTq5AXgBkSjRSuQEGqWx8R1zAX16KdXPaCjOCaKE8MCpU0wcHlHA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>{"id":1961,"date":"2024-01-04T13:28:53","date_gmt":"2024-01-04T10:28:53","guid":{"rendered":"http:\/\/digas.com.sa\/?page_id=1961"},"modified":"2024-01-21T14:31:13","modified_gmt":"2024-01-21T11:31:13","slug":"convert-test","status":"publish","type":"page","link":"https:\/\/digas.com.sa\/ar\/convert-test\/","title":{"rendered":"Convert Test"},"content":{"rendered":"<div id=\"gtx-trans\" style=\"position: absolute; left: 632px; top: 1.2px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"covert-page.php","meta":{"footnotes":""},"class_list":["post-1961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/pages\/1961"}],"collection":[{"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/comments?post=1961"}],"version-history":[{"count":12,"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/pages\/1961\/revisions"}],"predecessor-version":[{"id":1977,"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/pages\/1961\/revisions\/1977"}],"wp:attachment":[{"href":"https:\/\/digas.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=1961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}