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

Langage PHP Discussion :

Surbrillance d'un mot sur lequel on a cliqué


Sujet :

Langage PHP

  1. #1
    Membre habitué
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    365
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 365
    Points : 192
    Points
    192
    Par défaut Surbrillance d'un mot sur lequel on a cliqué
    Bonjour,

    Je suis en train de créer un site dont l'objet est de proposer à un utilisateur une liste de phrases dont il devra repérer la faute qui s'y trouve. Pour cela, il devra cliquer sur le mot fautif (chaque clic provoquant une insertion en bdd pour mémoriser la position du mot cliqué dans la phrase).

    Une fois que l'utilisateur a cliqué sur toutes les phrases proposées (phase 1), une page distincte est chargée d'afficher toutes ces phrases et de vérifier s'il a donné les bonnes réponses (phase 2).

    J'utilise le code suivant pour la phase 2 :
    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
    <?php
     
        $req = $base->prepare('SELECT Texte AS Phrase, positionCliquee ...');   
        $req->bindParam('QuestionnaireId', $QuestionnaireId, PDO::PARAM_INT);           
        $req->execute();
     
            $i=1;//numérotation mot dans la phrase
     
            while($donnees = $req->fetch(PDO::FETCH_ASSOC)) 
            {
     
            $mots = preg_split("/[ ]+/u", $donnees ['Phrase']);
     
            $positionCliquee = $donnees ['positionCliquee'];
     
                foreach($mots as $span){
     
                $string_span = '<span class="span" id="mot_'.$i.'">'.$span.' </span>'; 
     
                echo $string_span; // affichage phrase
                $i++;
                }//fin foreach
     
            $num++;
            }//fin while
    Je souhaite pouvoir mettre en surbrillance pour chaque phrase le mot sur lequel l'utilisateur a précédemment cliqué.

    Exemple
    : si $donnees ['Phrase'] vaut "Chose promise, chose dut.", le traitement preg_split aboutit au résultat suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span class="span" id="mot_1">Chose</span> <span class="span" id="mot_2">promise,</span> <span class="span" id="mot_3">chose</span> <span class="span" id="mot_4">dut.</span>
    et si le visiteur a cliqué, lors de la phase 1, sur le mot n° 4 ($positionCliquee = 4), le mot "dut" devra être mis en surbrillance (ou en gras).

    Ce traitement devra être reproduit pour chaque phrase affichée (en fonction de la position du mot cliqué).

    Voyez-vous comment procéder pour aboutir à ce résultat ? Merci.

  2. #2
    Membre expert
    Avatar de Dendrite
    Femme Profil pro
    Développeuse informatique
    Inscrit en
    Juin 2008
    Messages
    2 129
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 58
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeuse informatique
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juin 2008
    Messages : 2 129
    Points : 3 627
    Points
    3 627
    Billets dans le blog
    8
    Par défaut
    Je crois comprendre à peu près ta problématique.
    Mais il ne me semble pas du tout utile de mettre un span autour de chaque mot !

    Pourquoi pas plus simplement
    une table user (id, nom,prenom)
    une table phrase (id,libelle)
    une table reponse (user_id,phrase_id,mot_index)

    ET après tu fais un truc du genre

    Code SQL : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    select u.nom,u.prenom,p.libelle as phrase_erronee,r.mot_index
    from reponse r
    inner join user u on r.user_id=u.id
    inner join phrase p on r.phrase_id=p.id
    where u.nom="DUPONT" and u.prenom="Jean"
    order by r.id

    Partant de là, en PHP, tu fais un truc du genre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    foreach($data as $row){
       $temp=explode(' ',$row['phrase_erronee']);
       $temp[($row['mot_index']-1)]='<span style="font-weight:bold">'. $temp[($row['mot_index']-1)].'</span>';
       $phrase=implode(' ',$temp);
       echo $phrase.'<br/>' ;
    }
    PDO, une soupe et au lit !
    Partir de la fin est un bon moyen de retrouver son chemin. Bibi - 2020

  3. #3
    Membre habitué
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    365
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 365
    Points : 192
    Points
    192
    Par défaut
    Merci Dendrite. Ta proposition m'a permis d'arriver à mes fins

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer l'index du tableau sur lequel on a cliqué
    Par chok371 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/01/2011, 02h31
  2. Reconnaitre un widget sur lequel on a cliqué
    Par arnaud.gl dans le forum GTK+ avec C & C++
    Réponses: 0
    Dernier message: 19/06/2010, 20h18
  3. Réponses: 13
    Dernier message: 27/09/2008, 00h51
  4. Réponses: 1
    Dernier message: 23/04/2007, 15h09
  5. Comment récupérer l'ID du bouton sur lequel j'ai cliqué?
    Par gwadakillah dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 16/03/2006, 16h52

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