Showing posts with label iframe. Show all posts
Showing posts with label iframe. Show all posts

Tuesday, October 20, 2009

Googlewave don’t believe the hype?

Google have many of us waiting to find out what wave is and what it might mean for us. Having had a bit of a read around the place and not having an invite myself I became interested. Rather than add yet another review the connections I looked at showed something new and powerful The you tube example is a realtime dialogue with translation. Below this in the iframe is Daniel Tenners take on what Google wave is and isn't for the full page is found here. Personally I think this is going to be big for collaboration and that connectivity is going to be the big delivery point for personal learning in online connected real time environment like google docs etherpad and google wave.





Ride the wave if you have trouble reading the frame below Daniels website is only a click away




Wednesday, July 29, 2009

Iframe YouFrame Weframe

image

Part of the connected nature of the web is the ability to embed and display image flash etc. Heath Sawyer aka heheboy showed me what he was doing with iframes in one of the wetpaint wikis he is working with for the Matamata ictpd Cluster. Iframes are a good way to include one webpage in another.

The code looks like this

Basic iFrame HTML Code is in red I just copied it and changed the yourdomain to put the I love learning site in a frame below.

<IFRAME NAME=" my_iframe " SRC=" http://www.yourdomain.com" WIDTH="90%" HEIGHT="300px"> <p> Browsers and spiders that can't read iframe code will see this text instead.</p> </IFRAME>

Here's what each part means:

SRC - The URL of the page that you are including in the iframe.

HEIGHT - The height of the iframe. This can be expressed in pixels or percentages.

WIDTH - The width of the iframe. This can be expressed in pixels or percentages.

NAME - The name of the iframe.

Optional iFrame Properties

If you want more control over the look and behavior of your iframe, you can choose to add the following iframe properties to the code.

  • SCROLLING - Should the iframe content scroll? Possible values are "yes", "no", or "auto".
  • FRAMEBORDER - Would you like a border around the iframe? Possible values are "yes" or"no".
  • ALIGN - How should the iframe be positioned in relation to surrounding content? Possible values are "left", "right","top", "middle" or "bottom". - Note: This setting is depreciated in favor of styles
  • MARGINWIDTH - The horizontal internal margin for the iframe. Must be expressed as pixels.
  • MARGINHEIGHT - The vertical internal margin for the iframe. Must be expressed as pixels.
  • HSPACE - The horizontal spacing around the iframe. Must be expressed as pixels.
  • VSPACE - The vertical spacing around the iframe. Must be expressed as pixels.
  • LONGDESC - The URL of the page with a long description of the iframe contents. Must be expressed as a URL.

Here is an example of an inline frame with many of the optional iframe properties set:

<IFRAME NAME="my_iframe" SRC="http://www.yourdomain.com " WIDTH="90%" HEIGHT="300px" SCROLLING="NO" MARGINWIDTH="10px" MARGINHEIGHT="10px" FRAMEBORDER="0"> <p>Browsers and spiders that can't read iframe code will see this text instead .</p> </IFRAME>