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 :
/**
<?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");
/**
//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...
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.