Changer la couleur d'un texte ?
Mozartini
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
Je débute avec JavaScript.
j'ai un paragraphe dont je souhaite changer la couleur du texte avec un onclick.
Voilà mon code :
Quand je clique sur le bouton, le paragraphe change de couleur mais uniquement au moment du clique (je relache la souris et le texte redevient noir). Je voudrais qu'il reste avec la couleur changée.
Comment faire ?
Merci
Je débute avec JavaScript.
j'ai un paragraphe dont je souhaite changer la couleur du texte avec un onclick.
Voilà mon code :
<html>
<head>
<meta charset="utf-8" />
<script>
function changerCouleur(){
if(form.couleur.options[0].selected){
document.getElementById("para").style.color="#f00";
}
else if(form.couleur.options[1].selected){
document.getElementById("para").style.color="#0f0";
}
else if(form.couleur.options[2].selected){
document.getElementById("para").style.color="#00f";
}
else if(form.couleur.options[3].selected){
document.getElementById("para").style.color="#ff0";
}
}
</script>
</head>
<body>
<p id="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<form name="form">
<select name="couleur">
<option value="rouge">rouge</option>
<option value="vert">vert</option>
<option value="bleu">bleu</option>
<option value="jaune">jaune</option>
</select>
<input type="submit" onClick="changerCouleur();" />
</form>
<body>
</html>
Quand je clique sur le bouton, le paragraphe change de couleur mais uniquement au moment du clique (je relache la souris et le texte redevient noir). Je voudrais qu'il reste avec la couleur changée.
Comment faire ?
Merci
A voir également:
- Javascript couleur texte
- Excel cellule couleur si condition texte - Guide
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Code couleur rj45 - Forum câblage
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Transcription audio en texte word gratuit - Guide
Je pensais que submit et button était identique.
Donc submit recharge la page, je note !
C'est utilisé pour transmettre (en PHP ) les données en POST (ou GET) à un script PHP (ou autre langage serveur en fait......).
Enfin bref ... vu que toi tu ne transmet rien et que tu veux juste un bouton... tu dois utiliser un BUTTON :-)