Solved

How to target separate iframes from same page???

Posted on 2003-11-05
3
238 Views
Last Modified: 2012-08-14
I've got an application I need more help with.  The thing has gotten so complicated I can't include code but, you can see it at:

http://test.c-b.com/brazos/getDataQuery.asp

It has two iframes - the left one named map and the right one name data.  Up until an hour ago, all data selected from the drop downs and popups was going to the data frame.  Life was good.  

Now I need to send the two halves to their respective iframes - that is the items selected from the drop list needs to go to the 'map' iframe on the left and the selections from the popups need to go to the 'data' iframe on the right.  The left side uses the onChange event to kick things off and the right uses the submit button.

Currently it's all one big form and if I create separate forms for each piece, the right had side quits working altogether when I popup one of the windows.  I've tried changing some things around but don't understand totally how it all works -  it's a combination of that I got here from fritz_the_blank and devic.  But, when I fix one thing, I break something else so, I turned here rather than totally screw it all up.

Is it better to have 2 separate forms with separate actions and targets or ???????

The code for the 2 iframe pages follows.  As always, thanks very much in advance....  Hope it all makes sense.

frameMap.asp
*************************************
<html>
<head>
<title>Untitled</title>
</head>

<body>
<div>
test page for the map
</div>
</body>
</html>


frameData.asp
*******************************
<%
agency = request.form("strPassedAgency")
param = request.form("strPassedParam")
samples = request.form("strPassedSamples")
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<LINK REL="StyleSheet" HREF="./brazosRiver.css" type="text/css">
<style type="text/css">
body {background:#f9f9f9;}
</style>
</head>

<body>
<table width="625" height="410" >
<%if len(request.form("submitQuery")) > 0 then%>
<tr><td>submit = <%=request.form("submitQuery")%></td></tr>
<tr><td>Display database results here</td></tr>
<%else%>
<tr><td>submit = <%=request.form("submitQuery")%></td></tr>
<tr><td>Display map changes only</td></tr>
<%end if%>
<tr>
<td>
<%
response.write "agency = " & agency & "<br />"
response.write "params = " & param & "<br />"
response.write "samples = " & samples & "<p />"
%>
</td>
</tr>
</table>

</body>
</html>
0
Comment
Question by:saabStory
  • 2
3 Comments
 
LVL 25

Expert Comment

by:devic
Comment Utility
hi saabStory,

you can use one form and dynamic change action and target, but i think better to use 2 forms.
0
 
LVL 25

Accepted Solution

by:
devic earned 500 total points
Comment Utility
saabStory, i sad better 2 forms, and i did with 1 form ;)


try this:
================================


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html lang="en">
<head>
<script language="JavaScript1.2" type="text/javascript" src="includes/i_jsScripts.js"></script>
<SCRIPT LANGUAGE="JavaScript"> window.name = "main"; </SCRIPT>
<LINK REL="StyleSheet" HREF="brazosRiver.css" type="text/css">
      <title>How to get Data</title>
<script>
function ActionTarget(faction,ftarget)
{
      document.form1.action=faction;
      document.form1.target=ftarget;
}
</script>
</head>

<body>
<div id="wrap">


<div id="header">
      <div ><img src="images/pageHeaderTop.jpg" width="970" height="50" alt="Brazos River Watershed Information Center page header graphic" /></div>
      <div id="greenLine"><img src="images/pageHeaderMiddle.jpg" width="970" height="1" alt="" /></div>
      <div ><img src="images/pageHeaderBottom.jpg" width="970" height="22" alt="" /></div>
      <div id="orangeLine"><img src="images/clear.gif" width="1" height="3" alt="" /></div>
      <div id="navigation">

