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

Soyez le premier à donner votre avis sur cette source.

Snippet vu 3 335 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

xloadx
Messages postés
28
Date d'inscription
samedi 15 mai 2004
Statut
Membre
Dernière intervention
10 septembre 2011

Pourtant j'ai documenté mon code et fait un schéma en prime...je pensais que ça aurait suffit... Merci à Mickaelpfr pour les infos supplémentaires, bien que ça ne fait que répéter une partie du code initial...

Bref mille excuses si je n'ai pas su être assez clair dans mon descriptiif
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 :

[#

]
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
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

oué c'est clair lol

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.