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

Commenter

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

S'inscrire maintenant

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.

Du même auteur (xloadx)