begin process at 2010 08 01 01:41:47
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Effets

 > DRAG DROP DE VIDEOS

DRAG DROP DE VIDEOS


 Information sur la source

Note :
Aucune note
Catégorie :Effets Classé sous :lecteurflv, video, drag, drop, lecteur Niveau :Débutant Date de création :07/05/2009 Date de mise à jour :13/05/2009 22:16:52 Vu / téléchargé :2 723 / 365
Auteur : kazma

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

 Description

Cliquez pour voir la capture en taille normale
script qui sert a draguer(pas des filles)droper des image dans un lecteur de video flash compatible ie 5.5 a 8,  firefox, opera, chrome et safari.

Source

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <html xmlns="http://www.w3.org/1999/xhtml">
  • <title>fenetres</title>
  • <head>
  • <style>
  • #dc img{
  • display:block;
  • }
  • #dc{
  • overflow:auto;
  • margin:-250px 0 0 350px;
  • background-color:#6495c5;
  • height:250px;
  • width:200px;
  • }
  • #rss{
  • background-color:#6495c5;
  • height:100px;
  • width:100px;
  • position:relative;
  • }
  • #ct{
  • position:absolute;
  • top:100px;
  • left:200px;
  • }
  • #diovi{
  • }
  • #diovi embed{
  • height:250px;
  • width:320px;
  • }
  • </style>
  • <SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript" SRC="dragcv.js"></SCRIPT>
  • </head>
  • <body>
  • <div id='ct'>
  • <div id='diovi'>
  • <embed
  • src="mediaplayer.swf"
  • wmode="transparent"
  • allowscriptaccess="always"
  • allowfullscreen="true"
  • flashvars=id=lec1&"height=250&width=320&file=video.flv&backcolor=0x000099&frontcolor=0xFFFFFF&lightcolor=0x009999&screencolor=0x000000&volume=50&showstop=true&showdownload=true&autoscroll=true&repeat=true&shuffle=true&logo=/upload/oddbutcute.png/>
  • </embed>
  • </div>
  • <div id='dc'>
  • <img src='jwplayer.jpg' id='draga'>
  • <img src='grog.jpg' id='dragb'>
  • <img src='clayman_01.jpg' id='dragc'>
  • <img src='clayman_02.jpg' id='dragd'>
  • <img src='walkin.jpg' id='drage'>
  • <img src='jwplayer.jpg' id='dragf'>
  • <img src='grog.jpg' id='dragg'>
  • </div>
  • </div>
  • </body>
  • </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>fenetres</title>
<head>
<style>
#dc img{
display:block;
}
#dc{
overflow:auto;
margin:-250px 0 0 350px;
background-color:#6495c5;
height:250px;
width:200px;
}
#rss{
background-color:#6495c5;
height:100px;
width:100px;
position:relative;
}
#ct{
position:absolute;
top:100px;
left:200px;
}
#diovi{

}
#diovi embed{
height:250px;
width:320px;
}
</style>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript" SRC="dragcv.js"></SCRIPT>
</head>
<body>
<div  id='ct'>
<div id='diovi'>
<embed
src="mediaplayer.swf"
wmode="transparent"
allowscriptaccess="always"
allowfullscreen="true"
flashvars=id=lec1&"height=250&width=320&file=video.flv&backcolor=0x000099&frontcolor=0xFFFFFF&lightcolor=0x009999&screencolor=0x000000&volume=50&showstop=true&showdownload=true&autoscroll=true&repeat=true&shuffle=true&logo=/upload/oddbutcute.png/>
</embed>
</div>

<div id='dc'>
<img src='jwplayer.jpg' id='draga'>
<img src='grog.jpg' id='dragb'>
<img src='clayman_01.jpg' id='dragc'>
<img src='clayman_02.jpg' id='dragd'>
<img src='walkin.jpg' id='drage'>
<img src='jwplayer.jpg' id='dragf'>
<img src='grog.jpg' id='dragg'>
</div>
</div>
</body>
</html>

 Conclusion

