Gadgets Intro (Plus Mapplets)

Google Gadgets API Gadgets can be added to your Google personalized homepage or embedded in a webpage via a script tag. Gadgets are small, customizable pieces of HTML (RSS viewers, games, slideshows, etc.)

Google Gadgets API: Overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Google Gadgets API: Basic Example ,[object Object],[object Object],Specifies pointer to content <?xml version="1.0" encoding="UTF-8"?> <Module> <ModulePrefs title="Hello module”/> <Content type="url“ href="http://foo.com/foo.cgi"/> </Module> Standard heading for XML Gadget title Specify content type Protect content from XML parser Specifies content <?xml version="1.0" encoding="UTF-8"?> <Module> <ModulePrefs title="Hello module"/> <Content type="html"> <![CDATA[ Hello, world! ]]></Content> </Module>

Google Gadgets API: Defining User Preferences ,[object Object],[object Object],[object Object],<?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="Preferences for __UP_myname__" height="250" /> <UserPref name="myname" display_name="Name" required="true" /> <UserPref name="myphoto" display_name="Photo“ default_value="http://doc.examples.googlepages.com/Rowan-headshot.jpg"/> <UserPref name="mychoice" display_name="Show Photo?“ datatype="bool“ default_value="true"/> <UserPref name="mycolor" display_name="Color“ default_value="Yellow“ datatype="enum" > <EnumValue value="Red" /> <EnumValue value="Aqua" /> <EnumValue value="Lime" /> <EnumValue value="Yellow" /> <EnumValue value="Pink" /> <EnumValue value="Orange" /> <EnumValue value="White" /> </UserPref> <script type="text/javascript"> var prefs = new _IG_Prefs(__MODULE_ID__); var someStringPref = prefs.getString(“myname"); var someBoolPref = prefs.getBool(“mychoice"); </script>

Google Gadgets API: AJAX ,[object Object],[object Object],[object Object],<?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title=“Songs Example" height="300" scaling="false" /> <Content type="html"> <script language="javascript" type="text/javascript"> function sendRequest() { url = “findsongs.php?singer=Madonna"; _IG_FetchXMLContent(url, processRequest); } function processRequest(responseXML) { var resultsDIV = document.createElement(“results”); document.appendChild(resultsDIV); results = response.getElementsByTagName(“Result”); for (var i=0; i < results.length; i++) { var song = results[i].getAttribute(“song”); resultsDIV.appendChild(document.createTextNode(song)); } } _IG_RegisterOnloadHandler(sendRequest); </script> ]]> </Content> </Module>

Google Gadgets API: More Features ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Google Gadgets API with Maps: Examples ,[object Object],[object Object],[object Object],[object Object],Caveats with maps in gadgets: - Register API key for gmodules.com - Use Static Maps API if you want fast loading

Gadgets Variations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mapplets API: Examples ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Gadgets Intro (Plus Mapplets)

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (8)

Similaire à Gadgets Intro (Plus Mapplets)

Similaire à Gadgets Intro (Plus Mapplets) (20)

Plus de Pamela Fox

Plus de Pamela Fox (20)

Dernier

Dernier (20)

Gadgets Intro (Plus Mapplets)