Forms for Portals

Everyone's personal web pages should get some love. This project is a collection of forms to help you quickly access some major websites directly from your own web pages.

First, here are working versions of the forms.

All results

Here they are again, followed by the HTML you can cut and paste into your own web page. You can adjust or remove the target frame, as well as some of the other form variables, as needed, but they should work fine out of the box. Here's some example CSS that you can use to style them - rip it up and make it your own!

<style type='text/css'>.ffpButton {font-family:Arial,Helvetica,sans-serif;font-size: 1.2em;}</style>
<style type='text/css'>.ffpText {font-family:Arial,Helvetica,sans-serif;font-size: 1.2em;}</style>

Vioala! You can has internets.

<FORM name="google" method=GET action="http://www.google.com/search" target="_top">
<INPUT type=hidden name=num VALUE="20">
<INPUT class="ffpText" accesskey="g" TYPE=text name=q size="24" maxlength=255 value="">
<INPUT class="ffpButton" type=submit name=btnG VALUE="Google search">
</FORM>

<form method="get" action="http://dictionary.reference.com/search" target="_top">
<input type="hidden" name="db" value="*">
<input class="ffpText" accesskey="c" type="text" name="q" size="24" maxlength="50">
 <input class="ffpButton" type="submit" value="Dictionary">
</form>

<!-- replace "go" with "fulltext" for a search instead - currently wikipedia has this disabled,tho -->
<FORM name="searchform" method=GET action="http://en.wikipedia.org/wiki/Special:Search" id="searchform" target="_top">
<input class="ffpText" accesskey="w" name="search" type="text" size="24">
 <input class="ffpButton" value="Wikipedia" type="submit" name="go">
</FORM>

<FORM action="http://www.imdb.com/find" method="GET" NAME="QSFORM" target="_top">
<INPUT type="hidden" name="s" value="all">
<INPUT class="ffpText" accesskey="i" type="text" name="q" size="24">
 <INPUT class="ffpButton" type="submit" value="IMDB">
</form>

All results

<form method="get" action="http://maps.google.com/maps" target="_top">
<input type=hidden name=f value=q>
<input type=hidden name=source value=s_q />
<input type=hidden name=hl value=en />
<input type=hidden name=geocode value="" />
<span id=so style=display:none>
    <select name=mrt />
        <option value=all selected=selected>All results</option>
    </select>
</span>
<input class="ffpText" accesskey="a" type=text name=q title="Search the map" size="24" />
 <input class="ffpButton" type=submit id=q_sub name=btnG tabindex=2 value="Google maps" />
</form>

<form name="yp" method="get" action="http://yp.yahoo.com/py/ypResults.py" target="_top">
<input type="hidden" name="stp" value="a">
<input type="hidden" name="tab" value="B2C">
<!-- you'll want to adjust these for your location... -->
<INPUT TYPE="hidden" NAME="city" VALUE="Holly Springs">
<INPUT TYPE="hidden" NAME="state" VALUE="NC">
<INPUT TYPE="hidden" NAME="zip" VALUE="27540">
<INPUT TYPE="hidden" NAME="country" VALUE="us">
<INPUT TYPE="hidden" NAME="msa" VALUE="6640">
<INPUT TYPE="hidden" NAME="slt" VALUE="35.637900">
<INPUT TYPE="hidden" NAME="sln" VALUE="-78.836200">
<INPUT TYPE="hidden" NAME="cs" VALUE="5">
<input class="ffpText" accesskey="y" type=text name="stx" size=24>
 <input class="ffpButton" type="submit" name="Submit" value="Yahoo Yellow Pages">
</form>