Thank u so much for the kindly help.

Below is the index.html file, in this file we have to get the dynamic 
values from index.html page and pass it to javascript file and display pie 
chart and area graph in next page.

<!DOCTYPE html> 
<html> 
<head> 
<title>test</title> 
<meta name ="viewport" content ="width=device-width, initial-scale=1.0, 
maximum-scale=1.0"/> 
  <link rel="stylesheet" 
href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"; />
<script type="text/javascript" 
src="http://code.jquery.com/jquery-1.6.4.min.js";></script>
<script type="text/javascript" 
src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js";></script>
     </head>
<body>
 <div data-role="page" id="home" data-theme="d"><!-- Home Page Starts -->
       <a href="index.html" rel="external"><img src="images/logo.png"></a>
           <div data-role="header" class="nav-glyphish-example" 
data-theme="d">
    <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
    <ul> 
        <li> <span class="selected"><a href="#" id="input" 
data-icon="custom" class="selected">Input</a></span></li>
        <li><a href="#" id="table" data-icon="custom">Table</a></li>
        <li><a href="#" id="graph" data-icon="custom">Graph</a></li>
        <li><a href="#" id="chart" data-icon="custom">Chart</a></li>
        <li><a href="#" id="summary" data-icon="custom">Sum</a></li>
    </ul>
    </div>
</div>
      <div data-role="content" data-theme="d">
   <form name="form1" id="form1" method="">
 <div>
       <fieldset data-role="fieldcontain">
          <label for="loan">Principal :</label>
          <input type="text" name="loan" id="loan" /> 
        </fieldset>
        <fieldset data-role="fieldcontain">
          <label for="rate">Interest :</label>
          <input type="text" name="rate" id="rate" /> 
        </fieldset>
        <fieldset data-role="fieldcontain">
          <label for="year">Term (in years) :</label>
          <select name="year" id="year">
<option value="">Select the Year</option>
<option value="3">3 Years</option>
<option value="5">5 Years</option>
<option value="7">7 Years</option>
<option value="10">10 Years</option>
<option value="15">15 Years</option>
<option value="20">20 Years</option>
<option value="30">30 Years</option>
</select>
 </fieldset>
      <div id="status" class="stat"></div><br/>
        <div align="center"><img src="images/button.jpg"/>
        </div>
        </div>
        </form>
             </div>
              <p align="center"> COPYRIGHT &copy; 2011, ALL RIGHTS 
RESERVED.</p>
   </div>
     </body>
      </html>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-visualization-api/-/1LC23oqcC8cJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-visualization-api?hl=en.

Reply via email to