Ajout noeuds + objets + liens (ajoutube v1.1)

Soyez le premier à donner votre avis sur cette source.

Snippet vu 3 306 fois - Téléchargée 15 fois

Contenu du snippet

Comment ajouter ou supprimer des noeuds contenant des objets vidéos Youtube à la chaîne ?

Il suffit de regarder le code qui suit, bien sûr ce n'est que son premier jet...

div:liensHref<->img:btn
--> Fonction:affiche_bloc(div:blocVideos,img:btn)
si 1 -> ajout_noeuds(div:blocVideos)
si 2 -> supp_noeuds(div:blocVideos)
sinon -> message d'erreur

Source / Exemple :


/**

      • PAGE PHP CONCERNEES
                                                                                                                      • /
<?php echo' <div class="liensHref"> <p><br/> <a href="#" style="border:solid white 1px;color:yellow;text-decoration:none;border:none;" id="haut" name="haut"> <input type="image" src="./img/btn_play.png" onclick="affiche_bloc(\'blocVideos\',\'btn\')" id="btn" name="btn"/> </a> </p> </div> <div class="blocVideos" id="blocVideos" name="blocVideos">'; /*
    • EMPLACEMENT AJOUT DES NOEUDS VIDEOS
                                                                              • /
echo'</div>'; ?> /**
      • VARIABLES INÉRANTES AUX FONCTIONS
                                                                                                                      • /
var num = 0; var i = 0; var j = 0; var v = 0; var embed_obj = new Array(); /**
      • RENVOI L'IDENTIFIANT DE L'OBJET SPÉCIFIÉ
                                                                                                                      • /
function sonID(objID) { return document.getElementById(objID); } /**
      • MODIFICATION DE LA SOURCE APRÈS SURVOL DE LA SOURIS
                                                                                                                      • /
function affiche(image,lien) { sonID(image).src = lien; } /**
      • AJOUT DU BLOC D'AFFICHAGE DU TABLEAU DE VIDÉOS YOUTUBE
                                                                                                                      • /
function affiche_bloc(objBLOC,IMG) { num++; if( num <= 1 ) { //Affiche le bloc vidéo sonID(objBLOC).style.display = "block"; sonID(objBLOC).style.visibility = "visible"; sonID(IMG).src = "./img/btn_stop.png"; //Ajout des noeuds dans le bloc vidéo ajout_noeuds("blocVideos"); } else if( num >= 2 ) { //Cache le bloc vidéo sonID(objBLOC).style.display = "none"; sonID(objBLOC).style.visibility = "hidden"; sonID(IMG).src = "./img/btn_play.png"; //Suppression des noeuds dans le bloc vidéo supp_noeuds("blocVideos"); num = 0; } else alert("Une erreur est survenue!!!"); } /**
      • AJOUT DU TABLEAU DE VIDÉOS YOUTUBE
                                                                                                                    • /
function ajout_noeuds(objAJOUT) { //Tableau des attributs var attributs = new Array( 'type', 'allowFullScreen', 'allowscriptaccess', 'width', 'height'); //Tableau des valeurs des attributs var valeur = new Array( 'application/x-shockwave-flash', 'always', 'true', '320', '265'); //Tableau des liens des embeds var lienObjet = new Array( 'http://www.youtube.com/v/YJf39tlDkYQ&hl=fr&fs=1&color1=0xe1600f&color2=0xfebd01', 'http://www.youtube.com/v/HitBSvx2xJw&hl=fr&fs=1&color1=0xe1600f&color2=0xfebd01', 'http://www.youtube.com/v/qkKyNzjxASQ&hl=fr&fs=1&color1=0xe1600f&color2=0xfebd01', 'http://www.youtube.com/v/xgxSGC36rtc&hl=fr&fs=1&color1=0xe1600f&color2=0xfebd01', 'http://www.youtube.com/v/jtKRgwLbYck&hl=fr&fs=1&color1=0xe1600f&color2=0xfebd01'); //Taille du tableau des liens var maximumLiens = (lienObjet.length)-1; //Taille du tableau des attributs var maximumAttrib = (attributs.length)-1; for(i=0;i<=maximumLiens;i++) { //création de l'objet embed embed_obj[i] = document.createElement("embed"); /**
      • EMBED SWF
                                                                                                • /
//source du embed embed_obj[i].src = lienObjet[i]; for(v=0;v<=maximumAttrib;v++) { //récupération des attributs du embed embed_obj[i].setAttribute(attributs[v],valeur[v]); } //Ajout du embed au div sonID(objAJOUT).appendChild(embed_obj[i]); } } /**
      • SUPPRESSION DU TABLEAU DE VIDÉOS YOUTUBE
                                                                                                                    • /
function supp_noeuds(objSUPP) { //boucke de suppression des noeuds while(sonID(objSUPP).firstChild) { sonID(objSUPP).removeChild(sonID(objSUPP).firstChild); } }

Conclusion :


J'ai modifié en profondeur mon code et supprimé divers noeuds qui faisaient bugguer sous IE...

A voir également

Ajouter un commentaire

Commentaires

Arto_8000
Messages postés
1051
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
5 -
Ça serait bon que tu donnes un peu plus d'explication et de contexte sur ta source, parce que je ne suis surement pas la seule personne qui a juste un gros point d'interrogation en regardant ta source. Un exemple d'utilisation concrète serait intéressant a ajouté, sinon on est laissé à la seule impression que tout ça sort vraiment de nulle part.
negfreddy
Messages postés
16
Date d'inscription
mercredi 26 janvier 2005
Statut
Membre
Dernière intervention
25 mai 2009
-
oué c'est clair lol
mickaelpfr
Messages postés
197
Date d'inscription
mardi 18 février 2003
Statut
Membre
Dernière intervention
29 avril 2009
2 -
Sa source permet d'ajouter dynamiquement un objet de type flash ( ici plus précisément une video youtube ) mais je doute que cela fonctionne avec tous les flash :) )
negfreddy
Messages postés
16
Date d'inscription
mercredi 26 janvier 2005
Statut
Membre
Dernière intervention
25 mai 2009
-
ta une demos ?
mickaelpfr
Messages postés
197
Date d'inscription
mardi 18 février 2003
Statut
Membre
Dernière intervention
29 avril 2009
2 -
exécute le code :)
sinon version html :

[#

]

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.