<script language="JavaScript1.2" type="text/javascript">dqm__codebase = "menu/script/" //script folder location</script>
<script language="JavaScript1.2" type="text/javascript" src="menu/data.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="menu/script/dqm_loader.js"></script>
<table cellspacing="0">
  <tr>
            <td><img src="images/menu/menu_Spacer.gif" width="13" height="22" alt="" /></td>
            
            <td><a href="./"><img src="images/menu/home_Off.gif" width="51" height="22" name="menu0" id="menu0" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Home page" /></a></td>
            
            <td><img src="images/menu/menu_Divider.gif" width="1" height="22" alt="|" /></td>
            
            <td><a href="watershed.asp"><img src="images/menu/aboutWatersheds_Off.gif" width="120" height="22" name="menu1" id="menu1" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Information about watersheds" /></a></td>
            
            <td><img src="images/menu/menu_Divider.gif" width="1" height="22" alt="|" /></td>
            
            <td><a href="aboutData.asp"><img src="images/menu/aboutData_Off.gif" width="82" height="22" name="menu2" id="menu2" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="About the data" /></a></td>
            
            <td><img src="images/menu/menu_Divider.gif" width="1" height="22" alt="|" /></td>
            
            <td><a href="getDataQuery.asp"><img src="images/menu/getData_Off.gif" width="67" height="22" name="menu3" id="menu3" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="How to get data" /></a></td>
            
            <td><img src="images/menu/menu_Divider.gif" width="1" height="22" alt="|" /></td>
            
            <td><a href="contributors.asp"><img src="images/menu/contributors_Off.gif" width="88" height="22" name="menu4" id="menu4" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Contributors" /></a></td>
            
            <td><img src="images/menu/menu_Divider.gif" width="1" height="22" alt="|" /></td>
            
            <td><a href="resources.asp"><img src="images/menu/resources_Off.gif" width="76" height="22" name="menu5" id="menu5" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Resources" /></a></td>
            
            <td><img src="images/menu/menu_Divider.gif" width="1" height="22" alt="|" /></td>
            
            <td><a href="instructions.asp"><img src="images/menu/instructions_Off.gif" width="83" height="22" name="menu6" id="menu6" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Instructions" /></a></td>
            
            <td><img src="images/menu/menu_Divider.gif" width="1" height="22" alt="|" /></td>
            
            <td><a href="contactUs.asp"><img src="images/menu/contactUs_Off.gif" width="85" height="22" name="menu7" id="menu7" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Contact us" /></a></td>
            
            <td><img src="images/brazosRiverAuthority.gif" width="180" height="22" alt="" /></td>
            <td width="100%"><img src="images/clear.gif" width="1" height="22" alt="" /></td>
  </tr>
</table>
<!--
<table cellspacing="0">
      <tr >
            
            <td><img src="images/menu/subMenu_Spacer.gif" width="13" height-"16" alt="" /></td>
            <td>
<img src="images/menu/aboutWatersheds_SubWatersheds_Off.gif" width="117" height="17" name="menu8" id="menu8" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Information about watersheds" /><img src="images/menu/subMenu_Divider.gif" width="1" height="17" alt="|" /><img src="images/menu/aboutWatersheds_SubBosqueLeon_Off.gif" width="200" height="17" name="menu9" id="menu9" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="North Bosque & Leon River Watersheds" /><img src="images/menu/subMenu_Divider.gif" width="1" height="17" alt="|" /><img src="images/menu/aboutWatersheds_SubPrimer_Off.gif" width="112" height="17" name="menu10" id="menu10" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="North Bosque & Leon River Watersheds" /><img src="images/menu/subMenu_Divider.gif" width="1" height="17" alt="|" /><img src="images/menu/aboutWatersheds_SubGlossary_Off.gif" width="109" height="17" name="menu11" id="menu11" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="North Bosque & Leon River Watersheds" /></td>
            
            <td><img src="images/menu/subMenu_Spacer.gif" width="13" height="17" alt="" /></td>
            <td>
                  <a href=""><img src="images/menu/aboutData_SubQualityData_Off.gif" width="78" height="17" name="menu13" id="menu13" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Water Quality Data" /></a><img src="images/menu/subMenu_Divider.gif" width="1" height="17" alt="|" /><img src="images/menu/aboutData_SubQuantityData_Off.gif" width="84" height="17"  name="menu14" id="menu14" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Water Quantity Data" /><img src="images/menu/subMenu_Divider.gif" width="1" height="17" alt="|" /><img src="images/menu/aboutData_SubStations_Off.gif" width="101" height="17" name="menu15" id="menu15" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Sampling Stations" /><img src="images/menu/subMenu_Divider.gif" width="1" height="17" alt="|" /><img src="images/menu/aboutData_SubSegments_Off.gif" width="89" height="17" name="menu16" id="menu16" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Segments" /><img src="images/menu/subMenu_Divider.gif" width="1" height="17" alt="|" /><img src="images/menu/aboutData_SubDataQuality_Off.gif" width="88" height="17" name="menu17" id="menu17" onmouseover="showMenu(event)" onmouseout="hideMenu(event)" alt="Data Quality" />
            </td>
            
            
            <td><img src="images/clear.gif" width="1" height="17" alt="" /></td>
            
            <td width="100%"><img src="images/clear.gif" width="1" height="17" alt="" /></td>
      </tr>
