begin process at 2010 03 17 06:55:09
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > AJOUT NOEUDS + OBJETS + LIENS (AJOUTUBE V1.1)

AJOUT NOEUDS + OBJETS + LIENS (AJOUTUBE V1.1)


 Information sur la source

Note :
Aucune note
Catégorie :Effets Classé sous :noeud, objet, liens Niveau :Initié Date de création :11/02/2009 Date de mise à jour :12/02/2009 11:26:51 Vu :1 316

Auteur : xloadx

Ecrire un message privé
Site perso
Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

 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 du même auteur

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN...
Source avec Zip Source avec une capture FOND D'ÉCRAN DÉFILANT AVEC FONCTION MARCHE/ARRÊT ( AJOUT JQU...
Source avec Zip Source avec une capture INFO BULLE MULTI -TEXTE OU FAUSSE FENÊTRE POPUP (SIMPLE ET P...
Source avec Zip Source avec une capture TEXTE DÉFILANT ( BOUTONS : ARRÊT - PAUSE - AVANT - ARRIÈRE E...

 Sources de la même categorie

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0 par xloadx
Source avec Zip MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76
Source avec Zip MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx

 Sources en rapport avec celle ci

Source avec Zip LES COOKIES ET JAVASCRIPT par Zestyr
Source avec une capture DRAG/DROP/REDIMENSIONNER... par sitajony
Source avec Zip DYNAMIC MENU AND NAME (SUB) MENUS V1.0 par astro53
Source avec Zip CLASS VERIFICATION DES SAISIES par TheWeasel47
TRANSFORMER UN FLUX XML EN UNE TABLE HTML VIA JAVASCRIPT par pifou25

Commentaires et avis

Commentaire de Arto_8000 le 12/02/2009 02:18:15

Ça serait bon que tu donnes un peu plus d'explication et de contexte sur ta source, parce que je ne suis surement pas la seule personne qui a juste un gros point d'interrogation en regardant ta source. Un exemple d'utilisation concrète serait intéressant a ajouté, sinon on est laissé à la seule impression que tout ça sort vraiment de nulle part.

Commentaire de negfreddy le 12/02/2009 12:23:29

oué c'est clair lol

Commentaire de mickaelpfr le 12/02/2009 14:45:04

Sa source permet d'ajouter dynamiquement un objet de type flash ( ici plus précisément une video youtube ) mais je doute que cela fonctionne avec tous les flash :) )

Commentaire de negfreddy le 12/02/2009 15:37:30

ta une demos ?

Commentaire de mickaelpfr le 12/02/2009 16:12:00

exécute le code  :)
sinon version html :

<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"></div>

Commentaire de xloadx le 16/02/2009 16:07:35

Pourtant j'ai documenté mon code et fait un schéma en prime...je pensais que ça aurait suffit... Merci à Mickaelpfr pour les infos supplémentaires, bien que ça ne fait que répéter une partie du code initial...

Bref mille excuses si je n'ai pas su être assez clair dans mon descriptiif

 Ajouter un commentaire


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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,468 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales