Linking Into An Iframe on Another Page

[drobbins]

I have a simple script that will get the NWS forecast for any zip code and it opens it in a new tab. I would like it to open in an iframe on another page with in my website. I have come close, but not quite all the way yet. This will enter the forecast in an iframe on the same page as the input form.
http://www.cavecountryweather.com/wxsearch.php

How can it load onto this page from the form on the menubar?
Also, why is the iframe not centered?

[drobbins]

After trying many things, I found the solution on another forum. 
In the menubar.php, this is input:

Code: [Select]

<p class="sideBarTitle">Forecast Search</p>
<table align="center" cellspacing="0" cellpadding="2" border="0" width="90">
<tr>
<td align="center" colspan="2">Find Your Local NWS Forecast By<br />
</td>
</tr>
<tr align="center" valign="top">
<td class="searchinput">
<form method="post" action="wxsearch.php">
<input type="text" name="where" size="11" value="City, St or Zip" onfocus="this.value='';" />
<input type="submit" name="Go2" value="Go" />
</form>

</td>
</tr>
</table>
Then on a page named wxsearch.php:

Code: [Select]

<iframe src="http://www.srh.noaa.gov/zipcity.php?inputstring=<?php echo $_POST["where"]; ?>"
       name="frame1" frameborder="0" width="700" height="1550">
  <p>Your browser does not support iframes.</p>
</iframe>This allows visitors to get any NWS forecast with out leaving my site. 

[ALITTLEweird1]

I have the code working but, now i cant get my index page to validate with it in my menu bar.


Got it to validate. Thanks for the script.

[drobbins]

Your welcome 
I noticed that the input box is a little wider than your menubar. Find this line:

Code: [Select]

<input type="text" name="where" size="11" value="City, St or Zip" onfocus="this.value='';" />
Change the size="11" to what ever width works for your site.

I should start a new thread with a better title to share this one.
Dave

[ALITTLEweird1]

Hmm.. I don't see that on my screen. Wonder If its cause Im using a higher resolution. 1280*960   

[drobbins]

It is a FF - IE thing.  Looks OK in IE, but this is what it looks like in FF. 

[ALITTLEweird1]

Oh..Ok.... Thanks for the heads up on that. I only use IE.

[drobbins]

I only use FF   I thought that validating was supposed to ensure that the page looks the same in all browsers. 

[jjmcnelly]

How do I get the forecast to appear at the top of the page instead of way down?  I am using IE.

I only use FF   I thought that validating was supposed to ensure that the page looks the same in all browsers. 

[ALITTLEweird1]

Looks good here.. Running IE8

[jjmcnelly]

Looks fine on my W7 computer using IE8, but doesn't on my XP laptop using IE....? 

Looks good here.. Running IE8

[jjmcnelly]

What code did you use to add the "NEW" Graphic.?  I am not sure exactly how to make it happen.   

It is a FF - IE thing.  Looks OK in IE, but this is what it looks like in FF. 

[ALITTLEweird1]

I have 1 pc using Win 7 and one using XP Pro.. I looked at your site with both PC's, and it looks good. The forecast is at the top of the page.

What code did you use to add the "NEW" Graphic.?  I am not sure exactly how to make it happen.  

Here's the whole script Im using in my menubar to show where I have the new.gif placed. It does validate.

Code: [Select]


<p class="sideBarTitle">Forecast Search<img src="new.gif" alt=""/></p>
<table align="center" cellspacing="0" cellpadding="2" border="0" width="90">
<tr>
<td align="center" colspan="2">Find Your Local NWS Forecast By<br />
</td>
</tr>
<tr align="center" valign="top">
<td class="searchinput">
<form method="post" action="wxsearch.php">
<input type="text" name="where" size="11" value="City, St or Zip" onfocus="this.value='';" />
<input type="submit" name="Go2" value="Go" />
</form>
</td>
</tr>
</table>




[ALITTLEweird1]

I just looked at your search forecast page on IE7, and See what your talking about it being pushed to the bottom. Try adjusting the width in these settings. I had to mess with these also.

<iframe src="http://www.srh.noaa.gov/zipcity.php?inputstring=<?php echo $_POST["where"]; ?>"
       name="frame1" frameborder="0" width="673" height="1550">
  <p>Your browser does not support iframes.</p>
</iframe>

[jjmcnelly]

Got it!!!!

Thanks

I have 1 pc using Win 7 and one using XP Pro.. I looked at your site with both PC's, and it looks good. The forecast is at the top of the page.

Here's the whole script Im using in my menubar to show where I have the new.gif placed. It does validate.

Code: [Select]


<p class="sideBarTitle">Forecast Search<img src="new.gif" alt=""/></p>
<table align="center" cellspacing="0" cellpadding="2" border="0" width="90">
<tr>
<td align="center" colspan="2">Find Your Local NWS Forecast By<br />
</td>
</tr>
<tr align="center" valign="top">
<td class="searchinput">
<form method="post" action="wxsearch.php">
<input type="text" name="where" size="11" value="City, St or Zip" onfocus="this.value='';" />
<input type="submit" name="Go2" value="Go" />
</form>
</td>
</tr>
</table>




I'll mess with it.  Thanks!

I just looked at your search forecast page on IE7, and See what your talking about it being pushed to the bottom. Try adjusting the width in these settings. I had to mess with these also.

<iframe src="http://www.srh.noaa.gov/zipcity.php?inputstring=<?php echo $_POST["where"]; ?>"
       name="frame1" frameborder="0" width="673" height="1550">
  <p>Your browser does not support iframes.</p>
</iframe>