Forum Programmation.web jQuery : comment sélectionner tout le texte contenu d'un <table> ?

Posté par (page perso) . Licence CC by-sa.
Tags :
0
8
jan.
2015

Ceci ne fonctionne pas :(
Est-ce correcte ?

    <script>
        $(document).ready(function() {
            $("#tabselect").click(function () {
                $( "#prisontab" ).select();
            })
        });
    </script>

    <a class="button" id="tabselect">Sélectionner</a>
    <table id="prisontab">
        <caption>La liste...</caption>
        <thead>
            <tr>
                <th>id</th>
                <th>NOM</th>
                <th>Prénom</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>201</th>
                <th>BILLY</th>
                <th>Joe</th>
            </tr>
            <tr>
                <th>104</th>
                <th>YOHMAN</th>
                <th>Pierr</th>
            </tr>
        </tbody>
    </table>

J'ai peur que le problème soit que la sélection se fasse effectivement durant une fraction de seconde mais que le fait du clic la fasse perdre (traité ensuite), où un truc du genre…

Le but est de faciliter le copier coller (vers un tableur par exemple).

Merci d'avance car je cherche depuis de nombreuses heures et je tourne en rond sur le web :(

  • # select() n’est pas fait pour ça

    Posté par . Évalué à 2.

    Pour sélectionner du contenu en-dehors d’une zone de saisie, il faut utiliser les Range et les selectionRange.

    <script>
      $(document).ready(function() {
        $("#tabselect").click(function (event) {
          var range = document.createRange (); // on crée un Range vide
          range.selectNodeContents ($( "#prisontab" )[0]); // on lui ajoute le contenu de la table
          var selection = window.getSelection (); // selection représente ce qui est sélectionné dans la fenêtre
          selection.removeAllRanges (); // on désélectionne tout
          selection.addRange(range); // et on sélectionne la table
        })
      });
    </script>
    • [^] # Re: select() n’est pas fait pour ça

      Posté par (page perso) . Évalué à 1.

      Merci beaucoup :)

      Voici ma fonction actuelle :

      $("#btnselect").click(function () {
        var selection = window.getSelection ();
        selection.removeAllRanges ();
        var range_head = document.createRange ();
        range_head.selectNodeContents ($( "#thetable > thead" )[0]);                      
        selection.addRange(range_head);
        var range_body = document.createRange ();
        range_body.selectNodeContents ($( "#thetable > tbody" )[0]);
        selection.addRange(range_body);
      })

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.