changement de font-family de texte selectionné

changement de font-family de texte selectionné - Javascript/Node.js - Programmation

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>
 

Reply

Marsh Posté le 30-11-2016 à 16:23:31   

Reply

Marsh Posté le 30-11-2016 à 17:28:31    

Merci d'utiliser les balises [code] pour poster ton code ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed