Forms for Portals - Revision history

M at 22:26, 22 March 2009

2009-03-22T22:26:16Z

← Older revision		Revision as of 22:26, 22 March 2009
Line 12:		Line 12:
	<br />		<br />

	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!		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!
	<pre>		<pre>
	<style type='text/css'>.ffpButton {font-family:Arial,Helvetica,sans-serif;font-size: 1.2em;}</style>		<style type='text/css'>.ffpButton {font-family:Arial,Helvetica,sans-serif;font-size: 1.2em;}</style>

M at 02:57, 9 March 2009

2009-03-09T02:57:41Z

← Older revision		Revision as of 02:57, 9 March 2009
Line 1:		Line 1:
	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.		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.		First, here are working versions of the forms.
Line 17:		Line 17:
	<style type='text/css'>.ffpText {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>
	</pre>		</pre>
	~~Vioala! You can has internets.~~
	<br />		<br />
	<br />		<br />

M at 19:13, 5 March 2009

2009-03-05T19:13:38Z

← Older revision		Revision as of 19:13, 5 March 2009
Line 22:		Line 22:


	~~<htmlet>pre</htmlet>~~<htmlet>form_google~~</htmlet><htmlet>unpre~~</htmlet>		<htmlet>form_google</htmlet>
	<pre>		<pre>
	<FORM name="google" method=GET action="http://www.google.com/search" target="_top">		<FORM name="google" method=GET action="http://www.google.com/search" target="_top">

M at 19:10, 5 March 2009

2009-03-05T19:10:51Z

← Older revision		Revision as of 19:10, 5 March 2009
Line 22:		Line 22:


	<htmlet>form_google</htmlet>		<htmlet>pre</htmlet><htmlet>form_google</htmlet><htmlet>unpre</htmlet>
	<pre>		<pre>
	<FORM name="google" method=GET action="http://www.google.com/search" target="_top">		<FORM name="google" method=GET action="http://www.google.com/search" target="_top">

M at 19:05, 5 March 2009

2009-03-05T19:05:08Z

← Older revision		Revision as of 19:05, 5 March 2009
Line 20:		Line 20:
	<br />		<br />
	<br />		<br />


	<htmlet>form_google</htmlet>		<htmlet>form_google</htmlet>

M at 19:04, 5 March 2009

2009-03-05T19:04:25Z

← Older revision		Revision as of 19:04, 5 March 2009
Line 18:		Line 18:
	</pre>		</pre>
	Vioala! You can has internets.		Vioala! You can has internets.
			<br />
	<br />		<br />

Line 30:		Line 31:
	<br />		<br />
	<br />		<br />


	<htmlet>form_dictionary</htmlet>		<htmlet>form_dictionary</htmlet>
Line 42:		Line 42:
	<br />		<br />
	<br />		<br />


	<htmlet>form_wikipedia</htmlet>		<htmlet>form_wikipedia</htmlet>
Line 54:		Line 53:
	<br />		<br />
	<br />		<br />


	<htmlet>form_imdb</htmlet>		<htmlet>form_imdb</htmlet>
Line 66:		Line 64:
	<br />		<br />
	<br />		<br />


	<htmlet>form_googlemaps</htmlet>		<htmlet>form_googlemaps</htmlet>
Line 86:		Line 83:
	<br />		<br />
	<br />		<br />


	<htmlet>form_yahooyellowpages</htmlet>		<htmlet>form_yahooyellowpages</htmlet>

M at 19:03, 5 March 2009

2009-03-05T19:03:42Z

← Older revision		Revision as of 19:03, 5 March 2009
Line 10:		Line 10:
	<htmlet>form_googlemaps</htmlet>		<htmlet>form_googlemaps</htmlet>
	<htmlet>form_yahooyellowpages</htmlet>		<htmlet>form_yahooyellowpages</htmlet>
	~~<br />~~
	<br />		<br />


	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!		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!
Line 21:		Line 19:
	Vioala! You can has internets.		Vioala! You can has internets.
	<br />		<br />
	~~<br />~~


	<htmlet>form_google</htmlet>		<htmlet>form_google</htmlet>
	<pre>		<pre>
	<FORM name="google" method=GET action="http://www.google.com/search" target="_top">		<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="ffpText" accesskey="g" TYPE=text name=q size="24" maxlength=255 value="">
	<INPUT class="ffpButton" type=submit name=btnG VALUE="Google search">		<INPUT class="ffpButton" type=submit name=btnG VALUE="Google search">
	~~<INPUT type=hidden name=num VALUE="20">~~
	</FORM>		</FORM>
	</pre>		</pre>
Line 40:		Line 36:
	<form method="get" action="http://dictionary.reference.com/search" target="_top">		<form method="get" action="http://dictionary.reference.com/search" target="_top">
	<input type="hidden" name="db" value="*">		<input type="hidden" name="db" value="*">
	<input accesskey="c" type="text" name="q" size="24" maxlength="50">		<input class="ffpText" accesskey="c" type="text" name="q" size="24" maxlength="50">
	<input class="~~aButton~~" type="submit" value="Dictionary">		<input class="ffpButton" type="submit" value="Dictionary">
	</form>		</form>
	</pre>		</pre>
Line 52:		Line 48:
	<!-- replace "go" with "fulltext" for a search instead - currently wikipedia has this disabled,tho -->		<!-- 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">		<FORM name="searchform" method=GET action="http://en.wikipedia.org/wiki/Special:Search" id="searchform" target="_top">
	<input accesskey="w" name="search" type="text" size="24">		<input class="ffpText" accesskey="w" name="search" type="text" size="24">
	<input class="~~aButton~~" value="Wikipedia" type="submit" name="go">		<input class="ffpButton" value="Wikipedia" type="submit" name="go">
	</FORM>		</FORM>
	</pre>		</pre>
Line 64:		Line 60:
	<FORM action="http://www.imdb.com/find" method="GET" NAME="QSFORM" target="_top">		<FORM action="http://www.imdb.com/find" method="GET" NAME="QSFORM" target="_top">
	<INPUT type="hidden" name="s" value="all">		<INPUT type="hidden" name="s" value="all">
	<INPUT accesskey="i" type="text" name="q" size="24">		<INPUT class="ffpText" accesskey="i" type="text" name="q" size="24">
	<INPUT class="~~aButton~~" type="submit" value="IMDB" ~~class=qsgo~~>		<INPUT class="ffpButton" type="submit" value="IMDB">
	</form>		</form>
	</pre>		</pre>
Line 79:		Line 75:
	<input type=hidden name=hl value=en />		<input type=hidden name=hl value=en />
	<input type=hidden name=geocode value="" />		<input type=hidden name=geocode value="" />
	~~<input accesskey="a" type=text name=q title="Search the map" size="24" />~~
	<span id=so style=display:none>		<span id=so style=display:none>
	<select name=mrt />		<select name=mrt />
Line 85:		Line 80:
	</select>		</select>
	</span>		</span>
	<input type=submit id=q_sub name=btnG tabindex=2 ~~class="aButton"~~ value="Google maps" />		<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>
	</pre>		</pre>
Line 95:		Line 91:
	<pre>		<pre>
	<form name="yp" method="get" action="http://yp.yahoo.com/py/ypResults.py" target="_top">		<form name="yp" method="get" action="http://yp.yahoo.com/py/ypResults.py" target="_top">
	~~<input accesskey="y" type=text name="stx" size=24>~~
	~~<input class="aButton" type="submit" name="Submit" value="Yahoo Yellow Pages">~~
	<input type="hidden" name="stp" value="a">		<input type="hidden" name="stp" value="a">
	<input type="hidden" name="tab" value="B2C">		<input type="hidden" name="tab" value="B2C">
Line 108:		Line 102:
	<INPUT TYPE="hidden" NAME="sln" VALUE="-78.836200">		<INPUT TYPE="hidden" NAME="sln" VALUE="-78.836200">
	<INPUT TYPE="hidden" NAME="cs" VALUE="5">		<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>		</form>
	</pre>		</pre>

M at 18:42, 5 March 2009

2009-03-05T18:42:40Z

← Older revision		Revision as of 18:42, 5 March 2009
Line 14:		Line 14:


	Here's some example CSS that you can use to style them - rip it up and make it your own!		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!
	<pre>		<pre>
	<style type='text/css'>.ffpButton {font-family:Arial,Helvetica,sans-serif;font-size: 1.2em;}</style>		<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>		<style type='text/css'>.ffpText {font-family:Arial,Helvetica,sans-serif;font-size: 1.2em;}</style>
	</pre>		</pre>
	~~<br />~~		Vioala! You can has internets.
	~~<br />~~


	Here are the forms 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. Vioala! You can has internets.
	<br />		<br />
	<br />		<br />

M at 18:39, 5 March 2009

2009-03-05T18:39:39Z

← Older revision		Revision as of 18:39, 5 March 2009
Line 29:		Line 29:

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

M at 18:38, 5 March 2009

2009-03-05T18:38:24Z

← Older revision		Revision as of 18:38, 5 March 2009
Line 3:		Line 3:
	First, here are working versions of the forms.		First, here are working versions of the forms.

			<htmlet>form_css</htmlet>
	<htmlet>form_google</htmlet>		<htmlet>form_google</htmlet>
	<htmlet>form_dictionary</htmlet>		<htmlet>form_dictionary</htmlet>
Line 12:		Line 13:
	<br />		<br />

	Here ~~they~~ are again, followed by the HTML you can cut and paste into your own web page. Vioala! You can has internets.
			Here's some example CSS that you can use to style them - rip it up and make it your own!
			<pre>
			<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>
			</pre>
			<br />
			<br />


			Here are the forms 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. Vioala! You can has internets.
	<br />		<br />
	<br />		<br />
Line 18:		Line 29:

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