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 :

selectionner le code html publié sur un page au survol de la souris


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    52
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 52
    Par défaut
    Bonjour je n'arrive pas à faire de mon code le même effet de survol de souris que le texte intitulé "laurent"

    L'idée est que lorsque l'utilisateur sur vol le code, celui-ci est sélectionné intégralement.

    Merci pour votre aide.


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
     
    <html><head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>test</title>
     
    </head>
    <body>
    <br>
    <script language="JavaScript">
    var valeur=null;
    function la_cde()
    {
    document.getElementById('celui-ci').select();
    }
    </script>
    <table>
    <tbody>
    <tr>
    <td><input onmouseover="la_cde()" id="celui-ci" value="laurent" style="border-width: 0px; font-size: 10px; text-align: center;" type="text"></td>
    </tr>
    </tbody>
    </table>
    <br>
    <br>
    <table border="0" style="background-color: #fafafa; border: #afabac 0px solid;">
    <tbody>
    <tr>
    <td>
    <p><span style="font-size: x-small;">&lt;html&gt;</span><span style="font-size: x-small;">&lt;head&gt;<br />&lt;meta content=&rdquo;text/html; charset=ISO-8859-1&Prime; http-equiv=&rdquo;content-type&rdquo;&gt;&lt;title&gt;mettre un texte en gras&lt;/title&gt;</span><span style="font-size: x-small;">&lt;/head&gt;&lt;body&gt;<br /></span><span style="font-size: x-small;"><span style="color: #ffcc00;"><strong>&lt;b&gt;Texte en gras ici&lt;/b&gt;<br /></strong></span>&lt;/body&gt;&lt;/html&gt;</span></p>
    </td>
    </tr>
    </tbody>
    </table>
    </body></html>


    En fait, au survol de la souris le mot "Laurent" est sélectionner.

    Je n'arrive pas à obtenir le même résultat avec un morceau de code.

    Comment fait-on pour sélectionner un code entier présent sur un page html ?

  2. #2
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par défaut
    Je ne suis pas fan des frameworks, mais la selection de texte en javascript est tellement immonde que le mieux est de trouver un plugin jQuery (ou autre) qui le fait.

    Par exemple celui-ci (pas testé) : http://www.ryantetek.com/2010/02/sel...s-with-jquery/

Discussions similaires

  1. Site piraté : code html inséré dans ma page
    Par teraDev dans le forum Sécurité
    Réponses: 24
    Dernier message: 27/05/2009, 19h21
  2. Afficher du code html/php sur mes pages
    Par cuisto44000 dans le forum Langage
    Réponses: 4
    Dernier message: 21/08/2008, 00h56
  3. [HTML] son sur une page Html
    Par blandinais dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 12/02/2007, 09h48
  4. Enregistrer une page html publiée sur Internet
    Par creezeer dans le forum Shell et commandes GNU
    Réponses: 1
    Dernier message: 20/11/2006, 17h43
  5. [HTML] mettre un code html visible sur la page
    Par Him dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 07/08/2006, 10h31

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