</table>
-->
      

<table cellspacing="0">
      <tr id="subMenu">
      <!--** WATERSHEDS MENU START **-->
      
      <!--** ABOUTDATA MENU END **-->
            <td class="subMenuWhite" width="100%"><img src="images/clear.gif" width="1" height="17" alt="" /></td>
      </tr>
</table>
</div>
</div>

<form name="form1" id="form1" method="POST" action="frameData.asp" target="data">
<table cellspacing="0">
      <tr>
            <td>
            <div class="contentLeftMap">
                  <img src="images/mapHeaderBar.jpg" width="330" height="16" alt="" />
                  <iframe frameborder="0" height="280" marginheight="0" marginwidth="0" id="map" name="map" width="330" src="map.asp" scrolling="No"></iframe>
            </div>
            <div class="selectCriteria">
                  <select class="selectBy" name="stationName" id="stationName" onChange="reSelect(this);ActionTarget('map.asp','map');form1.submit();">
                        <option value="">Select stations in watershed</option>
                        <option value="leonRiver" >Leon River Watershed</option>
                        <option value="northBosque">North Bosque River Watershed</option>
                  </select>
                  <select class="selectBy" name="streamSegment" id="streamSegment" onChange="reSelect(this);ActionTarget('map.asp','map');form1.submit();">
                        <option value="">Select stations along stream segment</option>
                        
                        <option value="1221">1221 -- Upper Watershed of the Brazos River</option>
                        
                        <option value="1222">1222 -- Upper Watershed of the Brazos River</option>
                        
                        <option value="1222C">1222C -- Upper Watershed of the Brazos River</option>
                        
                        <option value="1223">1223 -- Upper Watershed of the Brazos River</option>
                        
                        <option value="1224">1224 -- Upper Watershed of the Brazos River</option>
                        
                        <option value="1225">1225 -- Leon River Watershed</option>
                        
                        <option value="1226">1226 -- Leon River Watershed</option>
                        
                        <option value="1226A">1226A -- Leon River Watershed</option>
                        
                        <option value="1226B">1226B -- Leon River Watershed</option>
                        
                        <option value="1226D">1226D -- Leon River Watershed</option>
                        
                        <option value="1246">1246 -- Leon River Watershed</option>
                        
                        <option value="1255">1255 -- Leon River Watershed</option>
                        

                  </select>
                  <select class="selectBy" name="stationZip" id="stationZip" onChange="reSelect(this);ActionTarget('map.asp','map');form1.submit();">
                        <option value="">Select stations by zip code</option>
                        
                        <option value="76401">76401</option>
                        
                        <option value="76442">76442</option>
                        
                        <option value="76444">76444</option>
                        
                        <option value="76446">76446</option>
                        
                        <option value="76448">76448</option>
                        
                        <option value="76455">76455</option>
                        
                        <option value="76457">76457</option>
                        
                        <option value="76526">76526</option>
                        
                        <option value="76528">76528</option>
                        
                        <option value="76531">76531</option>
                        
                        <option value="76634">76634</option>
                        
                        <option value="76638">76638</option>
                        
                        <option value="76649">76649</option>
                        
                        <option value="76657">76657</option>
                        
                        <option value="76665">76665</option>
                        
                        <option value="76689">76689</option>
                        
                        <option value="76712">76712</option>
                        
                  </select>
                  <select class="selectBy" name="stationID" id="stationID" onChange="reSelect(this);ActionTarget('map.asp','map');form1.submit();" style="margin-bottom:5px;">
                        <option value="">Select stations by ID</option>
                        
                        <option value="11810">11810</option>
                        
                        <option value="11826">11826</option>
                        
                        <option value="11954">11954</option>
                        
                        <option value="11956">11956</option>
                        
                        <option value="11958">11958</option>
                        
                        <option value="11960">11960</option>
                        
                        <option value="11961">11961</option>
                        
                        <option value="11963">11963</option>
                        
                        <option value="12093">12093</option>
                        
                        <option value="12094">12094</option>
                        
                        <option value="13486">13486</option>
                        
                        <option value="14382">14382</option>
                        
                        <option value="14908">14908</option>
                        
                        <option value="15123">15123</option>
                        
                        <option value="17212">17212</option>
                        
                        <option value="17213">17213</option>
                        
                        <option value="17214">17214</option>
                        
                        <option value="17215">17215</option>
                        
                        <option value="17216">17216</option>
                        
                        <option value="17217">17217</option>
                        
                        <option value="17218">17218</option>
                        
                        <option value="17219">17219</option>
                        
                        <option value="17220">17220</option>
                        
                        <option value="17221">17221</option>
                        
                        <option value="17222">17222</option>
                        
                        <option value="17223">17223</option>
                        
                        <option value="17224">17224</option>
                        
                        <option value="17226">17226</option>
                        
                        <option value="17227">17227</option>
                        
                        <option value="17228">17228</option>
                        
                        <option value="17229">17229</option>
                        
                        <option value="17232">17232</option>
                        
                        <option value="17233">17233</option>
                        
                        <option value="17234">17234</option>
                        
                        <option value="17235">17235</option>
                        
                        <option value="17236">17236</option>
                        
                        <option value="17237">17237</option>
                        
                        <option value="17238">17238</option>
                        
                        <option value="17239">17239</option>
                        
                        <option value="17240">17240</option>
                        
                        <option value="17241">17241</option>
                        
                        <option value="17242">17242</option>
                        
                        <option value="17243">17243</option>
                        
                        <option value="17413">17413</option>
                        
                        <option value="17602">17602</option>
                        
                        <option value="17603">17603</option>
                        
                        <option value="17604">17604</option>
                        
                        <option value="17605">17605</option>
                        
                        <option value="17606">17606</option>
                        
                        <option value="17607">17607</option>
                        
                        <option value="17608">17608</option>
                        
                        <option value="17609">17609</option>
                        
                        <option value="17610">17610</option>
                        
                        <option value="17611">17611</option>
                        
                        <option value="17612">17612</option>
                        
                        <option value="315814098291201">315814098291201</option>
                        
                        <option value="315823098282801">315823098282801</option>
                        
                        <option value="315832098302301">315832098302301</option>
                        
                        <option value="315837098314201">315837098314201</option>
                        
                        <option value="315924098285501">315924098285501</option>
                        
                        <option value="315943098273101">315943098273101</option>
                        
                        <option value="320040098293501">320040098293501</option>
                        
                        <option value="8094800">8094800</option>
                        
                        <option value="8095000">8095000</option>
                        
                        <option value="8095200">8095200</option>
                        
                        <option value="8099000">8099000</option>
                        
                        <option value="8099100">8099100</option>
                        
                        <option value="8099300">8099300</option>
                        
                        <option value="8099400">8099400</option>
                        
                        <option value="8099500">8099500</option>
                        
                        <option value="8100500">8100500</option>
                        
                        <option value="BREC14">BREC14</option>
                        
                        <option value="BREC15">BREC15</option>
                        
                        <option value="WACO1">WACO1</option>
                        
                        <option value="WACO2">WACO2</option>
                        
                        <option value="WACO3">WACO3</option>
                        
                        <option value="WACO4">WACO4</option>
                        
                        <option value="WACO5">WACO5</option>
                        
                        <option value="WACO6">WACO6</option>
                        
                        <option value="WACO7">WACO7</option>
                        
                        <option value="WACO8">WACO8</option>
                        
                  </select>
            </div>
            <div class="currentSettingHeader">Current Setting:&nbsp;&nbsp;<input class="searchCriteria" type="text" name="currentSetting" id="currentSetting" value="All Stations" />      </div>
            </td>
            <td class="contentRight">
            <div id="dataWrap">
                  <div class="dataFrameHeader"><a href="frameData.asp" onmouseover="image1.src='images/getDataFullPage_On.jpg';" onmouseout="image1.src='images/getDataFullPage.jpg';""><img src="images/getDataFullPage.jpg" name="image1" width="59" height="15" border="0" alt="Display data on full page" /></a><img src="images/getDataDivider.jpg" with="1" height="15"><a href="" onmouseover="image2.src='images/getDataPrint_On.jpg';" onmouseout="image2.src='images/getDataPrint.jpg';""><img src="images/getDataPrint.jpg" name="image2" width="37" height="15" border="0" alt="Print data" /></a><img src="images/getDataDivider.jpg" with="1" height="15"><a href="" onmouseover="image3.src='images/getDataChart_On.jpg';" onmouseout="image3.src='images/getDataChart.jpg';""><img src="images/getDataChart.jpg" name="image3" width="41" height="15" border="0" alt="Create data chart" /></a><img src="images/getDataDivider.jpg" with="1" height="15"><a href="" onmouseover="image4.src='images/getDataExport_On.jpg';" onmouseout="image4.src='images/getDataExport.jpg';""><img src="images/getDataExport.jpg" name="image4" width="84" height="15" border="0" alt="Create data chart" /></a><img src="images/getDataDivider_Long.jpg" with="451" height="15"><a href="" onmouseover="image5.src='images/getDataNext_On.jpg';" onmouseout="image5.src='images/getDataNext.jpg';""><img src="images/getDataNext.jpg" name="image5" width="55" height="15" border="0" alt="View next 12 records" /></a></div>
                  <div id="orangeLine"><img src="images/clear.gif" width="1" height="2" alt="" /></div>
                        <div><img src="images/dataHeaderSpacerBar.jpg" width="630" height="10" alt="" /></div>
                                    <div id="dataFrame"><img src="images/dataSideBarL.jpg" width="10" height="260" alt="" /></div>
                              <div id="dataFrame"><iframe frameborder="0" height="260" width="610" id="data" name="data" marginheight="0" marginwidth="0" scrolling="Yes" src="frameData.asp"></iframe></div>
                              <div id="dataFrame"><img src="images/dataSideBarR.jpg" width="10" height="260" alt="" /></div>
                              <div style="height:10px;"><img src="images/dataFooterBar.jpg" width="630" height="10" alt="" /></div>

            </div>
