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
[MIX 2010] - TELECHARGEZ INTERNET EXPLORER 9 EN PREVIEW ![MIX 2010] - TELECHARGEZ INTERNET EXPLORER 9 EN PREVIEW ! par redo
La Preview de Windows Explorer 9 est maintenant disponible à l'adresse suivante : http://ie.microsoft.com/testdrive/ Cette version ne nécessite pas un redémarrage de votre machine pour être exploitée . Cette version est fonctionnelle mais reste cependant ...
Cliquez pour lire la suite de l'article par redo [MIX 2010] - KEYNOTE DAY 2 ONLINE : WINDOWS INTERNET EXPLORER 9, JQUERY, ODATA ET DALLAS CTP2 ![MIX 2010] - KEYNOTE DAY 2 ONLINE : WINDOWS INTERNET EXPLORER 9, JQUERY, ODATA ET DALLAS CTP2 ! par redo
Dans la lignée du premier keynote, retrouvez la vidéo du second keynote en ligne : Visionnez la vidéo à l'url suivante : http://www.microsoft.com/presspass/events/mix/VideoGallery.aspx Vous y retrouverez ainsi les speakers Scott Guthrie, Dean Hachamovitch...
Cliquez pour lire la suite de l'article par redo [MIX 2010] - RETOUR D'EXPéRIENCE DéVELOPPEMENT SEESMIC SUR WINDOWS PHONE 7[MIX 2010] - RETOUR D'EXPéRIENCE DéVELOPPEMENT SEESMIC SUR WINDOWS PHONE 7 par redo
En avant première, Loic le retour d'expérience de Loïc Le Meur du portage de l'application http://seesmic.com/ sur plateforme Windows Phone 7 . c'était d'ailleurs une des rares opportunités de tester, voir toucher le nouveau device . voyez par vous-même :...
Cliquez pour lire la suite de l'article par redo [MIX 2010] - LE KEYNOTE DAY 1 DISPONIBLE ONLINE ![MIX 2010] - LE KEYNOTE DAY 1 DISPONIBLE ONLINE ! par redo
Si tout comme moi, vous avez manqué de peu le premier keynote du Microsoft Mix 2010, je vous invite à prendre deux heure et le consulter ci-dessous . Visionnez le Keynote à l'url suivante : http://www.microsoft.com/Presspass/events/mix/videoGallery.aspx?c...
Cliquez pour lire la suite de l'article par redo VISUAL STUDIO TALK SHOW: EF4VISUAL STUDIO TALK SHOW: EF4 par Matthieu MEZIL
La semaine dernière, j'étais à Montréal pour y animer des conférences sur Entity Framework. J'en ai profité pour enregister un podcast Visual Studio Talk Show que vous pouvez retrouver ici ....(read more) ...
Cliquez pour lire la suite de l'article par Matthieu MEZIL
Logiciels
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|