List of public pages created with Protopage

Untitled 1

Rich sticky notes

INSTRUCTIONS

This page is full of whatever widget hacks I come across.

If you find something you like, you'll need to view the source

Email me

adam at grexengine dot com

Welcome to WidgetZ

WidgetZ - all the protopage widgets you've ever wanted

Notepad

To-do list

  1. Think of more widgets...
  2. Put them up here

Embed a website

To-do list-src

<ol>
<li>Think of more widgets...</li>
<li>Put them up here</li>
</ol>

Embed a website-src

<iframe src="http://textonly.com//" height="400" width="400"></iframe>

Search

Search-src

<FORM action=http://www.google.com/search method=get target=_NEW><INPUT style="WIDTH: 120px" name=q> <INPUT style="WIDTH: 100px" type=submit value=Google> </FORM>
<FORM action=http://search.yahoo.com/search method=get target=_NEW><INPUT style="WIDTH: 120px" name=p> <INPUT style="WIDTH: 100px" type=submit value=Yahoo!> </FORM>
<FORM action=http://dictionary.reference.com/search method=get target=_NEW><INPUT style="WIDTH: 120px" name=q> <INPUT style="WIDTH: 100px" type=submit value=Dictionary> </FORM>
<FORM action=http://en.wikipedia.org/wiki/Special:Search method=get target=_NEW><INPUT type=hidden value=Go name=go> <INPUT style="WIDTH: 120px" name=search> <INPUT style="WIDTH: 100px" type=submit value=Encyclopedia> </FORM>

Notepad-src

<form>
<textarea rows="10" cols="20">A notepad, where you can type anything you want...

...a nice space to take notes, then copy/paste them to other programs on your desktop</textarea>
</form>

UK Rail Journey Planner







Journey Details

Return Date: (optional)


Time:


Bookmark pages

bookmarklet - bookmark that link, then when you find a page you want to add to your protopage, just select the bookmark from your bookmarks menu

UK Rail Journey Planner-src

<form name="homepageQjp" method="post" action="http://ojp.nationalrail.co.uk/ValidateJourneyPlanner.asp"><fieldset><legend class="hidden"></legend>
<table>
<tbody>
<tr>
<td>
 <label for="fromstation" class="hidden">From - station or city</label><span class="bold"></span><br> <input name="index_0" id="fromstation" value="" size="17" class="qjp" onfocus="clearText(this)" onblur="setText(this)"><br> <label for="tostation" class="hidden">To - station or city</label><span class="bold"></span><br> <input name="index_1" id="tostation" value="" size="17" class="qjp" onfocus="clearText(this)" onblur="setText(this)">
</td>
<td align="right">
<h3><span class="red"></span><span class="bold"></span><br>
</h3> <label for="Outdate" class="hidden">Outbound Date</label> <input name="Outdate" class="qjp" id="Outdate" onfocus="clearText(this)" onblur="setText(this)" value="dd/mm" size="10" maxlength="10">
  <script type="text/javascript">document.write("<a href=\"javascript:showCal('homepageQjpOut')\" title='outbound date calendar picker'><img src='/templates/images/buttons/calendar.gif' class='qjpcalendar' alt=Use calendar (opens a popup window)'><\/a>");</script>
 <input name="hidYear" id="hidYear" type="hidden"><span class="bold"></span><br>
 <label for="outhour" class="hidden">Hour</label> <select name="outhour" id="outhour" class="mjptime"><option selected="selected">00</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option></select> <label for="outmin" class="hidden">Min</label> <select name="outmin" id="outmin" class="mjptime"><option selected="selected">00</option><option>15</option><option>30</option><option>45</option></select><br> <input name="time" id="departtime" value="D" checked="checked" class="qjptop" type="radio"> <label for="departtime">Depart</label> <input name="time" id="arrivetime" value="A" class="qjptop" type="radio"> <label for="arrivetime">Arrive</label>
</td>
</tr>
</tbody></table>
</fieldset>Journey Details
<table>
<tbody><tr>
<td colspan="2"><fieldset><legend class="hidden">Return Date / Time</legend> <h3><span class="red">Return</span> <span class="bold">Date:</span> <span class="italic">(optional)</span><br>
</h3> <input name="Returndate" id="Returndate" value="dd/mm" size="10" class="qjp" onfocus="clearText(this)" onblur="setText(this)"> <script type="text/javascript">ocument.write("<a href=\"javascript:showCal('homepageQjpReturn')\" title='return date calendar picker'><img src='/templates/images/buttons/calendar.gif' class='qjpcalendar' alt='Use calendar (opens a popup window)'><\/a>");</script>
<br> <label for="returnhour" class="hidden">Hour</label> <span class="bold">Time:</span><br> <select name="returnhour" id="returnhour" class="mjptime"><option selected="selected">00</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option></select> <label for="returnmin" class="hidden">Min</label> <select name="returnmin" id="returnmin" class="mjptime"><option selected="selected">00</option><option>15</option><option>30</option><option>45</option></select><br> <input name="returntime" id="rdeparttime" value="D" checked="checked" class="qjptop" type="radio"> <label for="rdeparttime">Depart</label> <input name="returntime" id="rarrivetime" value="A" class="qjptop" type="radio"> <label for="rarrivetime">Arrive</label><br> <input src="/templates/images/buttons/plan_journey.gif" name="Plan Journey" id="palnjourney" alt="Plan Journey" class="qjptop" type="image"></fieldset>
</td>
</tr>
</tbody></table></form>

Untitled 2

News

Protopage News

Bookmarks

Laszlo - upgraded Protopage

Rich sticky notes

Virtual page tips

Hover over the virtual page controller  in the bottom right of your screen, and click the lock icons to make each page public or private (You must be logged in to do this).

Then share your public pages with friends!

(Pages will be automatically removed if you delete all of the panels on them).

User-made widgets from MS

http://microsoftgadgets.com/Gallery/