<!--



                        <div id="dataFrame" style="width:10px;background:rgb(85% 85% 95%);"><img src="images/clear.gif" width="10" height="270" alt="" /></div>
                        <div id="dataFrame"><iframe frameborder="0" height="270" width="610" id="data" name="data" marginheight="0" marginwidth="0" scrolling="Auto" src="frameData.asp"></iframe></div>
                        <div id="dataFrame" style="width:10px;background:rgb(85% 85% 95%);"><img src="images/clear.gif" width="25" height="270" alt="" /></div>

-->

                  <div class="searchCriteriaBox" style="margin:15px 0 0 0;">
                  <table cellspacing="0">
                        <th class="searchCriteriaHeader" style="padding-left:5px;">Search Criteria</th>
                        <th class="searchCriteriaHeader" style="padding-left:10px;">Current Settings</th>
                        <tr>
                              <td class="searchCriteriaFrameLeft"><a href="selectAgencies.asp" onClick="popUpLeft(this.href,'selectAgencies','295','300','no');return false;">Agencies</a></td>
                              <td class="searchCriteriaFrameRight"><input type="text" class="searchCriteria" name="agencies" value="All"></td>
                        </tr>
                        <tr>
                              <td class="searchCriteriaFrameLeft" style="border-top:0;"><a href="selectDateRange.asp" onClick="popUpLeft(this.href,'selectAgencies','305','325','yes');return false;">Date Range</a></td>
                              <td class="searchCriteriaFrameRight" style="border-top:0;"><input type="text" class="searchCriteria" name="events" value="Most recent event"></td>
                        </tr>
                        <tr>
                              <td class="searchCriteriaFrameLeft" style="border-top:0;"><a href="selectParameters.asp" onClick="popUpLeft(this.href,'selectAgencies','325','400','yes');return false;">Parameters</a></td>
                              <td class="searchCriteriaFrameRight" style="border-top:0;"><input type="text" class="searchCriteria" name="parameters" value="Top 5"></td>
                        </tr>
                        <tr>
                              <td class="searchCriteriaFrameLeft" style="border-top:0;border-bottom:2px solid #AFC8CD;"><a href="selectSampleType.asp" onClick="popUpLeft(this.href,'selectAgencies','275','275','no');return false;">Sample Type</a></td>
                              <td class="searchCriteriaFrameRight" style="border-top:0;border-bottom:2px solid #AFC8CD;"><input type="text" class="searchCriteria" name="samples" value="All"></td>
                        </tr>
                  </table>

                  </div>
                  <div class="searchGetData">
                  <br />
                  <input class="getDataButton" type="submit" name="submitQuery" id="submitQuery" value="Get Data" onClick="ActionTarget('frameData.asp','data');checkWindow();">
                  <br />
                  <input class="getDataButton" type="button" value = "Start Over" onClick="location.replace('getData.asp');">
                  <div class="searchInstructions"><a href="">Search Instructions</a></div>
                  <div class="searchInstructions"><a href="">Standard Reports</a></div>
                  </div>
                  <div id="testingData">
                  <table cellspacing="0" width="400" style="border-collapse:collapse;">
                        <tr>
                              <td class="testing" width="150">Passed Agency Values&nbsp;</td>
                              <td style=" border:2px solid #cccccc; padding:3px 4px 3px;width:250px;"><INPUT class="testingForm" type="text" id=text1 name=strPassedAgency value="All"></td>
                        </tr>
                        <tr>
                              <td class="testing">Passed Parameter Values&nbsp;</td>
                              <td style=" border:2px solid #cccccc; padding:3px 4px 3px;width:250px;"><INPUT class="testingForm" type="text" id=text2 name=strPassedParam value="Top 5"></td>
                        </tr>
                        <tr>
                              <td class="testing">Passed Sample Values&nbsp;</td>
                              <td style=" border:2px solid #cccccc; padding:3px 4px 3px;width:250px;"><INPUT class="testingForm" type="text" id=text3 name=strPassedSamples value="All"></td>
                        </tr>
                        <tr>
                              <Td><img src="images/clear.gif" width="160" height="1"></TD>
                        </tr>
                  </table>
                  </div>

            </td>
      </tr>
