Discussion :

[Loceka]

Bonjour,

Je voudrais savoir s'il était possible de sélectionner la partie texte d'un élément en la mettant en surbrillance.

Je sais que c'est possible dans un input à l'aide de la fonction select(), seulement je n'ai rien trouvé en ce qui concerne les autres éléments (et moi j'en ai besoin dans un td).

J'ai bien vu une méthode avec createRange ou createTextRange mais apparement c'est seulement compatible IE et mon site de référence pour le javascript ne connaît pas cette fonction, alors je suis sceptique.

Donc si vous connaissez une méthode qui soit crossbrowsers, je suis preneur !

Merci d'avance,
Loceka.

[SpaceFrog]

la partie à mettre en sur-brillance est sélectionnées comment ? par l'utilisateur ou c'est un texte prédéfini ?

[Loceka]

C'est un texte prédéfini.

En fait j'utilise le composant gridhtml qui est un tableau affichant des valeurs.

Ces valeurs peuvent être modifiées par l'utilisateur en double-cliquant sur une case par exemple et ce que j'aimerais c'est que, lors de l'édition de la case, le texte soit préselectionné.

Le problème étant que ce sont des td et non des input (tant qu'à faire...).

[SpaceFrog]

ben si le texte est prédéfini, rien de plus simple ... avec un replace en regExp tu viens encadrer le texte avec une balise span avec un style background color ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function surbrillance(ou,quoi){
var StrReg="("+quoi+")";
var Reg=new RegExp(StrReg,"gi")
return ou.innerHTML.replace(Reg,'<span style="background-color:yellow;">$1</span>')
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div onclick="this.innerHTML=surbrillance(this,'red')" > red bonjour red rediriger quoi  </div>

[Loceka]

Arf, je me suis mal exprimé.

Par mettre en surbrillance, je voulais dire selectionner le texte. Comme si l'utilisateur l'avait sélectionné avec la souris.
Comme ça il n'aurait plus qu'à entrer la valeur désirée sans avoir à selectionner lui-même le texte à la main.

[SpaceFrog]

Ha tu veux dire donner le focus ??

Mais il ne pourra pas saisir par dessus ???

[Loceka]

(Joli effaçage de post)

Justement si, avec le tableau généré par dhtmlxgrid (démo ici), il est tout à fait possible de re-saisir du texte par dessus.

En fait chaque cellule "éditable" de leur tableau se comporte exactement comme un input (à la différence près que c'est en fait un td avec ce que ça a comme avantages et inconvénients).

A vrai dire je n'ai pas regardé comment ils font pour rendre le contenu du tableau éditable, leur code est imbuvable, non indenté et de toute façon on n'a pas le "droit" de savoir ça théoriquement.

Bref, tout ce que je sais c'est que l'utilisateur peut sélectionner le contenu de la cellule à la main, donc je voudrais le faire à sa place.

[SpaceFrog]

à mon avis le code génère un input qu'il colle à l'endroit voulu ...
il suffit de retrouver la trace de cet input et de lui donner le focus ..

PS: je n'ai pas effacé le post mais je l'ai fusionné avec le précédent

[Loceka]

Bien joué !

En effet, il crée un input lors de la sélection de la cellule.

Du coup ça devient simple.

Merci beaucoup.

Du coup, je doûte que mon post en lui-même serve à qui que ce soit, c'est trop spécifique... tant pis.

[SpaceFrog]

SI peut être pour la surbrillance, la vraie