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 :

Balise couleur recherche


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    188
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 188
    Par défaut Balise couleur recherche
    Bonjour,

    je recherche les balises qui me permettent de mettre en couleur du texte comme lorsque l'on fait une recherche d'une chaine de caracteres dans sa page internet en faisant ctrl+ f .

    Voici un exemple:

    http://www.monsterup.com/image.php?u...1198245797.jpg
    Merci,
    en fait j'ai un formulaire de recherche et lorsque j'entre une chaine de caracteres dans ma zone texte, je voudrais mettre en couleur toutes les chaines de ma page commencant par ma chaine recherche.

  2. #2
    Membre éprouvé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Par défaut
    Hello, il me semble que c'est propre au navigateur !

  3. #3
    Rédacteur
    Avatar de _Mac_
    Profil pro
    Inscrit en
    Août 2005
    Messages
    9 601
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 9 601
    Par défaut
    Citation Envoyé par Dsphinx Voir le message
    Hello, il me semble que c'est propre au navigateur !
    C'est pas "il semble", c'est sûr !! C'est Firefox : quand tu fais Ctrl+F, dans la barre de recherche en bas de l'écran tu peux cocher l'option "Surligner tout" et hop, l'affaire est dans le sac. Vive Firefox

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Je ne vois pas trop l'intérêt de vouloir recoder un script natif dans les navigateurs ..

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    188
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 188
    Par défaut
    L'intéret est que j'affiche une liste de chaine de caracteres et que je veux la filtrer en utilisant un champ texte .
    Je veux que tous les éléments de la page contenant la chaine rentrée soit mis en couleur.

  6. #6
    Rédacteur
    Avatar de _Mac_
    Profil pro
    Inscrit en
    Août 2005
    Messages
    9 601
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 9 601
    Par défaut
    Tu veux faire ça forcément en faisant Ctrl+F ? Je ne sais pas si c'est possible avec cette séquence de touches mais tu peux faire une fonction en JavaScript qui est déclanchée quand on clique sur un bouton par exemple et qui llit l'intégralité de la page et change à la volée le CSS de certains mots. Ca va pas être simple en tout cas.

  7. #7
    Membre éclairé
    Profil pro
    Architecte de système d’information
    Inscrit en
    Janvier 2007
    Messages
    439
    Détails du profil
    Informations personnelles :
    Localisation : Etats-Unis

    Informations professionnelles :
    Activité : Architecte de système d’information

    Informations forums :
    Inscription : Janvier 2007
    Messages : 439
    Par défaut
    Il veut faire quelque chose à la facebook :
    quand vous êtes loggués , vous pouvez taper dans Search un nom d'un ami.
    Et à la volée, les lettres qui matchent sont mises en couleur.

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    188
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 188
    Par défaut
    nan je veux pas utiliser ctrl+ f,
    j'appel ma fonction javascript quanf je clik dans ma zone de text en utilisant onKeyUp

    mes chaine de caracteres à explorer sont dans une balise div.

    C'est le genre de choses faite sur facebook.com quand on fait une recherche sur nos friends.

    Si on tape Al dans la zone search, on aura tous nos amis commencant par Al qui seront filtrés et affichées et le début de leur nom sera en couleur .

  9. #9
    Membre éprouvé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Par défaut
    Citation Envoyé par psgman113 Voir le message
    Si on tape Al dans la zone search, on aura tous nos amis commencant par Al qui seront filtrés et affichées et le début de leur nom sera en couleur .
    Dans ce cas, il faut te pencher sur de l'AJAX !

  10. #10
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par Dsphinx Voir le message
    Dans ce cas, il faut te pencher sur de l'AJAX !
    Du simple Javascript suffit à priori.

  11. #11
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    188
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 188
    Par défaut
    Dans mon code, j'ai utilisé de l'ajax et du javascript,

    par exemple j'ai ca:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    // Je dois mettre en couleur la lettre A des names commencant par A
      var search='A';
     
    // Je recupere le nom a afficher
      var name = cocktail.getElementsByTagName('name')[0].firstChild.nodeValue;
     
       var vecteur = name.split(search);   
    // J'ai dans name1 la chaine a droite du A , pour Alcolo , j'aurais name1="lcolo" 
      var name1=vecteur[1]; 
     
       html = html + search + name1 +<br/>";
    Je pense qu'il faudrait mettre des balises html autour de search

    par exemple si je mets <em></em> , mon A sera en italique

    Avez vous une idée pour que ce soit souligné en couleur comme sur facebook par ex.

    merci

Discussions similaires

  1. Réponses: 12
    Dernier message: 02/12/2005, 23h07
  2. moteur de recherche exclusion balises HTML
    Par RobinNono dans le forum ASP
    Réponses: 1
    Dernier message: 03/10/2005, 22h51
  3. [Telechargement de Fichier] Recherche balise adéquate
    Par Kylen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 12/09/2005, 15h21
  4. Algo de recherche dans un cube de couleur
    Par mamelouk dans le forum Algorithmes et structures de données
    Réponses: 5
    Dernier message: 15/06/2005, 21h38

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