</table>
</div>
</form>
<div id="footer">
      <div id="copyright">&copy;&nbsp;2003&nbsp;xxxxxx</div>
      <div><a href="disclaimer.asp" class="textLink" onClick="popUp(this.href,'disclaimer','400','550');return false;">Disclaimer</a>&nbsp;|&nbsp;<a href="siteRequirements.asp" class="textLink" onClick="popUp(this.href,'siteRequirements','400','550');return false;">Site Requirements</a></div>
      <div>
            <a href="http://www.tceq.state.tx.us" target="_new" class="textLink">Texas Commission on Environmental Quality</a>&nbsp;|&nbsp;
            <a href="http://www.brazos.org" target="_new" class="textLink">Brazos River Authority</a>&nbsp;|&nbsp;
            <a href="http://www.brc.tamus.edu/blackland/" target="_new" class="textLink">Blackland Research and Extension Center</a>
            <br />
            &nbsp;<a href="http://tiaer6.tarleton.edu" target="_new" class="textLink">Texas Institute for Applied Environmental Research</a>&nbsp;|&nbsp;
            <a href="http://www.usgs.gov" target="_new" class="textLink">United States Geological Survey</a>
      </div>
</div>


</body>
</html>
0
 

Author Comment

by:saabStory
Comment Utility
Beauty!  Once again, you're a livesaver!  And I'm learning a lot about javascript!!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now