Changer couleur du texte

Sanae
Javascript

Bonjour,
S'ils vous plait , j'ai un problème avec mon code , en faite j'essaie de changer la couleur de mon texte , mais ca ne marcha pas
voici mon code:
//code php
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />
    <link rel="stylesheet" href='styleT.css' type="text/css"/>
     <script src="editeur.js"></script>

    <title>Mon éditeur </title>

</head>

<body>

    <input type="button" value="G" style="font-weight:bold;" onclick="document.execCommand('bold', false,name);" ></code>

     <input type="button" value="I" style="font-style:italic;"  onclick="document.execCommand('italic',false,name);"/></code>
    <input type="button" value="S" style="text-decoration:underline;" onclick="document.execCommand('underline',false,name);" /></code>
    <input type="button" value="BC" style="text-decoration:backcolor;" onclick="document.execCommand('backcolor',false,'pink');" /></code>
    <input type="button" value="B" style="text-decoration:strikethrough;"  onclick="document.execCommand('strikethrough',false,name);"/></code>

      <select id="couleur" onchange="formatText("couleur")">
    <option value="red" style="color:red">Rouge</option>
    <option value="green" style="color:green">Vert</option>
    <option value="blue" style="color:blue">Bleu</option>
    <option value="yellow" style="color:yellow">Jaune</option>
    <option value="orangered" style="color:orange">Orange</option>
    <option value="grey" style="color:grey">Gris</option>
    <option value="silver" style="color:silver">Argent</option>
    <option value="pink" style="color:pink">Rose</option>
    <option value="beige" style="color:beige">Beige</option>
    <option value="brown" style="color:brown">Marron</option>
</select>

    <input type="button" value="Lien" onclick="document.execCommand('createLink');" ></code>
    <input type="button" value="Image" onclick="commande('insertImage');" ></code>
    <input type="button" value="Centrer" style="font-style:justifycenter;"  onclick="document.execCommand('justifycenter',false,name);"/></code>
     <input type="button" value="Gauche" style="font-style:justifyleft;"  onclick="document.execCommand('justifyleft',false,name);"/></code>
     <input type="button" value="Droite" style="font-style:justifyright;"  onclick="document.execCommand('justifyright',false,name);"/></code>

    <div id="editeur" contentEditable ></div>  

</body>

</html>
//code javascript:
function commande(nom, argument){

if (typeof argument === 'undefined') {

    argument = '';

}

document.execCommand('bold', false,name);
document.execCommand('italic', false,name);
document.execCommand('underline', false,name);
document.execCommand('strikethrough', false,name);

document.execCommand('backColor', false,'pink');
document.execCommand('justifycenter', false,name);
document.execCommand('justifyleft', false,name);
document.execCommand('justifyright', false,name);

switch(nom){

case "createLink":

     argument =prompt("Quelle est l'adresse du lien ?");
    document.execCommand('createLink');

break;

case "insertImage":
argument = prompt("Quelle est l'adresse de l'image ?");
document.execCommand('insertImage');
break;

case "couleur":
var couleur =document.getElementById("couleur").options[document.getElementById("couleur").selectedIndex].value;
cible.execCommand('ForeColor',false,couleur);
break;
}

}

Veuillez m'aider s'ils vous plait:)
Merci d'avance

1 réponse

saibe

hello,
ton code n'est pas super propre (et je croyais que tu devais faire une sorte de POO ?) :)
m'enfin :
la méthod execCommand ne peut s'exécuter que sur document (la doc) donc :

cible.execCommand('ForeColor',false,couleur); // ne peut fonctionner, c koi cible ?
document.execCommand('ForeColor', false, couleur);

ensuite à ta place je réorganiserai un peu :
tous tes onclick et ton change devraient exécuter une seule et même function ; là tu as du document.execCommand, du formatText (que je ne vois nulle part....) et du commande tout ça pour faire la même chose...
ta function commande enchaine les execCommande alors qu'elle n'est sensée être appelé que pour insertImage ?
bref à ta place je reprendrais ce code et j'y ajouterais tes fonctionnalités...