Discussion :

[thibotus01]

Bonjour,

J'essaye de comprendre une manière d'afficher des blocs CSS par javascript. J'utilise l'API Google pour afficher des vidéos youtube (GSvideobar), on a le choix que d'avoir des large ou small résultats (4 ou 8 vidéos).
Sur une groupe de discussion, pour controler le nombre de vidéos affichées il faut faire comme suit :

Another way is to use CSS to manually get rid of videos. The class name on
each of the TD elements that hold the videos are .resultCell_gsvb. If you
create a CSS rule:
.resultCell_gsvb {
display: none;
}

then that will hide all of the videos. From there, you will need to use
Javascript (getElementById, getElementByTagName) to grab the video TD's and
set CSS rules on them to display as many as you want. Aka, loop through the
TD elements with class name == resultCell_gsvb and set the first 2 of them
to have the CSS rule display:inline.

http://groups.google.com/group/googl...b6b823190be4a2


Sauf que j'ai du mal à comprendre la méthode exacte, surtout avec le JS mélangé... Si quelqu'un peut m'éclairer

[Bowser64]

Salut,

L'idée c'est de récupérer tout les éléments qui appartiennent à la classe "resultCell_gsvb" et de modifier pour chacun d'eux la propriété display.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
//Exemple de code JavaScript
Tab //Tableau contenant la liste des éléments appartenant à la classe "resultCell_gsvb"
 
Tab[1].style.display="none";//Rend invisible la deuxième vidéo

Avec cette solution tu ne pourras pas ajouter de vidéo, tu seras donc limité à 8 ou 4 vidéos.

[thibotus01]

J'ai contourner le problème en affichant 8 vidéos mais en petite taille, ca me donne tout aussi bon effet
je me voyais pas m'embarquer avec le js...