search information Snippet

Question

j_limboo 0 Junior Poster in Training

15 Years Ago

Hi need help the search information has to be in Snippet in the UI
when clicked the whole table has to come up, untill then what user experience is snippet
Any javascript codefor this?

</table>

<p>&nbsp;</p>
<table bgcolor="#CB344F" cellpadding="0" cellspacing="0" align="left">
<tr>
<td align="left">
<p>Search Information</p><br/>
<form action="pst.php" method="GET">
First Name:<br/>
<input type="text" name="f" style="width:150px;"><br/>
Last Name:<br/>
<input type="text" name="l" style="width:150px;"><br/>
Company <br/>
<input type="text" name="co" style="width:150px;"><br/>
Skill:<br/>
<input type="text" name="s" style="width:150px;"><br/>
Email: <br/>
<input type="text" name="e" style="width:150px;"><br/>
State: <br/>
<select name="pl" style="width:150px">
                 <option value="">Search By Location</option>
  <option value="">Anywhere</option>
                        <option value="AL OR Alabama">Alabama</option>
                        <option value="AK OR Alaska">Alaska</option>
                        <option value="AR OR Arkansas">Arkansas</option>
                        <option value="AZ OR Arizona">Arizona</option>
                        <option value="CA OR California">California</option>
                        <option value="CO OR Colorado">Colorado</option>
                        <option value="CT OR Connecticut">Connecticut</option>
                        <option value="DE OR Delaware">Delaware</option>
                        <option value="FL OR Florida">Florida</option>
                        <option value="GA OR Georgia">Georgia</option>
                        <option value="HI OR Hawaii">Hawaii</option>
                        <option value="IA OR Iowa">Iowa</option>
                        <option value="ID OR Idaho">Idaho</option>
                        <option value="IL OR Illinois">Illinois</option>
                        <option value="IN OR Indiana">Indiana</option>
                        <option value="KS OR Kansas">Kansas</option>
                        <option value="KY OR Kentucky">Kentucky</option>
                        <option value="LA OR Louisiana">Louisiana</option>
                        <option value="MA OR Massachusetts">Massachusetts</option>
                        <option value="MD OR Maryland">Maryland</option>
                        <option value="ME OR Maine">Maine</option>
                        <option value="MI OR Michigan">Michigan</option>
                        <option value="MN OR Minnesota">Minnesota</option>
                        <option value="MO OR Missouri">Missouri</option>
                        <option value="MS OR Mississippi">Mississippi</option>
                        <option value="MT OR Montana">Montana</option>
                        <option value="NC OR 'North Carolina'">North Carolina</option>
                        <option value="ND OR 'North Dakota'">North Dakota</option>
                        <option value="NE OR Nebraska">Nebraska</option>
                        <option value="NH OR 'New Hampshire'">New Hampshire</option>
                        <option value="NJ OR 'New Jersey'">New Jersey</option>
                        <option value="NM OR 'New Mexico'">New Mexico</option>
                        <option value="NV OR Nevada">Nevada</option>
                        <option value="NY OR 'New York'">New York</option>
                        <option value="OH OR Ohio">Ohio</option>
                        <option value="OK OR Oklahoma">Oklahoma</option>
                        <option value="OR OR Oregon">Oregon</option>
                        <option value="PA OR Pennsylvania">Pennsylvania</option>
                        <option value="RI OR 'Rhode Island'">Rhode Island</option>
                        <option value="SC OR 'South Carolina'">South Carolina</option>
                        <option value="SD OR 'South Dakota'">South Dakota</option>
                        <option value="TN OR Tennessee">Tennessee</option>
                        <option value="TX OR Texas">Texas</option>
                        <option value="UT OR Utah">Utah</option>
                        <option value="VA OR Virginia">Virginia</option>
                        <option value="VT OR Vermont">Vermont</option>
                        <option value="WA OR Washington">Washington</option>
                        <option value="WI OR Wisconsin">Wisconsin</option>
                        <option value="WV OR 'West Virginia'">West Virginia</option>
                        <option value="WY OR Wyoming">Wyoming</option>

                  </select>

 <input type="submit" value="Search"><br/>

javascript

1 Contributor
1 Reply
86 Views
1 Day Discussion Span
Latest Post 15 Years Ago Latest Post by j_limboo

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

