IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Ordre al�atoire des �l�ments d'une liste


Sujet :

JavaScript

  1. #1
    Membre confirm�
    �tudiant
    Inscrit en
    F�vrier 2007
    Messages
    96
    D�tails du profil
    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : F�vrier 2007
    Messages : 96
    Par d�faut Ordre al�atoire des �l�ments d'une liste
    Bonjour � tous,

    Je viens vers vous car j'ai trouv� comment afficher dans un ordre al�atoire les �l�ments <li></li> d'une liste.
    Cependant, ce script ne fonctionne que sous Firefox et je n'ai pas trouv� pourquoi.

    Voici le code :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <ul>
    <script language=javascript type="text/javascript">
    choices=new Array()
    choices[0]='<li>toto</li>'
    choices[1]='<li>tutu</li>'
    choices[2]='<li>titi</li>'
    function RandomSort() {
    return Math.floor((Math.random()*3)-1)
    }
    choices=choices.sort(RandomSort)
    document.write(choices.join(" "))
    </script>
    </ul>
    Merci d'avance pour vos conseils.

    Bien cordialement,
    Perceuse-Killer

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POO�te
    Inscrit en
    Avril 2008
    Messages
    2 652
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activit� : POO�te

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par d�faut

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    var parent = document.getElementById("selonLaOuTuVeuxTonElement");
    var elem = document.createElement("LI");
    elem.appendChild(document.createtextNode("toto"));
    parent.appendChild(elem);

  3. #3
    Expert confirm�
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Ao�t 2003
    Messages
    3 684
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activit� : danseur

    Informations forums :
    Inscription : Ao�t 2003
    Messages : 3 684
    Par d�faut
    content que �a te fasse plaisir Romain;
    je savais pas comment d�marrer

  4. #4
    Expert confirm�
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Ao�t 2003
    Messages
    3 684
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activit� : danseur

    Informations forums :
    Inscription : Ao�t 2003
    Messages : 3 684
    Par d�faut
    du coup maintenant, je suis parti:
    j'ai trouv� comment afficher dans un ordre al�atoire les �l�ments <li></li> d'une liste
    ma premi�re question est: o�?

  5. #5
    Membre confirm�
    �tudiant
    Inscrit en
    F�vrier 2007
    Messages
    96
    D�tails du profil
    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : F�vrier 2007
    Messages : 96
    Par d�faut
    Bonjour RomainVALERI et merci pour ta r�ponse, je vais chercher dans cette direction.

    Citation Envoy� par javatwister Voir le message
    du coup maintenant, je suis parti:
    ma premi�re question est: o�?
    Bonjour javatwister, voici : http://www.tek-tips.com/faqs.cfm?fid=3878

  6. #6
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Posted: 11 Jul 03
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  7. #7
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
     
    var choices = ['<li>toto</li>','<li>tutu</li>','<li>titi</li>'];
    choices = choices.sort(function() {
        return Math.random()-0.5;
    });
    document.getElementById('divavecid').innerHTML = choices.join('');

  8. #8
    Membre confirm�
    �tudiant
    Inscrit en
    F�vrier 2007
    Messages
    96
    D�tails du profil
    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : F�vrier 2007
    Messages : 96
    Par d�faut
    Bonjour dukej,

    Merci pour ta r�ponse qui m'a beaucoup aid�.

    Bonne journ�e.

    Bien cordialement,
    Perceuse-Killer

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [FAQ] [jQuery] Comment puis-je changer l'ordre des �l�ments d'une liste ?
    Par SylvainPV dans le forum Contributions JavaScript / AJAX
    R�ponses: 3
    Dernier message: 18/03/2014, 23h44
  2. Classement des �l�ments d'une liste par ordre alphab�tique
    Par Cellendhyll82 dans le forum D�buter avec Java
    R�ponses: 5
    Dernier message: 15/11/2010, 10h11
  3. Supprimer des �l�ments d'une liste
    Par espadon1 dans le forum Langage
    R�ponses: 2
    Dernier message: 31/05/2006, 15h08
  4. R�ponses: 1
    Dernier message: 28/02/2006, 07h50
  5. [CSS]Changer l'interligne des �l�ments d'une liste � puces
    Par khany dans le forum Mise en page CSS
    R�ponses: 4
    Dernier message: 21/03/2005, 13h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo