yjmha Posted October 15, 2011 Share Posted October 15, 2011 Hi there, Quite new here, also quite new to JS, so pleae bear with me.What I like is a page with top frame which hold a form, with several dropdown list and one submit button,I want user to be able to set the condition by selecting the dropdown, then hit the submit button to load someexisting html page (created already). The html page should be loaded into the middle area of the page (iframe).I also need a bottom area to show some footnote, ideally should be linked to each html page loaded intothe middle area. The following code works so far. But the problem is that when my user change their screen resolution,the dropdown list or footnote area may not show properly, because the size of iframe is hardcoded. <html><head><HTML><Head><script Language=JavaScript> function Runreport() { if (document.getElementById('dropdown1').value=='A' && document.getElementById('dropdown2').value=='X') {parent.iframe.location='jstest2.html'} else if (document.getElementById('dropdown1').value=='A' && document.getElementById('dropdown2').value=='Y') {parent.iframe.location="http://www.yahoo.com"} }</SCRIPT></head><body><form name="main"> Set the filter to select the rerpot you want<br /><select name="dropdown1" style="font-size:10px"> <option value="A">A</option> <option value="B">B</option></select><select name="dropdown2" style="font-size:10px"> <option value="X">X</option> <option value="Y">Y</option></select><input type="button" style="font-size:10px" value="Get Report" name="yyy" onClick="Runreport(); return true"></form><iframe name="iframe" frameborder="" height="400px" width="100%">sadasfd</iframe><br /><p>some footnote here</P></body></html>Any idea how can I fix it? I've searched around, and found some lead, but none of them seem to work so far. Thanks YJM Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.