j_limboo 0 Junior Poster in Training · Answer 1 · 2009-09-24T23:54:06+00:00

anyone have advice to it

here is what ii have for now
gives a snipp UI view
but not satisfactory
when i off the mouse it should go of, when i am typing it should remain

with the current code it still displays
i have tried onmouse
but on click it dissapears

here is the code
Please let me know the sophisticated way

<html>
<head>
<STYLE TYPE="text/css">

#menu1 { display : none }
#menu2 { display : none }
#menu3 { display : none }

A:link {color:black; text-decoration:none}
A:hover {color:blue; text-decoration:underline}

</STYLE> 

<Title> PureSearch </Title>
</head>
<Body bgcolor="#000000">
<SPAN onClick="document.all.menu1.style.display = 'block'"
onClick="document.all.menu1.style.display = 'block'">
<h2><p style="color:#FF3"> Search Resumes </p></h2>
</SPAN>


<form action="tst.php" method="GET">
<SPAN ID="menu1" onDblClick="document.all.menu1.style.display = 'none'">
<table bgcolor="#CB344F" cellpadding="0" cellspacing="0">
<tr>
<td>


Search By Skills: 
<input type="text" name="q" style="width:210px;">
<br/>
<p></p>


ZipCode: <input type="text" name="z" style="width:210px;"><br/>
<p></p>

                 <select name="state" style="width:210px">
                 <option value="">Search By Location</option>
  <option value="">Anywhere</option>
                        <option value="AL OR Alabama">Alabama</option>
                        <option value="AK OR Alaska">Alaska</option>
                        <option value="AR OR Arkansas">Arkansas</option>
                        <option value="AZ OR Arizona">Arizona</option>
                        <option value="CA OR California">California</option>
                        <option value="CO OR Colorado">Colorado</option>
                        <option value="CT OR Connecticut">Connecticut</option>
                        <option value="DE OR Delaware">Delaware</option>
                        <option value="FL OR Florida">Florida</option>
                        <option value="GA OR Georgia">Georgia</option>
                        <option value="HI OR Hawaii">Hawaii</option>
                        <option value="IA OR Iowa">Iowa</option>
                        <option value="ID OR Idaho">Idaho</option>
                        <option value="IL OR Illinois">Illinois</option>
                        <option value="IN OR Indiana">Indiana</option>
                        <option value="KS OR Kansas">Kansas</option>
                        <option value="KY OR Kentucky">Kentucky</option>
                        <option value="LA OR Louisiana">Louisiana</option>
                        <option value="MA OR Massachusetts">Massachusetts</option>
                        <option value="MD OR Maryland">Maryland</option>
                        <option value="ME OR Maine">Maine</option>
                        <option value="MI OR Michigan">Michigan</option>
                        <option value="MN OR Minnesota">Minnesota</option>
                        <option value="MO OR Missouri">Missouri</option>
                        <option value="MS OR Mississippi">Mississippi</option>
                        <option value="MT OR Montana">Montana</option>
                        <option value="NC OR 'North Carolina'">North Carolina</option>
                        <option value="ND OR 'North Dakota'">North Dakota</option>
                        <option value="NE OR Nebraska">Nebraska</option>
                        <option value="NH OR 'New Hampshire'">New Hampshire</option>
                        <option value="NJ OR 'New Jersey'">New Jersey</option>
                        <option value="NM OR 'New Mexico'">New Mexico</option>
                        <option value="NV OR Nevada">Nevada</option>
                        <option value="NY OR 'New York'">New York</option>
                        <option value="OH OR Ohio">Ohio</option>
                        <option value="OK OR Oklahoma">Oklahoma</option>
                        <option value="OR OR Oregon">Oregon</option>
                        <option value="PA OR Pennsylvania">Pennsylvania</option>
                        <option value="RI OR 'Rhode Island'">Rhode Island</option>
                        <option value="SC OR 'South Carolina'">South Carolina</option>
                        <option value="SD OR 'South Dakota'">South Dakota</option>
                        <option value="TN OR Tennessee">Tennessee</option>
                        <option value="TX OR Texas">Texas</option>
                        <option value="UT OR Utah">Utah</option>
                        <option value="VA OR Virginia">Virginia</option>
                        <option value="VT OR Vermont">Vermont</option>
                        <option value="WA OR Washington">Washington</option>
                        <option value="WI OR Wisconsin">Wisconsin</option>
                        <option value="WV OR 'West Virginia'">West Virginia</option>
                        <option value="WY OR Wyoming">Wyoming</option>

                  </select><br/>
         <p></p>
      
                  <select name="link" style="width:210px"> 
                 <option value=""> LinkedIn Search Location</option>
                  <option value="">Anywhere</option>
                         <option value="Alaska Area">Alaska Area</option>
                         <option value="Alabama Area">Alabama Area</option>
                         <option value="Arizona Area">Arizona Area</option>
                         <option value="Arkansas Area">Arkansas Area</option>
                         <option value="California Area">California Area</option>
                         <option value="Connecticut Area">Connecticut Area</option>
                         <option value="Colorado Area">Colorado Area</option>
                         <option value="Delaware Area">Delaware Area</option>
                         <option value="Florida Area">Florida Area</option>
                         <option value="Fort Worth Area">Fort Worth Area</option>
                         <option value="Georgia Area">Georgia Area</option>
                         <option value="Greater Atlanta Area">Greater Atlanta Area</option>
                         <option value="Greater Boston Area">Greater Boston Area</option>
                         <option value="Greater Chicago Area">Greater Chicago Area</option>
                         <option value="Greater Milwaukee Area">Greater Milwaukee Area</option>
                         <option value="Greater New York City Area">Greater New York City Area</option>
                         <option value="Greater Los Angeles Area">Greater Los Angeles Area</option>
                         <option value="Greater Philadelphia Area">Greater Philadelphia Area</option>
                         <option value="Greater Pittsburgh Area">Greater Pittsburgh Area</option>
                         <option value="Greater San Diego Area">Greater San Diego Area</option>
                         <option value="Greater Seattle Area">Greater Seattle Area</option>
                         <option value="Idaho Area">Idaho Area</option>
                         <option value="Illinois Area">Illinois Area</option>
                         <option value="Indiana Area">Indiana Area</option>
                         <option value="Iowa Area">Iowa Area</option>
                         <option value="Kansas Area">Kansas Area</option>
                         <option value="Kentucky Area">Kentucky Area</option>
                         <option value="Louisiana Area">Louisiana Area</option>
                         <option value="Maine Area">Maine Area</option>
                         <option value="Maryland Area">Maryland Area</option>
                         <option value="Massachusetts Area">Massachusetts Area</option>
                         <option value="Michigan Area">Michigan Area</option>
                         <option value="Minnesota Area">Minnesota Area</option>
                         <option value="Mississippi Area">Mississippi Area</option>
                         <option value="Missouri Area">Missouri Area</option>
                         <option value="Montana Area">Montana Area</option>
                         <option value="Nebraska Area">Nebraska Area</option>
                         <option value="Nevada Area">Nevada Area</option>
                         <option value="New Jersey Area">New Jersey Area</option>
                         <option value="New Mexico Area">New Mexico Area</option>
                         <option value="North Carolina Area">North Carolina Area</option>
                         <option value="North Dakota Area">North Dakota Area</option>
                         <option value="Ohio Area">Ohio Area</option>
                         <option value="Oklahoma Area">Oklahoma Area</option>
                         <option value="Oregon Area">Oregon Area</option>
                         <option value="Pennsylvania Area">Pennsylvania Area</option>
                         <option value="Rhode Island Area">Rhode Island Area</option>
                         <option value="San Francisco Bay Area">San Francisco Bay Area</option>
                         <option value="South Carolina Area">South Carolina Area</option>
                         <option value="South Dakota Area">South Dakota Area</option>
                         <option value="Tennessee Area">Tennessee Area</option>
                         <option value="Texas Area">Texas Area</option>
                         <option value="Utah Area">Utah Area</option>
                         <option value="Vermont Area">Vermont Area</option>
                         <option value="Virginia Area">Virginia Area</option>
                         <option value="Washington Area">Washington Area</option>
                         <option value="Washington D.C. Metro Area">Washington D.C. Metro Area</option>
                         <option value="West Virginia Area">West Virginia Area</option>
                         <option value="Wisconsin Area">Wisconsin Area</option>
                         </select>
                           
  <input type="submit" value="Search"> <br/>
          </form>
         
         
 
