Javascript besoin d'aide !
Fermé
b'soir,
voila on ma demandé de faire en Javascript un tri d'image, en l'occurence des playmobil (en images dans un tableau) avec en dessous des bouton <<Déplacer a droite>> et <<Déplacer à gauche>>.
Comment me conseillez vous de faire ? car je ne suis pas très câlé en Javascript...
Merci
voila on ma demandé de faire en Javascript un tri d'image, en l'occurence des playmobil (en images dans un tableau) avec en dessous des bouton <<Déplacer a droite>> et <<Déplacer à gauche>>.
Comment me conseillez vous de faire ? car je ne suis pas très câlé en Javascript...
Merci
A voir également:
- Javascript besoin d'aide !
- Telecharger javascript - Télécharger - Langages
- Javascript est activé mais ne fonctionne pas ✓ - Forum Réseaux sociaux
- Erreur #125 javascript - Forum Mozilla Firefox
- Node.js javascript runtime virus ✓ - Forum Virus
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
8 réponses
La première chose sera peut-être de regarder les cours javascript sur Internet. ( commence par commentcamarche par exemple)
Ensuite le tri doit-il être effectué automatiquement ou via le navigateur (en utilisant les fameux boutons...)
Ensuite le tri doit-il être effectué automatiquement ou via le navigateur (en utilisant les fameux boutons...)
je pense mettre les images dans un tableau et créer des fonctions pour les bouton pour inverser les sources des images...
est-ce une bonne solution ? avez vous d autre idées ?
est-ce une bonne solution ? avez vous d autre idées ?
Marden
Messages postés
1072
Date d'inscription
dimanche 11 février 2001
Statut
Membre
Dernière intervention
29 janvier 2006
210
19 nov. 2003 à 15:17
19 nov. 2003 à 15:17
Au hasard des messages, dont l'un d'eux traitait du passage de paramètres à l'appel d'une page Html (document.location.search), j'ai décidé de mettre ce mécanisme en application, en l'occurence, pour faire un diaporama.
Pour ton problème, je vois bien une solution JS utilisant un tableau (au sens stockage d'infos), contenant les noms des images et des critères correspondant aux divers tris que tu veux leur appliquer.
Le JS crée le tableau Html d'affichage de tes images, initialement dans l'ordre de definition du tableau.
A un clic sur un bouton (choix d'affichage), on demande un réaffichage de la page (document.location={même_page}?{critère}).
Il ne reste plus qu'à trier le tableau de données, selon ce critère, avec la méthode "sort", appliquée au contenu d'une colonne, avant de recréer le tableau d'affichage.
Pour ton problème, je vois bien une solution JS utilisant un tableau (au sens stockage d'infos), contenant les noms des images et des critères correspondant aux divers tris que tu veux leur appliquer.
Le JS crée le tableau Html d'affichage de tes images, initialement dans l'ordre de definition du tableau.
A un clic sur un bouton (choix d'affichage), on demande un réaffichage de la page (document.location={même_page}?{critère}).
Il ne reste plus qu'à trier le tableau de données, selon ce critère, avec la méthode "sort", appliquée au contenu d'une colonne, avant de recréer le tableau d'affichage.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'insiste, lis ce qu'il y a sur ce site sur javascript.
(je te donne un indice, il y a des tableaux en javascript- enfin moi c'est ce que j'utiliserais)
(je te donne un indice, il y a des tableaux en javascript- enfin moi c'est ce que j'utiliserais)
merci je vais essayer de me débrouiller avec ske vous m avez dit... demain j essaierai et je posterai le résultat... (si j'arrive)
alors voila mon code et ca marche dites moi si c une bonne méthode...
<HTML>
<HEAD>
<TITLE>Essai tableau</TITLE>
<script language=javascript>
var temp
var i
function next(i)
{
temp = document.image[i].src
document.image[i].src = document.image[i+1].src ;
document.image[i+1].src = temp ;
}
function previous(i)
{
temp = document.image[i].src
document.image[i].src = document.image[i-1].src ;
document.image[i-1].src = temp ;
}
</script>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD><IMG src="img1.gif" name=image></TD>
<TD><IMG src="img2.gif" name=image></TD>
<TD><IMG src="img3.gif" name=image></TD>
</TR>
<TR align=center>
<TD><IMG src="D:\images/f_droite.gif" align=right onclick=next(0)></TD>
<TD><IMG src="D:\images/f_gauche.gif" onclick=previous(1)> <IMG src="D:\images/f_droite.gif" onclick=next(1)></TD>
<TD><IMG src="D:\images/f_gauche.gif" align=left onclick=previous(2)></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Essai tableau</TITLE>
<script language=javascript>
var temp
var i
function next(i)
{
temp = document.image[i].src
document.image[i].src = document.image[i+1].src ;
document.image[i+1].src = temp ;
}
function previous(i)
{
temp = document.image[i].src
document.image[i].src = document.image[i-1].src ;
document.image[i-1].src = temp ;
}
</script>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD><IMG src="img1.gif" name=image></TD>
<TD><IMG src="img2.gif" name=image></TD>
<TD><IMG src="img3.gif" name=image></TD>
</TR>
<TR align=center>
<TD><IMG src="D:\images/f_droite.gif" align=right onclick=next(0)></TD>
<TD><IMG src="D:\images/f_gauche.gif" onclick=previous(1)> <IMG src="D:\images/f_droite.gif" onclick=next(1)></TD>
<TD><IMG src="D:\images/f_gauche.gif" align=left onclick=previous(2)></TD>
</TR>
</TABLE>
</BODY>
</HTML>
