Math Editor

**gits** · Mar 22 '13, 09:17 AM

for a start have a look here: http://mathdox.org/formulaeditor/

**mini13** · Mar 22 '13, 09:26 AM

But is that not possible to create by our own.

**gits** · Mar 22 '13, 10:22 AM

sure - just have a look at the code there to see how they solved the issue - to get an idea of it

**mini13** · Mar 22 '13, 10:34 AM

Ok gits. I will see the code to get some idea.If any doubts i will ask you again.

**mini13** · Mar 25 '13, 04:40 AM

Sorry i cann't understand the code http://mathdox.org/formulaeditor/

**mini13** · Mar 25 '13, 06:34 AM

Please help me with some samples. Please

**r035198x** · Mar 25 '13, 06:39 AM

Difficult for people to help if they don't know what you don't understand from the given code. Is it too complex for you? Are there constructs in it that you don't understand? If it looks like the code is too advanced then go back to basic tutorials like the W3Schools tutorials here :http://www.w3schools.com/js/default.asp
Otherwise you need to say what you don't understand or people won't know how to help.

**mini13** · Mar 25 '13, 06:56 AM

I have some sample code for the math editor.

Code:

<html>
<head>
    <style>
        .popup {
            position: absolute;
            left: 100px;
            top: 100px;
            border: 1px solid #000;
            background-color: #f0f0f0;
        }

        .popup .symbol {
            display: inline-block;
            padding: 5px;
            margin: 10px;
            border: 1px solid #000;
        }
    </style>
    <script>
        var symbolPopup = null;
        function CreateSymbolPopup () {
            if (symbolPopup) {
                return;
            }

            symbolPopup = document.createElement ('div');
            symbolPopup.className = "popup";

            var symbols = [8719, 8721, 8730];
            for (var i = 0; i < symbols.length; i++) {
                var symbolButton = document.createElement ('span');
                symbolButton.innerHTML = '&#' + symbols[i] + ';';
//alert(symbolButton.innerHTML);
                symbolButton.onclick = AddSymbol;
                symbolButton.className = "symbol";
                symbolPopup.appendChild (symbolButton);
            }
            document.body.appendChild (symbolPopup);
        }

        function ShowSymbols () {
            CreateSymbolPopup ();
            symbolPopup.style.display = "";
        }
        function HideSymbols () {
            if (symbolPopup) {
                symbolPopup.style.display = "none";
            }
        }

        function AddSymbol () {
            var editor = document.getElementById ('editor');
            editor.value += this.innerHTML;alert(editor.value)
            HideSymbols ();
        }
    </script>
</head>
<body>
    <button onclick="ShowSymbols ()">Symbols</button>
    <textarea id="editor"></textarea>
</body>
</html>

But when clicking the symbol button I want to view the symbol into my form.Notoutside my form. Also i wnat to do by clicking the symbols, The symbols not get entered directly to my textarea. Its corresponding value is to get entered. eg &#62

**r035198x** · Mar 25 '13, 07:35 AM

Which form? I don't see a form in your posted code.

**mini13** · Mar 25 '13, 07:55 AM

I haven't posted my form. Its only a sample for the math symbols.

Math Editor

Math Editor

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment