Voici une listes de widgets qui devraient marcher dans silex, dans une frame (tester et nous dire ceux qui sont ok)
Pour mettre un widget sur la scene, dans Silex
- sélectionner un calque
- clicker sur "+ / ajouter un composant" en bas de la boite a outils "composants"
- choisir "html text"
- sélectionner le nouveau composant qui est apparu dans la boite a outils "composants"
- clicker sur "éditer le text" et collez le code du widget
- valider le texte et sauver la page
Google, yahoo...
- gagets google : <a href="http://www.google.com/ig/directory?synd=open&source=gghx" class="postlink">http://www.google.com/ig/directory?synd=open&source=gghx</a>
- agenda
<a href="http://www.google.com/calendar/embed?src=90b3u3a1nr9opg8h0grnfie0q4%40group.calendar.google.com&ctz=Europe/Paris" class="postlink">http://www.google.com/calendar/embed?src=90b3u3a1nr9opg8h0grnfie0q4%40group.calendar.google.com&ctz=Europe/Paris</a>
- sondage
<a href="http://spreadsheets.google.com/embeddedform?key=pAdOdOfDps-trqVlja8uHfA" class="postlink">http://spreadsheets.google.com/embeddedform?key=pAdOdOfDps-trqVlja8uHfA</a>
- pdf, ppt , xls, doc
<a href="http://docs.google.com/Doc?id=d5nvncb_102ghtp5pgn" class="postlink">http://docs.google.com/Doc?id=d5nvncb_102ghtp5pgn</a>
<a href="http://docs.google.com/EmbedSlideshow?docid=d5nvncb_50d6dw8b45" class="postlink">http://docs.google.com/EmbedSlideshow?docid=d5nvncb_50d6dw8b45</a>
silex-dev tasks : [/url]http://spreadsheets....ps-ulwRi2LgUWTQ[/url]
- agenda, compteur de visite avec carte du monde, agenda
voir sur <!-- m --><a class="postlink" href="http://motigo.com/">http://motigo.com/</a><!-- m -->
html
- player deezer : <a href="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=2499977&colorBackground=0x555552&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0" class="postlink">http://www.deezer.com/embedded/small-widget-v2.swf?idSong=2499977&colorBackground=0x555552&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0</a>
ou
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div style="width:220px;height:55px;"><object width="220" height="55"><param name="movie" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=2499977&colorBackground=0x555552&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0"></param><embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=2499977&colorBackground=0x525252&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0" type="application/x-shockwave-flash" width="220" height="55"></embed></object></div></code></dd></dl>
- <a href="http://www.widgetbox.com/widget/bunnyhero-kitten" class="postlink">http://www.widgetbox.com/widget/bunnyhero-kitten</a> faire "get widget" puis "embed" puis "flash" ou "myspace"
- compteurs de visite, geolocalisation et nombre de visiteurs simultannés
a mettre dans une page html : <dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><script type="text/javascript" >var s_sid = 478926; var st_dominio = 4; var cimg = 6; var cwi =200; var che =40;</script><script type="text/javascript" language="javascript" src="http://s10.histats.com/js9.js"></script></code></dd></dl>
- compteur de visite de base : <a href="http://help.netissime.com/index.php?_m=knowledgebase&_a=viewarticle&kbarticleid=227" class="postlink">http://help.netissime.com/index.php?_m=knowledgebase&_a=viewarticle&kbarticleid=227</a>
- compteur de visite : <!-- m --><a class="postlink" href="http://counter.flashboon.com">http://counter.flashboon.com</a><!-- m --> => <a href="http://counter.flashboon.com/fl/counter.swf?usr=lexayo&from=http://silex-ria.org/" class="postlink">http://counter.flashboon.com/fl/counter.swf?usr=lexayo&from=http://silex-ria.org/</a>
- HTML code
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><H1>This is a size "1" heading</H1><H2>This is a size "2" heading</H2><H3>This is a size "3" heading</H3><H4>This is a size "4" heading</H4><H5>This is a size "5" heading</H5><H6>This is a size "6" heading</H6></code></dd></dl>
formulaire : <dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><form name="input" action="javascript:alert('ok')" method="get">Type your first name:<input type="text" name="FirstName" value="Mickey" size="20"><br>Type your last name:
<input type="text" name="LastName" value="Mouse" size="20"><br><input type="submit" value="Submit"></form></code></dd></dl>
- nomao
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div style="width: 240px; height: 360px;"><object type="application/x-shockwave-flash" wmode="transparent" quality="best" width="100%" height="100%" data="http://widget.nomao.com/w1.swf?nomao_w_kml_url=http%3A%2F%2Ffr.nomao.com%2Fkml%2Flist-896834.kml&nomao_w_list_url=http%3A%2F%2Ffr.nomao.com%2Flexa/896834&nomao_use_html_tag=other&nomao_w_title=Balades&nomao_w_center_x=&nomao_w_center_y=&nomao_w_zoom=&nomao_w_show_zoom=1&nomao_w_show_type=0&nomao_w_type=2&nomao_w_show_overview=0&nomao_w_width=240&nomao_w_height=360&nomao_w_tpl_type=1&nomao_w_tpl_color=1&nomao_w_color_border=&nomao_w_color_bg=000000&nomao_w_color_link=000000&nomao_w_color_text=000000&nomao_w_bee=1&"><param name="wmode" value="transparent" /><param name="quality" value="best" /><param name="movie" value="http://widget.nomao.com/w1.swf?nomao_w_kml_url=http%3A%2F%2Ffr.nomao.com%2Fkml%2Flist-896834.kml&nomao_w_list_url=http%3A%2F%2Ffr.nomao.com%2Flexa/896834&nomao_use_html_tag=other&nomao_w_title=Balades&nomao_w_center_x=&nomao_w_center_y=&nomao_w_zoom=&nomao_w_show_zoom=1&nomao_w_show_type=0&nomao_w_type=2&nomao_w_show_overview=0&nomao_w_width=240&nomao_w_height=360&nomao_w_tpl_type=1&nomao_w_tpl_color=1&nomao_w_color_border=&nomao_w_color_bg=000000&nomao_w_color_link=000000&nomao_w_color_text=000000&nomao_w_bee=1&" /></object></div><div id="nomao_footer">Piquez <a href="http://fr.nomao.com/lexa">lexa</a> avec <a href="http://fr.nomao.com">Nomao</a></div></code></dd></dl>
et
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div style="width: 367px; height: 205px;"><object type="application/x-shockwave-flash" wmode="transparent" quality="best" width="100%" height="100%" data="http://widget.nomao.com/w2.swf?nomao_w_kml_url=http%3A%2F%2Ffr.nomao.com%2Fkml%2Flist-428603.kml&nomao_w_list_url=http%3A%2F%2Ffr.nomao.com%2Flexa/428603&nomao_use_html_tag=other&nomao_w_title=histoire de SILEX&nomao_w_width=367&nomao_w_height=205&nomao_w_tpl_type=1&nomao_w_tpl_color=22&nomao_w_color_border=&nomao_w_color_bg=000000&nomao_w_color_link=000000&nomao_w_color_text=000000&nomao_w_bee=1&"><param name="wmode" value="transparent" /> <param name="quality" value="best" /><param name="movie" value="http://widget.nomao.com/w2.swf?nomao_w_kml_url=http%3A%2F%2Ffr.nomao.com%2Fkml%2Flist-428603.kml&nomao_w_list_url=http%3A%2F%2Ffr.nomao.com%2Flexa/428603&nomao_use_html_tag=other&nomao_w_title=histoire de SILEX&nomao_w_width=367&nomao_w_height=205&nomao_w_tpl_type=1&nomao_w_tpl_color=22&nomao_w_color_border=&nomao_w_color_bg=000000&nomao_w_color_link=000000&nomao_w_color_text=000000&nomao_w_bee=1&" /></object></div><div id="nomao_footer">Piquez <a href="http://fr.nomao.com/lexa">lexa</a> avec <a href="http://fr.nomao.com">Nomao</a></div></code></dd></dl>
- google maps
<a href="http://maps.google.fr/maps?f=q&hl=fr&geocode=&q=paris+tour+eifel&sll=47.15984,2.988281&sspn=21.771166,41.352539&ie=UTF8&ll=48.85316,2.313208&spn=0.01333,0.090671&t=k&output=embed&s=AARTsJpCWpHiHNRU_S_8KkSr9cTMwZQBBA" class="postlink">http://maps.google.fr/maps?f=q&hl=fr&geocode=&q=paris+tour+eifel&sll=47.15984,2.988281&sspn=21.771166,41.352539&ie=UTF8&ll=48.85316,2.313208&spn=0.01333,0.090671&t=k&output=embed&s=AARTsJpCWpHiHNRU_S_8KkSr9cTMwZQBBA</a>
ou
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><iframe width="520" height="290" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps?f=q&hl=fr&geocode=&q=paris&sll=47.15984,2.988281&sspn=10.92251,20.148926&ie=UTF8&t=k&g=parisJA&ll=48.881877,2.367897&spn=0.079021,0.145912&z=12&iwloc=addr&output=embed"></iframe></code></dd></dl>
- umapper
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="umapper_embed_13079" width="500" height="300"> <param name="FlashVars" value="kmlPath=http://www.umapper.com/download/maps/kml/13079.kml" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://umapper.s3.amazonaws.com/assets/swf/embed.swf" /> <param name="src" value="http://umapper.s3.amazonaws.com/assets/swf/embed" /> <param name="name" value="umapper_embed_13079" /> <param name="quality" value="high" /> <embed src="http://umapper.s3.amazonaws.com/assets/swf/embed.swf" FlashVars="kmlPath=http://www.umapper.com/download/maps/kml/13079.kml" allowScriptAccess="always" quality="high" width="500" height="300" name="umapper_embed_13079" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></code></dd></dl>
myspace et blogs
- gadgets
neons :
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div align="center"><embed src="http://www.fancygens.com/gens/led/show.swf?baseURL=http://www.fancygens.com/gens/led/&clickURL=http://www.fancygens.com/&clickLABEL=Get Your Led&type=0&delaySpeed=60&transID=0&str=SILEX%20HAPPENING%202008&bgColor=0&symbolX=8&w=8&h=10&pointType=rect&glowColor=16777215&designNum=4" quality="high" bgcolor="#ffffff" width="430" height="84" name="show" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></div></code></dd></dl>
ou
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><embed src="http://www.fancygens.com/gens/neon/show.swf?baseURL=http://www.fancygens.com/gens/neon/&clickURL=http://www.fancygens.com/&clickLABEL=fancygens.com&flashLABEL=&str=%0D%20SILEX%20is%20open&neonColor=16711680&fontSize=52&glowBlur=17.3&glowAlpha=0.5&timeInterval=2800&backColor=0&trans=1" quality="high" bgcolor="#ffffff" width="600" height="200" name="neon" align="middle" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></code></dd></dl>
diaporama
- <a href="http://www.flashgallery.org/" class="postlink">http://www.flashgallery.org/</a>
- <a href="http://www.slide.com/" class="postlink">http://www.slide.com/</a>
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div><embed src="http://widget-84.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=lt&il=1&channel=2810246167481340804&site=widget-84.slide.com" style="width:270px;height:250px" name="flashticker" align="middle"></embed><div style="width:270px;text-align:left;"><a href="http://www.slide.com/pivot?cy=lt&at=un&id=2810246167481340804&map=1" target="_blank"><img src="http://widget-84.slide.com/p1/2810246167481340804/lt_t017_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=2810246167481340804&map=2" target="_blank"><img src="http://widget-84.slide.com/p2/2810246167481340804/lt_t017_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=2810246167481340804&map=F" target="_blank"><img src="http://widget-84.slide.com/p4/2810246167481340804/lt_t017_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div></code></dd></dl>
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div><embed src="http://widget-84.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=lt&il=1&channel=2810246167481340804&site=widget-84.slide.com" style="width:270px;height:250px" name="flashticker" align="middle"></embed><div style="width:270px;text-align:left;"><a href="http://www.slide.com/pivot?cy=lt&at=un&id=2810246167481340804&map=1" target="_blank"><img src="http://widget-84.slide.com/p1/2810246167481340804/lt_t017_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=2810246167481340804&map=2" target="_blank"><img src="http://widget-84.slide.com/p2/2810246167481340804/lt_t017_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=2810246167481340804&map=F" target="_blank"><img src="http://widget-84.slide.com/p4/2810246167481340804/lt_t017_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div></code></dd></dl>
- <a href="http://www.slideshare.net" class="postlink">http://www.slideshare.net</a>
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div style="width:425px;text-align:left" id="__ss_380816"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/AmitRanjan/quick-tour?type=powerpoint" title="SlideShare Quick Tour - Summary of features & capabilities">SlideShare Quick Tour - Summary of features & capabilities</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=quicktour-1209540124077378-8&stripped_title=quick-tour" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=quicktour-1209540124077378-8&stripped_title=quick-tour" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View SlideShare <a style="text-decoration:underline;" href="http://www.slideshare.net/AmitRanjan/quick-tour?type=powerpoint" title="View SlideShare Quick Tour - Summary of features & capabilities on SlideShare">presentation</a> or <a style="text-decoration:underline;" href="http://www.slideshare.net/upload?type=powerpoint">Upload</a> your own. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/tutorial">tutorial</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/howto">howto</a>)</div></div><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMjY5MzcyMzEzNzUmcHQ9MTIyNjkzNzIzMzczNCZwPTEwMTkxJmQ9Jmc9MiZ*PSZvPTc2ZDZmNTU4NTczNDQ*ZmViM2I1YWYzYmY5ZTMwOGQx.gif" /></code></dd></dl>
player son
- <a href="http://www.profilepitstop.com/mp3_players/" class="postlink">http://www.profilepitstop.com/mp3_players/</a>
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><embed type="application/x-shockwave-flash" width="416" height="123" src="http://www.profilepitstop.com/mp3_players/flash/slimline.swf?uid=160557&extc1=A4FF1B&extc2=030303&extc3=AFC7FA" wmode="transparent" align="middle" bgcolor="#FFFFFF" name="basicplayer"></code></dd></dl>
ou dans frame en mode "AS3"
<a href="http://www.profilepitstop.com/mp3_players/flash/slimline.swf?uid=160557&extc1=A4FF1B&extc2=030303&extc3=AFC7FA" class="postlink">http://www.profilepitstop.com/mp3_players/flash/slimline.swf?uid=160557&extc1=A4FF1B&extc2=030303&extc3=AFC7FA</a>
sondages
> <a href="http://polldaddy.com/" class="postlink">http://polldaddy.com/</a> ???
video
- webtv blip, utube, dailymotion, wat
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rzFqfuiLQ4k&color1=0xb1b1b1&color2=0xcfcfcf&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/rzFqfuiLQ4k&color1=0xb1b1b1&color2=0xcfcfcf&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></code></dd></dl>
ou dans frame en mode "AS3"
<a href="http://www.youtube.com/v/rzFqfuiLQ4k&color1=0xb1b1b1&color2=0xcfcfcf&fs=1" class="postlink">http://www.youtube.com/v/rzFqfuiLQ4k&color1=0xb1b1b1&color2=0xcfcfcf&fs=1</a>
avec oof et rss
- feed wordpress
video comments
<dl class="codebox"><dt>Code: <a href="#" onclick="selectCode(this); return false;">Tout sélectionner</a></dt><dd><code><div align="center"><embed src="http://www.commentt.com:1050/red5/BlogWidget.swf" loop="false" quality="high" bgcolor="#0" wmode="transparent" allowscriptaccess="always" width="360" height="390" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="uid=e32bd13e2add097461cb96824b7a829c&recordMode=true&mode=vertical&layout=top" /></div></code></dd></dl>
as3
- demo AS
<a href="http://box2dflash.sourceforge.net/PhysTest201.swf" class="postlink">http://box2dflash.sourceforge.net/PhysTest201.swf</a>
- flex
<a href="http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.swf" class="postlink">http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.swf</a>
- OpenLaszlo
video (c est un swf)
<a href="http://www.openlaszlo.org/lps4.1/demos/youtube/youtube.lzx?lzt=swf&lzr=swf8" class="postlink">http://www.openlaszlo.org/lps4.1/demos/youtube/youtube.lzx?lzt=swf&lzr=swf8</a>
formulaire (c est un swf)
<a href="http://www.openlaszlo.org/lps4/examples/components/style_example.lzx" class="postlink">http://www.openlaszlo.org/lps4/examples/components/style_example.lzx</a>
widget (c est une page html)
<a href="http://www.openlaszlo.org/lps4.1/demos/weather/weather.lzx?lzt=html&lzr=swf8" class="postlink">http://www.openlaszlo.org/lps4.1/demos/weather/weather.lzx?lzt=html&lzr=swf8</a>
galeries photo flash
- SimpleViewer
<a href="http://www.airtightinteractive.com/simpleviewer/examples/small/viewer.swf" class="postlink">http://www.airtightinteractive.com/simpleviewer/examples/small/viewer.swf</a>
- diaporama / book :
<a href="http://www.idflux.net/book/INDEX2.swf?id_user=3141&id_repertoire=" class="postlink">http://www.idflux.net/book/INDEX2.swf?id_user=3141&id_repertoire=</a>