Rendre valide les widget de twitter et de facebook

Bonjour,

J'ai rendu la quasi totalité de mes pages valides en xhtml strict mais il me reste quelques problèmes avec les widgets de twitter et de facebook pour lesquels j'aurai bien besoin d'un peu d'aide.

Le code du widget twitter est :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="210" height="350" id="TwitterWidget" align="middle">
	<param name="allowScriptAccess" value="always" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#000000" />
	<param name="FlashVars" value="userID=39218172&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml">
	<embed src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" quality="high" bgcolor="#000000" width="210" height="350" name="TwitterWidget" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="userID=39218172&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml"/>
</object>

Je transforme assez souvent ce type de code pour les vidéos mais ici le problème vient de la partie flashvars. Si je la supprime de la balise embed alors le widget ne s'affiche plus sous firefox.

Pour le widget de facebook, le code est

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/fr_FR"></script><script type="text/javascript">FB.init("eb9ff6c999653ba5873984c870272d22");</script><fb:fan profile_id="80062101817" stream="1" connections="" width="210"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Natation-pour-tous/80062101817">Natation pour tous sur Facebook</a> </div>

Ici le problème semble provenir des balises <fb:fan>

Vous pouvez voir ces codes sur la page http://www.natationpourtous.com/entrainement/frequence-cardiaque.php (il apparaissent dans la colonne de droite 1 fois sur 3)

Merci par avance de votre aide
Modifié par Dino (21 Dec 2009 - 21:09)

Salut,

je n'ai pas bien compris pourquoi tu voulais enlever le PARAM FlashVars ?

Le code suivant ne fonctionne pas ?

<object type="application/x-shockwave-flash" data="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" width="210" height="350">
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
	<param name="allowScriptAccess" value="always" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#000000" />
	<param name="FlashVars" value="userID=39218172&amp;styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml">
	<p>Texte alternatif</p>
</object>

C'est le code que j'ai mis en place au début, ça fonctionne sous ie, chrome, opéra mais pas sous firefox.

J'ai donc supposé que firefox ne prenait pas en compte flashvars lorsque celui-ci n'était pas dans embed mais peut être que je suppose mal.

En tout cas je ne veux pas le supprimer, juste qu'il soit pris en compte par firefox d'une façon valide (si le problème vient de là).

Dino a écrit :
mais pas sous firefox.

Si si.

Dino a écrit :
J'ai donc supposé que firefox ne prenait pas en compte flashvars lorsque celui-ci n'était pas dans embed mais peut être que je suppose mal.

Oui, d'autant plus que embed s'adresse uniquement à IE.

Peut-être simplement un problème de cache à vider ?

Pardon! misérable boulette de ma part visiblement. Eh bien tout est ok et la page est valide maintenant Merci !

Auriez-vous une solution pour le widget de facebook ?

Pour le widget de facebook, en farfouillant un peu sur leur site, j'ai vu que l'on pouvait le remplacer par une iframe avec ce code :

<iframe scrolling="no" frameborder="0" src="http://www.facebook.com/connect/connect.php?id=YOUR_PAGE_ID&connections=10&stream=1&css=PATH_TO_STYLE_SHEET&locale=your_LOCALE" 
  allowtransparency="true" style="border: none; width: 300px; height: 550px;"></iframe>
<div style="font-size:8px; padding-left:10px"><a href="URL_TO_YOUR_PAGE">PAGE_NAME</a> on Facebook</div>

Que j'ai essayé de convertir en object comme ceci :

<object data="http://www.facebook.com/connect/connect.php?id=80062101817&connections=0&amp;stream=1" 
  type="application/x-shockwave-flash" width="210" height="550" id="facebook" style="border: 0;"></object>

<div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Natation-pour-tous/80062101817">Natation pour tous sur Facebook</a></div>

Si quelqu'un peut m'aider, merci beaucoup
Modifié par Dino (21 Dec 2009 - 20:43)