Forms for Portals

From Bitpost wiki
Jump to: navigation, search

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. You can has internets!

First, here are working versions of the forms.


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. Hopefully you can see how easy this is, and try your own experiments - I have a portal that includes a form for fast searches of my local library, a password box for access to my webmail, etc.

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>




<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>



<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>