QUIZZ AVEC GLISSÉ DÉPOSÉ D'OBJETS COMPATIBLE (DRAG&DROP) .

citt Messages postés 209 Date d'inscription dimanche 8 juin 2003 Statut Membre Dernière intervention 9 février 2012 - 18 oct. 2004 à 10:24
subderground Messages postés 6 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 17 septembre 2009 - 22 sept. 2009 à 19:13

Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/26931-quizz-avec-glisse-depose-d-objets-compatible-drag-drop

subderground Messages postés 6 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 17 septembre 2009
22 sept. 2009 à 19:13

Salut,

Ce script est super !
Mais comment pourrais-je faire pour appliquer au tableau une rotation de 90°?
Histoire d'avoir la même chose mais en vertical (drapeaux à droite et cases correspondantes à sa gauche par ex).

Merci, si vous avez une astuce car perso je ne vois pas comment faire.

@+

routry Messages postés 14 Date d'inscription jeudi 22 juillet 2004 Statut Membre Dernière intervention 14 mai 2007
29 mai 2007 à 08:00

Bonjour chimelpremier,

C'est exact id="rcpTD" est mis 2 fois, si on retire le deuxième <tr id="rcpTD"> le dragdrop ne se fait pas, et si on le laisse le compteur ne fonctionne pas.
Aurais-tu une solution !

Merci.

chimelpremier Messages postés 544 Date d'inscription vendredi 5 décembre 2003 Statut Membre Dernière intervention 20 mai 2005
28 mai 2007 à 23:01

Bonjour,
Tu as mis 2 fois id="rcpTD" !

routry Messages postés 14 Date d'inscription jeudi 22 juillet 2004 Statut Membre Dernière intervention 14 mai 2007
21 mai 2007 à 13:09

Bonjour à tous,

Une petite question.
Pourquoi lorsque l'on présente le script comme ci-dessous, id="resultat" ne fonctionne pas pour la deuxième rangée ?
Un grand merci par avance pour vos réponses.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>QUIZZ dragdrop d'objets avec des images</title>
<script type="text/javascript" src="bougequiz.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="quiz.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../menu_deroulant/general.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../menu_deroulant/menu.css" />
<script type="text/javascript" src="../menu_deroulant/menu.js"></script>
</head>

Testez ces exemples :

QUIZZ avec des images

Belgique |
Argentine |
Angleterre |
Arabie Saoudite |

Danemark |
Australie |
Egypte |
Finlande |
Iran |

Deplacez les drapeaux dans les bonnes cases avec la souris.

</html>

chimelpremier Messages postés 544 Date d'inscription vendredi 5 décembre 2003 Statut Membre Dernière intervention 20 mai 2005
18 oct. 2004 à 12:44

Si : tant que les cases arrivée ne sont pas toutes remplies, et même aprés en mettant provisoirement une image dans une case titre du tableau.
Dans ton script on fait un échange de src entre 2 images tandis que là c'est l'objet image qui est déplacé du div "div1" vers le tableau "t1" . L'avantage est que les images peuvent être de différentes dimensions, de différents formats ...
J'ai l'intention de l'améliorer pour pouvoir déplacer d'autres objets.

citt Messages postés 209 Date d'inscription dimanche 8 juin 2003 Statut Membre Dernière intervention 9 février 2012 3
18 oct. 2004 à 10:24

C'est cool, mais une fois déposé on peut plus les changer de place moins cool ca !!!

Discussions similaires

Drag and drop dans un tableau HTML

Drag Drop de fichiers

Drag and drop en VBA

DROP TABLE IF EXISTS

[javafx] drag and drop treeview

Votre réponse

Discussions similaires