how can i create a search form like the one from veoh.com ?

Discussion in 'HTML & Website Design' started by transcend2005, Mar 17, 2008.

  1. #1
    can someone help me create this search form ? i want it to have the same functions search videos/audios/etc/etc when one is selected !

    thank you for the help!!!!

    you can see the live version at veoh.com
     

    Attached Files:

    transcend2005, Mar 17, 2008 IP
  2. RNK Concepts

    RNK Concepts Peon

    Messages:
    74
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    This is their code from their site ... I don't know if this will help ... it does reference the unique "pixsy crawldb" so I think you need to find out what that is from someone who is familiar woth it.

    <form id="topnav_search" name="topnav_search" method="get" action="/search.html" >
    			<input type="hidden" name="type" id="type" />
    			<ul id="topnav_search_options">
    				<input name="search" id="query" type="text" onclick="fieldClear('topnav_search');" />
    				<input name="advSearch" type="hidden" value="-ingestSourceName:(pixsy crawldb)" />
    				<!-- Search options -->
    				<a href="#" id="topnav_search_arrow" onclick="toggleSearch('topnav_search_options');"></a>					
    				<li style="display: none;"><a id="searchVideos" href="javascript: toggleSearch('topnav_search_options'); switchSearch('topnav_search', '');">Search Videos</a></li>
    
    				<li style="display: none;"><a id="searchChannels" href="javascript: toggleSearch('topnav_search_options'); switchSearch('topnav_search', 'c');" >Search Channels</a></li>
    				<li style="display: none;"><a id="searchPeople" href="javascript: toggleSearch('topnav_search_options'); switchSearch('topnav_search', 'u');" >Search People</a></li>						
    			</ul>
    			<!-- Search submit -->
    			<a href="#" id="topnav_search_submit" name="search" onclick="fieldClear('topnav_search'); document.topnav_search.submit();"></a>
    		</form>
    Code (markup):
     
    RNK Concepts, Mar 17, 2008 IP
  3. transcend2005

    transcend2005 Peon

    Messages:
    471
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i've tried that but had the same problem. i guess its a javascript.i try again now.thanks.
     
    transcend2005, Mar 17, 2008 IP
  4. mathias

    mathias Active Member

    Messages:
    692
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #4
    Go to http://ajaxrain.com/, I'm sure you'll find what you need after searching for a while! Check the tagcloud and look for "forms"...
     
    mathias, Mar 17, 2008 IP