AJOUT D'UN TEXTE AU NIVEAU DU CURSEUR (IE/MOZILLA)

magalice Messages postés 4 Date d'inscription jeudi 17 février 2005 Statut Membre Dernière intervention 19 février 2005 - 19 févr. 2005 à 20:28
msatter Messages postés 8 Date d'inscription mercredi 11 avril 2007 Statut Membre Dernière intervention 10 mai 2010 - 21 oct. 2009 à 04:02
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/24061-ajout-d-un-texte-au-niveau-du-curseur-ie-mozilla

msatter Messages postés 8 Date d'inscription mercredi 11 avril 2007 Statut Membre Dernière intervention 10 mai 2010
21 oct. 2009 à 04:02
je suis tombé sur ce code que j'ai aimé merci! je propose une mise à jour qui permet de sélectionner la textarea par son id:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns= "http://www.w3.org/1999/xhtml">
<HEAD>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" >
function insertValue(chaineAj,id) {
var myForm = document.getElementById(id);
//IE support
if (document.selection) {
myForm.focus();
sel = document.selection.createRange();
sel.text = chaineAj;
document.getElementById(id).focus();
}
//MOZILLA/NETSCAPE support
else if (document.getElementById(id).selectionStart || document.getElementById(id).selectionStart == "0") {
var startPos = document.getElementById(id).selectionStart;
var endPos = document.getElementById(id).selectionEnd;
var chaine = document.getElementById(id).value;

myForm.value = chaine.substring(0, startPos) + chaineAj + chaine.substring(endPos, chaine.length);
} else {
myForm.value += chaineAj;
}
}
</script>
</HEAD>

[javascript:void(0); texte en gras</srtong>','text');"> gras ] |[javascript:void(0); italique ]
<form name ="WriteForm" id="WriteForm">
<textarea name="text" id="text" cols="45" rows="5"></textarea>
</form>

</html>
cs_Children Messages postés 84 Date d'inscription lundi 5 février 2007 Statut Membre Dernière intervention 29 avril 2009
22 mars 2008 à 15:44
Pour le 7 ;)
cs_Children Messages postés 84 Date d'inscription lundi 5 février 2007 Statut Membre Dernière intervention 29 avril 2009
22 mars 2008 à 15:43
Très pratique, bien que très simple ;)
Pour ceux qui débarqueront sans connaissance, copier/coller ce bout de code dans la page html ou vous avez coller le script.
<form name="WriteForm" id="WriteForm">
<textarea name="text" id="text" cols="45" rows="5"></textarea>

</form>

Je post ce message même si le sujet remonte à très loin car ce script est référencé sur "l'éditeur javascript" et je suppose que plusieurs sont comme VARBOOL lors de sa première question, donc je donne le script, pour éviter aux (très) débutant d'avoir à chercher, même si VARBOOL a donner la réponse dans son deuxième message. Au passage, un petit 7/10.
Cdyx Messages postés 1 Date d'inscription samedi 2 juin 2007 Statut Membre Dernière intervention 15 décembre 2007
15 déc. 2007 à 13:02
Pratique ce petit bout de code :)

Clément.
varbool Messages postés 20 Date d'inscription lundi 24 mai 2004 Statut Membre Dernière intervention 11 mai 2006
11 mai 2006 à 18:42
C'est bien ce que je pensais il faut créer un formulaire appelé 'WriteForm' et un text input appelé 'text'
varbool Messages postés 20 Date d'inscription lundi 24 mai 2004 Statut Membre Dernière intervention 11 mai 2006
11 mai 2006 à 18:35
ca marche pas comme ca
il faut peut être un formulaire ?!
magalice Messages postés 4 Date d'inscription jeudi 17 février 2005 Statut Membre Dernière intervention 19 février 2005
19 févr. 2005 à 20:28
Où faut il insérer le script et que veux dire"explication fianale" ?
Merci
magalice Messages postés 4 Date d'inscription jeudi 17 février 2005 Statut Membre Dernière intervention 19 février 2005
19 févr. 2005 à 20:28
Où faut il insérer le script et que veux dire"explication fianale" ?
Merci
Rejoignez-nous