<input type="button" value="Back To Results" onClick="history.go(-1);">
 
</td>
</tr>
</table>

  </SPAN>
  
  <SPAN onClick="document.all.menu2.style.display = 'block'"
onClick="document.all.menu2.style.display = 'block'">
<h2><p style="color:#FF3"> Name Phone Email </p></h2>

</SPAN>
<form action="pst.php" method="GET">

<SPAN ID="menu2" onDblClick="document.all.menu2.style.display = 'none'">
<table bgcolor="#CB344F" cellpadding="0" cellspacing="0" align="left" >
<tr>
<td align="left">
First Name:<br/>
<input type="text" name="f" style="width:150px;"><br/>
Last Name:<br/>
<input type="text" name="l" style="width:150px;"><br/>
Company <br/>
<input type="text" name="co" style="width:150px;"><br/>
Skill:<br/>
<input type="text" name="s" style="width:150px;"><br/>
Email: <br/>
<input type="text" name="e" style="width:150px;"><br/>
State: <br/>
<select name="pl" style="width:150px">
                 <option value="">Search By Location</option>
  <option value="">Anywhere</option>
                        <option value="AL OR Alabama">Alabama</option>
                        <option value="AK OR Alaska">Alaska</option>
                        <option value="AR OR Arkansas">Arkansas</option>
                        <option value="AZ OR Arizona">Arizona</option>
                        <option value="CA OR California">California</option>
                        <option value="CO OR Colorado">Colorado</option>
                        <option value="CT OR Connecticut">Connecticut</option>
                        <option value="DE OR Delaware">Delaware</option>
                        <option value="FL OR Florida">Florida</option>
                        <option value="GA OR Georgia">Georgia</option>
                        <option value="HI OR Hawaii">Hawaii</option>
                        <option value="IA OR Iowa">Iowa</option>
                        <option value="ID OR Idaho">Idaho</option>
                        <option value="IL OR Illinois">Illinois</option>
                        <option value="IN OR Indiana">Indiana</option>
                        <option value="KS OR Kansas">Kansas</option>
                        <option value="KY OR Kentucky">Kentucky</option>
                        <option value="LA OR Louisiana">Louisiana</option>
                        <option value="MA OR Massachusetts">Massachusetts</option>
                        <option value="MD OR Maryland">Maryland</option>
                        <option value="ME OR Maine">Maine</option>
                        <option value="MI OR Michigan">Michigan</option>
                        <option value="MN OR Minnesota">Minnesota</option>
                        <option value="MO OR Missouri">Missouri</option>
                        <option value="MS OR Mississippi">Mississippi</option>
                        <option value="MT OR Montana">Montana</option>
                        <option value="NC OR 'North Carolina'">North Carolina</option>
                        <option value="ND OR 'North Dakota'">North Dakota</option>
                        <option value="NE OR Nebraska">Nebraska</option>
                        <option value="NH OR 'New Hampshire'">New Hampshire</option>
                        <option value="NJ OR 'New Jersey'">New Jersey</option>
                        <option value="NM OR 'New Mexico'">New Mexico</option>
                        <option value="NV OR Nevada">Nevada</option>
                        <option value="NY OR 'New York'">New York</option>
                        <option value="OH OR Ohio">Ohio</option>
                        <option value="OK OR Oklahoma">Oklahoma</option>
                        <option value="OR OR Oregon">Oregon</option>
                        <option value="PA OR Pennsylvania">Pennsylvania</option>
                        <option value="RI OR 'Rhode Island'">Rhode Island</option>
                        <option value="SC OR 'South Carolina'">South Carolina</option>
                        <option value="SD OR 'South Dakota'">South Dakota</option>
                        <option value="TN OR Tennessee">Tennessee</option>
                        <option value="TX OR Texas">Texas</option>
                        <option value="UT OR Utah">Utah</option>
                        <option value="VA OR Virginia">Virginia</option>
                        <option value="VT OR Vermont">Vermont</option>
                        <option value="WA OR Washington">Washington</option>
                        <option value="WI OR Wisconsin">Wisconsin</option>
                        <option value="WV OR 'West Virginia'">West Virginia</option>
                        <option value="WY OR Wyoming">Wyoming</option>

                  </select>

 <input type="submit" value="Search"><br/>
</form>

</td>
</tr>
</table>
</SPAN>

</Body>
</html>