bill s'il te plait fait quelque chose pour IE

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

13 mai 2009 22:16:53 :
ajout de srcelement pour ie + nettoyage

 Sources du même auteur

Source avec Zip Source avec une capture EFFET DE TEXTE EN CSS3
Source avec Zip Source avec une capture CLAVIER NUMERIQUE SECURISÉ
Source avec Zip Source avec une capture FAIRE DEFILER DES IMAGE A LA MOLETTE OU SOURIS
Source avec Zip Source avec une capture CSS3 TRANSFORM
Source avec Zip Source avec une capture DE L'OMBRE
Toutes les sources de kazma

 Sources de la même categorie

Source avec Zip Source avec une capture VIDEO EN FOND DE PAGE WEB (HTML5) par BarbuJack
Source avec Zip Source avec une capture EFFET DE TEXTE EN CSS3 par kazma
Source avec Zip Source avec une capture TRANSFORMATIONS CSS ANIMÉES CROSS-BROWSER AVEC JQUERY par pysco68
Source avec Zip Source avec une capture DE L'OMBRE par kazma
INFO BULLE NON DESTRUCTIVE par McPeter
Toutes les sources de la catégorie Effets

 Sources en rapport avec celle ci

Source avec une capture DRAG/DROP/REDIMENSIONNER... par sitajony
DRAG & DROP SIMPLE, SIMPLE, SIMPLE par jdmcreator
Source avec Zip Source avec une capture DKSDRAGDROP : UNE BIBLIOTHÈQUE DE DRAG AND DROP ET DE GESTIO... par DARKSIDIOUS
Source avec Zip Source avec une capture BOXMANAGEMENT: COMME LA PAGE D'ACCUEIL PERSONALISÉE DE GOOGL... par the_wwt
Source avec Zip DRAG AND DROP ET REDIMENSIONNEMENT par jhenaff

Commentaires et avis

Commentaire de Bul3 le 07/05/2009 16:10:41

intéressant
je viens de tester avec IE8 :
pas de souci : tout baigne.
( si flash est autorisé )

Commentaire de XtremDuke le 07/05/2009 16:23:04

Pour ma part je ne suis pas aussi antousiaste.

Les évènements sont utilisés de manière incompréhensible. On a le droit à un "attachEvent", un "eval()" pour une raison plutôt obscure et des attributs "onmouse..."...

J'ai observé une difference avec la position du clone par rapport à son origine (IE / autres navigateurs).

Commentaire de kazma le 07/05/2009 17:05:39

pour le eval je veut bien l'éviter et sans problème mais je réussi a faire admettre des paramètres que par ce même eval

par rapport a la différence entre ie et le reste c'est que quand je demande a ie de me donner la position de mon div par offsetTop et Left pour ie 7 et inférieure j'obtient que la position en top pour ie 8 aucunes des deux (un bug peut etre ) j'ai donc du pour ie me resilier a faire un vrais faut drag  en lui donnant la position central de l'objet dragué

Commentaire de XtremDuke le 07/05/2009 17:16:13

Lors de l'utilisation du gestionnaire Javascript, il est possible de récuperer l'élement Html sur lequel l'évènement s'est déclanché via l'objet "event". A partir de là, u peux en déduire tes variables.

Commentaire de kazma le 07/05/2009 17:23:18

le probleme vient que ie ne supporte pas curenttarget et que attachEvent apparement ne support pas this pour les autre j'ai bien utilise curenttarget ???

Commentaire de XtremDuke le 07/05/2009 17:27:28

Pour obtenir la cible d'un evènement (à partir d'un objet event) :

var elementHtml =  event.target || event.srcElement;

Commentaire de XtremDuke le 07/05/2009 17:30:31

Pour ce qui est du pointer "this", il suffit du créer un "bind" sur la fonction que tu appelles.

Commentaire de kazma le 07/05/2009 17:36:05

