changement de font-family de texte selectionné - Javascript/Node.js - Programmation
MarshPosté le 30-11-2016 à 16:23:31
Bonjour, Je travaille sous asp.net, j'ai un textbox ou je veux changer la font-familly d'une phrase séléctionné en utilisant un dropdwonlist avec des fonts. j'ai trouvé un code qui marche, mais c'est seulement qui change la couleur d'un texte à l'intérieur d'une div et avec une couleur qui était ajouté dans le code, mais moi je veux que ça passe par la valeur choisi dans le dropdownlist et qui change la font de textbox. Voilà mon code, et merci d'avance.
Marsh Posté le 30-11-2016 à 16:23:31
Bonjour,
Je travaille sous asp.net, j'ai un textbox ou je veux changer la font-familly d'une phrase séléctionné en utilisant un dropdwonlist avec des fonts. j'ai trouvé un code qui marche, mais c'est seulement qui change la couleur d'un texte à l'intérieur d'une div et avec une couleur qui était ajouté dans le code, mais moi je veux que ça passe par la valeur choisi dans le dropdownlist et qui change la font de textbox. Voilà mon code, et merci d'avance.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication3.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function setColor() {
if (document.all) {
var tr = document.selection.createRange();
tr.execCommand("ForeColor", false, "#FF0000" );
} else {
var tr = window.getSelection().getRangeAt(0);
var span = document.createElement("span" );
span.style.cssText = "color:#ff0000";
span.style.fontFamily = "comic sans ms";
tr.surroundContents(span);
}
}
function selectHTML() {
try {
if (window.ActiveXObject) {
var c = document.selection.createRange();
return c.htmlText;
}
var nNd = document.createElement("span" );
var w = getSelection().getRangeAt(0);
w.surroundContents(nNd);
return nNd.innerHTML;
} catch (e) {
if (window.ActiveXObject) {
return document.selection.createRange();
} else {
return getSelection();
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList runat="server" ID="ddllist">
<asp:ListItem Value="None" Text="None" />
<asp:ListItem Value="Red" Text="Red" />
<asp:ListItem Value="Green" Text="Green" />
<asp:ListItem Value="Blue" Text="Blue" />
</asp:DropDownList>
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
Changer la couleur d'un texte selectionné.
</div>
<input type="button" onclick="setColor()" value="Changer la couleur" />
<br />
<br />
</div>
</form>
</body>
</html>