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
TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
Comparez les prix

HTC Hero
Entre 550€ et 550€
|