event.srcElement; j'en ai entendu parler dernierement mais pas eu le temp de l'etudier et aussi le probleme des parametres vient que pour une video je recupere son nom dans un array pour obtenir

onmouseup'lafonction(leparametre)'
et la recuperation dans le array coince c'est surtout ca le probleme si je fait ca

document.getElementById(bou).attachEvent"onmousedown", function(){sp("'+bou+'");dido="'+tbv[i]+'"});

ca ne marche pas

Commentaire de kazma le 07/05/2009 18:09:26

je vient d'incorporer event.srcElement; et sa marche nikel chrome (merci)il me reste plus que ca

eval('document.getElementById(bou).attachEvent ("onmousedown", function(){dido="'+tbv[i]+'"})');

donc pour une solution sans eval je suis preneur
++

Commentaire de XtremDuke le 07/05/2009 18:11:01

Je viens de faire une petite doc rapide sur l'utilisation du binding, des evenements JS et de la detection du navigateur. Ce n'est certes par complet, mais ca a le mérite d'être "light" et fonctionnel :

http://joof-api.net/tmp/utils.html

Commentaire de kazma le 07/05/2009 19:41:22

j'ai regarder et je trouve sa très intéressante et bien fait les fonction sont très bien optimise mais (quoi mais)dans la fonction de detection qui est tres complete car elle liste les navigateurs et les familles on ne peut pas detecter ie et opera en meme temp. quelle interet ? au niveau de scrollTop quand il n'y a pas de scroll opera fonctionne comme EI  scrolltop donnera comme valeur la distance du haut de la page jusqu'aux dernier élément alors que les autres navigateurs donnerons si je ne me trompe pas 0 c'est dalleur pour ça que beaucoup de gens galère a mettre voile couvrant toute la page
sinon d'ensemble c'est sur sa évite beaucoup de if

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

drag and drop sur un lecteur flash [ par tntman ] bonjour,je cherche le code source pour faire ça :http://demos.dojotoolkit.org/demos/video/sinon une autre façon de faire du drag and drop sur un lecte drag n drop d'image [ par crasse ] bonsoir !Je suis en train d'essayer de realiser une interface simple de drag n drop d'image mais je n'y parviens pas completement...pour commencer, je Probleme d'update BDD avec Drag 'n Drop [ par IceP42 ] Bonjour, j'ai un probleme avec l'utilisation du drag'n drop sur une liste de jeux. Je récupère la liste des jeux à partir d'une base de donnée sql et Drag ans Drop avez vous le meme probleme ? [ par chiktika ] Bonjour,j'ai réalisé un drag and drop pour faire passer des images d'un div a un autre.Un petit apercu rapide de l'architecture html :&lt;div id="cont Drag and drop dans un tableau HTML [ par dedeisep2 ] les mystères du Drag N drop [ par kotok ] Bonjour à tous les accros de Javascript. Je suis un nouveau viendu ! C'est à dire un peu ... long à la détente si vous voyez ce q Problème sur un drag & drop [ par destiny ] Bonjour,Je viens de faire un drag&amp;drop est j'ai un petit "problème". Quand je drag mon élément, ma souris fait en même temps une sélection textes/ Drag and Drop & sélection [ par Drazounet ] Bonjour à tous !Je suis en train de développer un système de Drag and Drop, et jusque là, tout fonctionne très bien.J'ai juste un petit soucis avec IE drag and drop suvit d'une modification [ par plopinou ] Bonjour a tous,JE vous explique mon problème :J'ai fait un drag and drop qui marche comme ceci :on a 4 choix sur la droite, titre, titre + photo, desc Panier Drag & Drop [ par saidaMil3aka ] Bonjour à tous,Le drag and drop ici : http://demo.script.aculo.us/shop est exactement ce que j'aimerai réaliser .Mais loin d'être une expérte en AJAX


Nos sponsors


Sondage...

Comparez les prix


Console Sony PSP-3000 Black
Entre 200€ et 200€

Visiter le guide achat

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode
 
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,515 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)