Question

This is my code in page html1,

      <fieldset id="bill1">
        <div style="font-size:9px" id="serviced"><b>Service :</b></div>
        <div style="font-size:9px" id="tratyped"><b>Type of Transport :</b></div>
        <div style="font-size:9px" id="custyped"><b>Type of Client</b></div>
        <div style="font-size:9px" id="datepickerd"><b>Date :</b></div>
        <div  style="font-size:9px;display:none" id="timed"><b>Time :</b></div>
        <div  style="font-size:9px" id="departured"><b>Departure Address :</b></div>
        <div style="font-size:9px" id="destinationd"><b>Arrival Address</b></div>
      </fieldset>

The innerhtml values of those divs will change at runtime.

How can I send or view these information in another page html2.

I want to be able provide the fieldset contents inside the page “html2” from “html1”, which is included (include ‘html2’) into the “php1” page.

Please help me with the coding or just give your suggestions, I will try to code it myself.

Thanks!

Edit…………

Inside fare.html

     <fieldset id="bill2" style="padding-top:0">
        <div style="font-size:9px" id="passengerd"><b>No. of Passengers :</b></div>
        <div style="font-size:9px" id="shairwelld"><b>No. of Chariwells :</b></div>
        <div style="font-size:9px" id="babycd"><b>No. of Baby Chairs :</b></div>
        <div style="font-size:9px" id="companiond"><b>No. of Companions :</b></div>
     </fieldset>

In pay.html

     <fieldset id="bill2">
     </fieldset>

I used the jquery code inside head tag as

<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#bill2').load('/fare.html #bill2')
})
</script>

The above code works…

It loads the default content of the fieldset. But not loading the values produced during run time. Is there any way to fix this?

Thanks!

Answer 1

With jQuery you can use .load() method:

$(document).ready(function(){
    $('#bill2').load('/html1.html #bill2')
})

Where #bill2 is the id of fieldset from html2.html in which you want to load fieldset #bill2 from html1.html