Blog (technique) - Un loup blessé

mardi 19 septembre 2006

Comment passer la validation XHTML avec les "miniplayer" de RadioBlog

Puisque je viens de faire passer un billet de fi-uuu à la validation, autant que tout le monde en profite :

Pour les miniplayer, radioblog vous donne un code de ce genre là :


<embed type="application/x-shockwave-flash"  src="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf" allowScriptAccess="always" width="180px" height="23px"  bgcolor="#333399"  id="radioblog_player_0"  FlashVars="id=0&status=maximize&filepath=http://lsartor.free.fr/LibertyLorie/radio.blog.2.5/radio.blog.2.5/radio.blog/sounds/Benoit - Tourne toi.rbs&colors=body:#141D3F;border:#C8DFE8;button:#C8DFE8;player_text:#C8DFE8;playlist_text:#999999;"></embed>

Je l'ai transformé comme ceci pour passer la validation en wiki sous DotClear (et le centrer dans la page) :


///html
<div style="text-align: center;">
<object  type="application/x-shockwave-flash"  data="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf" width="180px" height="23px">
<param name="movie" value="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf" />
<param name="FlashVars" value="status=maximize&amp;filepath=http://lsartor.free.fr/LibertyLorie/radio.blog.2.5/radio.blog.2.5/radio.blog/sounds/Benoit - Tourne toi.rbs&amp;colors=body:#141D3F;border:#C8DFE8;button:#C8DFE8;player_text:#C8DFE8;playlist_text:#999999;" />
<param name="wmode" value="transparent"/>
<p>Benoit tourne toi en "flash" (mettre ici le texte de remplacement qui doit apparaitre si le plugin flash n'est pas présent ou désactivé)</p>
</object></div>
///

Si vous travaillez directement en XHTML (et pas en Wiki) supprimer le ///html du début et le /// de la fin de ce code.

Et vous allez obtenir ceci :

Enjoy

Edit : Oups... j'ai complètement oublié d'expliquer comment j'avais fait, pour ceux qui veulent comprendre !

J'ai commencé par regarder les différents codes valides XHTML que je connaissais. Les player de MP3 et de vidéos, cela ne fonctionnait pas, les paramètres n'étaient pas transmis. J'ai essayé avec celui des animations flash, le début était prometteur, j'ai persisté.

Dans un premier temps, on vire le <embed> que l'on remplace par un <object>.
Le "src" n'existe pas dans un <object>, on le remplace par un "data".
Le "bgcolor" est supprimé (n'existe pas non plus dans un object, puis de toute façon, le player obtient sa couleur par le "body").
Tout ce qui est dans le FlashVars ne peut pas etre dans l'"object", c'est évident.

En résumé pour la première partie : On remplace "embed" par "object", on vire le "bgcolor" et on remplace "src" par "data" !

Maintenant, on va s'occuper du FlashVars : La syntaxe est <param name="nom" value="valeurs" /> donc c'est tout simple, le nom c'est FlashVars et les valeurs, c'est tout ce qu'il y a derrière.

Si on laisse en état, le valideur ne va toujours pas aimer et indiquer plein d'erreurs. Ce sont de fausses erreurs obtenues par cascade ! En fait, c'est le caractère "&" qui ne passe pas la validation, il faut le remplacer par "&" !

Ouuuuuuuuuuups, j'ai oublié le code pour Internet Explorer, Ah oui, ce con n'est pas capable de faire comme tout le monde, il faut lui rajouter une ligne supplémentaire ! C'est le <param name=movie... il faut lui dire par ce moyen où trouver le player.

N'oubliez pas de remplacer le </embed> par un </object>, mais c'est évident, non ?

Voilà, c'est maintenant valide XHTML.

Personnellement, j'ai rajouté autre chose :

- La balise "div style..." permettant de centrer le player
- Le texte alternatif si le player ne s'affiche pas
- Le wmode à transparent pour que le flash disparaisse en cas d'utilisation d'une image avec effet Lightbox à proximité.

Rajout, le 25/09 : J'ai également virer les "id" qui ne servent pas à grand chose sauf à empêcher la validation lorsqu'il y a plusieurs players sur la même page.

Billet écrit à 19:06 par 1loup dans la catégorie Blog (technique)

YES... déjà 10 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear -

↓

Commentaires et trackbacks

1. Le mardi 19 septembre 2006 à 20:09, par fiuuu

c'est gentil de corriger mes erreurs

2. Le mardi 19 septembre 2006 à 20:24, par 1loup

Bah, c'est pas "tes" erreurs ! Encore une fois, RadioBlog (tout comme DailyMotion et YouTube, entre autres) n'est pas foutu capable de donner à ses utilisateurs un code XHTML valide alors que cela ne demande pas plus de temps de faire bien (et que c'est probablement un robot qui encode, en plus).

3. Le mercredi 27 septembre 2006 à 16:47, par marion

coucou.
Ton article est super bien c'est la première fois que je trouve une explication pour cela. J'ai essayé de suivre tes instructions mais je n'y arrive toujours pas! alors je voulais savoir si ça marchait avec tous les types de blog
Merci d'avance

4. Le mercredi 27 septembre 2006 à 21:29, par 1loup

>Marion : A première vue, il ne semble pas possible de rajouter le code directement dans un article chez SkyBlog !

5. Le jeudi 28 septembre 2006 à 12:30, par fiuuu

oh h ! comment ti dits ça ... dit que skyblog est mauvais m'enfin il est vrai qu'il y a des cas parmi les skybloggueurs ... tient faudrait fair un post la dessus ...

6. Le jeudi 28 septembre 2006 à 14:09, par 1loup

Je suis donc obligé de répondre que pour faire ma réponse à Marion, j'ai ouvert un SkyBlog et que j'ai cherché comment rentrer du code dans un billet sans trouver. Il est possible d'insérer une image, une vidéo hébergée par YouTube ou MyVideo ou directement à partir d'une webcam mais je n'ai rien trouvé pour mettre du code HTML. J'ai aussi fait une petite recherche sur des SkyBlogs et je n'ai trouvé personne n'ayant réussi à le faire. Cela ne veut pas dire que cela est impossible mais en tout cas pas très facilement et s'il y a une bidouille, je ne vois pas laquelle. C'est mieux ?

7. Le jeudi 28 septembre 2006 à 21:17, par fiuuu

waouuuuuuuu : le scoop, Le loup passe de dotclear à skyblog

8. Le lundi 5 novembre 2007 à 19:41, par Mohend

Salut

ton code est bien valide, mais ne passe pas sous fire fox

9. Le lundi 5 novembre 2007 à 22:43, par 1loup

>Mohend : Si si, tout fonctionne très bien, y compris sous Firefox.

10. Le jeudi 13 mars 2008 à 18:46, par caro

Bonjour
De tout coeur merci
Bonne soirée

↑

Rajouter un commentaire

jeudi 14 septembre 2006

Mise à jour des liens

Je n'ai supprimé personne

Quelques déplacements.

Beaucoup d'ajouts (enfin, je trouve : 10).

Qui va chercher sa petite icône ?

Billet écrit à 19:34 par 1loup dans la catégorie Blog (technique)

YES... déjà 10 commentaires :: Comme d´hab, pas de trackback

↓

Commentaires et trackbacks

1. Le jeudi 14 septembre 2006 à 20:07, par fiuuu

je suis pris en sandwich par gluons et chtilolo, après avoir vu les photos de xav
soo lovely

Je vais prndre une douche froide je crois

2. Le jeudi 14 septembre 2006 à 20:40, par fiuuu

mon gravatar apparaît il ?

3. Le jeudi 14 septembre 2006 à 20:59, par edonis

tiens je n'avais pas remarqué mais tu as rajouté un script pour les agregateur rss. Si ca se trouve ca fait un moement mais comme je surf les yeux collés

4. Le jeudi 14 septembre 2006 à 21:17, par 1loup

>Edonis : Non, c'est tout récent, c'est d'aujourd'hui mais j'annoncerais tout ce qui concerne "l'accessibilité" de mon blog (sous toutes ses formes) dans un billet unique.

5. Le vendredi 15 septembre 2006 à 15:41, par chtitlolo

ouf pas de supression.. Et même que j'ai pas bougé de place... OUFFFFF

6. Le vendredi 15 septembre 2006 à 18:41, par mekbrun

c'est avec un bonheur indicible que je me vois intégrer la liste des liens "un point commun..." de 1Loup. Mais quel est donc ce Point Commun ??

7. Le vendredi 15 septembre 2006 à 18:53, par Kitt67

Mince, je ne me vois pas ^_^

8. Le vendredi 15 septembre 2006 à 21:38, par 1loup

>Chtit Lolo : Tu ne peux pas bouger de place. Au pire, tu aurais été supprimé.
>Mekbrun : C'est le nouveau défi de la rentrée : Trouver la signification de cette rubrique !
>Kitt67 : Cela ne risque pas, je ne "connais" pas ton blog. A moins de débarquer dans la fameuse rubrique précitée, tout le monde passe dans un bac à sable variable d'un, deux voire trois mois avec un tour gratuit supplémentaire pour ceux qui réclament (Il ne va pas me faire le même coup qu'à Baptiste, nanmého).

9. Le mardi 19 septembre 2006 à 19:46, par Lo

10. Le lundi 25 septembre 2006 à 17:23, par Peio

Ah moi non plus je n'ai pas bougé ...

↑

Rajouter un commentaire

mercredi 13 septembre 2006

Plugin Gravatars version 1.2.1 pour DotClear 1.2

Le plugin Gravatars n'est plus disponible sur le Wiki de DotClear.

J'ai travaillé un peu dessus, Oh, pas grand chose mais bon :

- Modification d'une ligne erronée dans l'index.html

- Gestion de l'UTF-8 permettant d'obtenir le plugin en français ainsi que l'aide en ligne.

Je fais donc passer sa version de 1.2 vers 1.2.1 !

Je le mets également à votre disposition sous forme d'archives pour une installation manuelle mais aussi avec son installeur pour une installation automatique.

~~Installeur (pkg.gz)~~
~~Archive (tar.gz)~~

Voir le billet sur la version suivante (Plugin Gravatars 1.2.3)

Archive (.zip)

Dois-je demander la modification du Wiki pour cette mise à jour ?

Si vous avez des questions, je peux essayer d'y répondre ici mais n'oubliez pas que je ne suis pas l'auteur du plugin, juste un petit bidouilleur.

Arkane, SLB et Chtit Lolo, j'ai déjà mis à jour votre plugin, pas besoin de le faire.

Billet écrit à 16:15 par 1loup dans la catégorie Blog (technique)

YES... déjà 3 commentaires :: Et un trackback, un !

Tag(s) : DotClear - , Plugin -

↓

Commentaires et trackbacks

1. Le mercredi 13 septembre 2006 à 17:31, par edonis

Je serais d'avis que tu le soumettes à la communauté dotclear ca ne peut qu'être que bénéfique d'avoir des retour sur ton plugin

en ce moment c'est la grande forme entre ta validation et ton plugin tu chomes pas

2. Le mercredi 13 septembre 2006 à 20:07, par fiuuu

m'enfin tu es un véritable magicien :), LE roi, LE winner ...

3. Le jeudi 14 septembre 2006 à 06:43, par arnaud

merci au grand gourou
Et suis po blonde mais je viens de me lever d'abord !!!!

4. Le dimanche 24 septembre 2006 à 20:31, par Mon cybercarnet

Nouvelle fonctionnalité sur cybercarnet: Les Gravatars

Bonjour Comme vous pouvez le vois dans les commentaires de mon billet précéedent (utilisé pour faire des tests) Je vient d'installer le module "gravatars" à mon cybercarnet. Cela permettra d'afficher l'avatar, (l'image représentant) chaque...

↑

Rajouter un commentaire

Validation CSS

Je sais bien qu'il y en a pas beaucoup que cela intéresse mais contre toutes attentes, ce blog est maintenant valide conformément à la recommandation CSS 2 !

Je peux donc me permettre d'afficher le logo correspondant

Billet écrit à 12:24 par 1loup dans la catégorie Blog (technique)

YES... déjà 4 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear -

↓

Commentaires et trackbacks

1. Le mercredi 13 septembre 2006 à 13:10, par fiuuu

génial tu as fait des progrès fulgurants depuis hier soir, donc ?

2. Le mercredi 13 septembre 2006 à 13:30, par 1loup

Ah comme tu dis, pour être fulgurants ! D'ailleurs, ce matin chez Edonis, je me plaignais encore de ne pas y comprendre grand chose. J'avais quand même 1 erreur sur le CSS du plugin galerie, 10 erreurs avec le CSS du plugin Lightbox et 8 erreurs avec le CSS du code adapté de la Pub par Favicon qui me sert à afficher mes liens.

3. Le mercredi 13 septembre 2006 à 17:29, par edonis

Bon boulot effectivement

4. Le mercredi 13 septembre 2006 à 19:59, par fiuuu

waouu tu es une sorte d'icône en quelque sorte, un modèle .......;;;;

↑

Rajouter un commentaire

vendredi 8 septembre 2006

Deux versions du même player pour deux versions de la même chanson

Pour mon blog, c'est quoi le mieux ?

Edit (le 9/9 à 16H13) : Et de trois... et celui-là ? non ?

Billet écrit à 19:13 par 1loup dans la catégorie Blog (technique)

YES... déjà 15 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear - , Son -

↓

Commentaires et trackbacks

1. Le vendredi 8 septembre 2006 à 19:26, par JP

Arf, je trouve que la version foncée va mieux avec le menu...
Même si dans l'absolu, j'ai une petite préférence pour la version "clair"

2. Le vendredi 8 septembre 2006 à 19:28, par jp

Tiens, j'y pense...
Nous les "mauvais" de blogspot... on peut aussi l'utiliser ?

3. Le vendredi 8 septembre 2006 à 19:52, par fiuuu

le deuxieme

le capcha est dur : 50 moins 14 ca fait bien 36 ?

oupss je prends la calculatrice merci 1 loup d'avoir pensé à moi
j'essaie

4. Le vendredi 8 septembre 2006 à 21:30, par orpheus

La seconde fait un peu trop ton clair sur ton clair...
Donc la première, sans aucun doute.

5. Le samedi 9 septembre 2006 à 10:24, par 1loup

>JP : Aucune idée si cela marche chez Blogspot. Vous pouvez stocker des MP3 ? Pourquoi les "mauvais" ?

6. Le samedi 9 septembre 2006 à 14:46, par joseph

moi j'aime les deux versions, mais j'aurais inversé les versions, la plus "lourde" en version noire

7. Le samedi 9 septembre 2006 à 14:57, par edonis

petit faible pour la sombre qui va bien avec le menu mais la clair a l'avantage de passer sur l'ensemble du theme donc ...

8. Le samedi 9 septembre 2006 à 15:18, par fiuuu

oupsssss : j'avais pas cliqué sur le player : c'est moby et mylèèèèèène

9. Le samedi 9 septembre 2006 à 18:40, par SLB

Le 3e est sympa visuellement mais pas très très lisible je trouve... Après ce n'est que mon humble avis!

10. Le samedi 9 septembre 2006 à 19:21, par fiuuu

snifff pour le titre et l'artiste

11. Le samedi 9 septembre 2006 à 23:30, par chtitlolo

moi perso j'en demords pas. C'est le premier le mieux... TAPEZZZZZZZZZZZZZZZZZ 1... Olala je suis vraiment atteind moi

12. Le dimanche 10 septembre 2006 à 06:57, par mekbrun

Oublies le 3ème! pour moi c'est le n°1

13. Le dimanche 10 septembre 2006 à 23:11, par JP

Stocker des mp3... non a moins de les mettre sur autre serveur...
Mais intégrer une petite barre de lecture de mp3 sur le blog est tjs possible... enfin... bon, je dis ça, mais j'ai connais que dale en HTML, etc

14. Le lundi 11 septembre 2006 à 10:35, par 1loup

Ben, le lecteur s'affiche avec du code HTML, Ok mais le lecteur en lui même est en flash et il faut bien le stocker quelque part. Puis tant qu'à faire, une fois affiché, il lit un MP3 que tu stockes aussi quelque part, non ? Alors si tu peux stocker un MP3 et le player quelque part, il n'y a pas de raison, à priori, que Blogger t'empèche d'utiliser le code HTML qui met cela en route.

Va voir là :
blog.neolao.com/...

15. Le mercredi 13 septembre 2006 à 22:48, par Mianux

Mon tiercé (sans doute pas gagnant) serait 3 - 1 - 2
Bon allez je me rendors...

↑

Rajouter un commentaire

Non, je ne me fout pas trop de ta gueule

Une petite calculette est arrivée dans le formulaire pour soumettre un commentaire.

Je me suis donc permis de rajouter des opérations plus complexes que l'addition, voici maintenant la soustraction et même... la multiplication

Oups, pardon, j'oubliais... voici le code :


<table border="0">
<tr><td><small><input name="cadran" size="20" /></small></td></tr>
<tr><td><small>
<input name="un" onclick="cadran.value += '1'" type="button" value="1" />
<input name="deux" onclick="cadran.value += '2'" type="button" value="2" />
<input name="trois" onclick="cadran.value += '3'" type="button" value="3" />
<input name="plus" onclick="cadran.value += ' + '" type="button" value="+" />
<br /><input name="quatre" onclick="cadran.value += '4'" type="button" value="4" />
<input name="cinq" onclick="cadran.value += '5'" type="button" value="5" />
<input name="six" onclick="cadran.value += '6'" type="button" value="6" />
<input name="moins" onclick="cadran.value += ' - '" type="button" value="-" />
<br /><input name="sept" onclick="cadran.value += '7'" type="button" value="7" />
<input name="huit" onclick="cadran.value += '8'" type="button" value="8" />
<input name="neuf" onclick="cadran.value += '9'" type="button" value="9" />
<input name="fois" onclick="cadran.value += ' * '" type="button" value="x" />
<br /><input name="reset" onclick="cadran.value = ''" type="button" value="C" />
<input name="zero" onclick="cadran.value += '0'" type="button" value="0" />
<input name="executer" onclick="cadran.value = eval(cadran.value)" type="button" value="=" />
<input name="division" onclick="cadran.value += ' / '" type="button" value="/" />
</small></td></tr></table>

Billet écrit à 17:44 par 1loup dans la catégorie Blog (technique)

YES... déjà 6 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear -

↓

Commentaires et trackbacks

1. Le vendredi 8 septembre 2006 à 18:27, par edonis

En ce moment, il y a pas mal de petits changements sur ce blog bien joué le coup de la calculette qui va servir

2. Le vendredi 8 septembre 2006 à 19:25, par SLB

Un peu humiliant , mais bon je suis littéraire (comme mon sens inné de l'rthographe ne le montre pas! ) alors je suis bien content!

3. Le vendredi 8 septembre 2006 à 21:20, par fiuuu

merci d'avoir pensé aux drogués de la calculatrrice

4. Le samedi 9 septembre 2006 à 11:04, par 1loup

50% gay, 50% geek (et 100% DVDvore) donc forcément précurseur, non ? Vive la mode des captcha avec calculette intégrée

5. Le samedi 9 septembre 2006 à 14:43, par joseph

mais pourquoi les chiffres sont ils alignés de cette façon ?

6. Le samedi 9 septembre 2006 à 16:20, par 1loup

>Joseph : Pour avoir la même présentation que les téléphones portables ? Tu les préfères dans le même ordre qu'une vraie calculatrice ?

↑

Rajouter un commentaire

mercredi 6 septembre 2006

Validation XHTML (2)

Les blogs de Chtit Lolo et du Strange Little Boy sont maintenant également valides au même doctype que le mien (XHTML 1.0 Strict).

Voulez-vous le logo XHTML valide sur vos blogs ?

Sinon... qu'est-ce qui pourrait bien leur faire perdre cet état ?

- Un billet non valide :vous savez appuyer sur le bouton pour vérifier la validité, non ? Prévenez-moi en cas de problème. SLB a encore un peu de mal à virer le code d'exemple lorsqu'il insère une vidéo type DailyMotion (en général le deuxième, tu mets l'URL après le modèle au lieu d'à sa place et tu ne t'en aperçois pas parce que c'est, je crois, le code pour Internet Explorer et que comme tu es sous Firefox, pour toi cela fonctionne)

- Insertion d'un plugin qui viendrait mettre le souk (code non XHTML valide, il en existe plusieurs !)

- Réception d'un trackback avec un caractère non UTF-8 : Là vous n'y pouvez pas grand chose. Vous pouvez quand même vous en apercevoir avec en général les caractères accentués qui merdouillent (caractères cabalistiques). Il suffit alors, dans l'interface d'admin de rentrer sur le trackback comme vous pouvez rentrer sur les commentaires et de remplacer les lettres posants problèmes.

- Utilisation de certains caractères dans vos titres : Chtit Lolo... évite de commencer un billet par le caractère "[" comme dans [CINE], dans l'url du permalien, le "[" est remplacé par un "-" qui empèche la validation du billet (non pas dans DotClear, tu ne le vois même pas, puisque DotClear teste le contenu du billet et par l'URL du billet). Si tu y tiens vraiment, il suffit de virer manuellement ce "-" en début de permalien pour que cela soit Ok (dans plus d'option / URL titre), mais j'ai cherché longtemps avant de comprendre.

Oui, je sais, cela fait très "prof" voire "mère poule" mais bon, je suis quand même assez fiers de ces deux là... pour des pas doués en informatique, je trouve qu'ils se débrouillent quand même très très bien

Billet écrit à 07:12 par 1loup dans la catégorie Blog (technique)

YES... déjà 14 commentaires :: Comme d´hab, pas de trackback

Tag(s) : DotClear - , XHTML -

↓

Commentaires et trackbacks

1. Le mercredi 6 septembre 2006 à 17:03, par Zanzi

C'est très technique tout ça, j'en ai mal à la tête.

2. Le mercredi 6 septembre 2006 à 18:24, par SLB

Merci môman!!!!

3. Le mercredi 6 septembre 2006 à 18:53, par chtitlolo

Et oui c'est le retour de la revanche de la blonde
Merci le loup...

4. Le jeudi 7 septembre 2006 à 17:28, par mekbrun

j'ai chargé mon avatar sur gravatar.com merci!

5. Le jeudi 7 septembre 2006 à 18:47, par fiuuu

mon gravatar va t il marcher ?

6. Le jeudi 7 septembre 2006 à 18:48, par fiuuu

visiblement non

7. Le jeudi 7 septembre 2006 à 19:40, par 1loup

Comme je l'ai indiqué à Mekbrun, il faut attendre que ton gravatar passe la commission d'experts pour savoir s'il est tout public ou classé X avant qu'il ne s'affiche. Parfois c'est dans la journée, parfois il faut jusqu'à 72h, donc patience.

8. Le jeudi 7 septembre 2006 à 20:41, par fiuuu

oulalala : je vais être refoulé vu la photo que j'ai mise ...

9. Le vendredi 8 septembre 2006 à 07:26, par fiuuu

gravatar : décevant , nan ?

10. Le vendredi 8 septembre 2006 à 07:37, par 1loup

>fiuuu : Oui, très décevant.
Celui de Mekbrun est bien plus réussi !
Mais bon... rien ne t'empêche d'en changer (dommage parce que l'idée était bonne).

11. Le samedi 9 septembre 2006 à 07:11, par mekbrun