Accueil > > > AJOUT NOEUDS + OBJETS + LIENS (AJOUTUBE V1.1)
AJOUT NOEUDS + OBJETS + LIENS (AJOUTUBE V1.1)
Information sur la source
Description
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
- /**
- *** 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);
- }
- }
/**
*** 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...
Historique
- 12 février 2009 10:53:45 :
- Mise à jour du code pour compatibilité avec IE
- 12 février 2009 10:55:08 :
- Mise à jour pour compatibilité IE
- 12 février 2009 11:26:51 :
- Ajout de documentation dans le code pour une meilleure compréhension finale
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
stocker objet javascript dans noeud DOM [ par Guillemouze ]
salut a tous.J'ai plusieurs solutions possibles a mon problème, mais je ne sais pas si elles sont faisables en javascript.Alors voila l'histoire : j'a
boucle for... in [ par klod06 ]
Je ne comprends pas ce qui colle pas dans le code ci-dessous, qui est si simple pourtant, mais rien ne s'affiche quand je charge la page.Il s'agit de
sous liens d'un lien [ par akkachamid ]
salut,je vx bien savoir le code java scriipt qui permet d'afficher les sous liens d'un lien par exemple en clic sur un lien Après il montrer les sous
map area - affichage des blocs div comprenant des liens [ par demnatis ]
Bonjour a tous,Après avoir galéré des jours sur mon problème, je m'en remets a la communauté pour votre aide. Bien entendu, j'ai essayé de mettre en p
Recuperation valeur objet popup depuis page parente [ par souvent ]
Bonjour,J'ai une fenêtre principal qui appel un popup (window.open...) pour sélectionner des éléments d'une liste déroulante,je voudrais que ces éléme
Ajouter une propriété à un élément HTML [ par cramyh ]
Bonjour,Dans ma page, j'ai besoin de lier à un élément HTML un objet javascript. Pour cela, j'ai pensé lui ajouter ce dernier en tant que propriété, e
variable qui doit prendre le nom de ce lien [ par ostayamen ]
Bonjour, J'ai un ensemble de liens et je veux déclarer une variable, que lorsque je clique sur un des liens, la variable prend le nom de ce lien. SVP
[HTML]Barre de Liens [ par leamarie ]
Bonjours,Trouver une barre de liens pour mettre dans un blog ou bien créer une si vous avez des solutions merci. CordialementJean Yves
onglet [ par dede260 ]
bonjour dans mon menu deroulant j'ai des liens vers d'autres sites ex: addMainItem("","Divers Liens",120,"center","","",0,0,"","","","",""); define
Actualisation de liens lightwindow/ajax [ par niko008 ]
Salut,Mon problème est le suivant:J'ai une page dans laquelle je charge différentes galeries d'image dans un même div avec Ajax (C'est à dire une gal
|
Derniers Blogs
[WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|