I ran into a few little caveats while doing this and want to share them for other Office Live developers.
The demo is about a Bed & Breakfast named Northwind Inn that wants a web presence to help with advertising and reservations. As part of the demo we show how you can use the Data Collection web part to capture information from the public site and populate a Reservations Request list in the private site.
<– Here is the reservations form (left.)
Here is the HTML:
The Page Editor gives you window paste the code into that looks like this:
But it didn’t work.
So instead of accessing the form elements directly, like this:
So now when we go to demo the Reservations Form, we have a few links that will quickly fill in the form for us. (Note, this is not real contact information in the form…)
So remember that when you insert HTML using the Page Editor HTML Module, your code will have to reference the parent IFrame and will need to use the DOM to get object IDs of the values you want to manipulate.
For an overview of how to develop for Office Live, we have some great screencasts on Channel9 from the product team that will get you started in no time!