使用jQuery / Javascript将鼠标悬停在按钮上时，将文本插入文本区域并帮助文本

Question

I have a buttons who insert different text into the textarea, now I also want different help text then mouseover the buttons, but I cant get it to work

Tip code I try to combine with the fiddle, but i cant get it to work together

<button id="button" onmouseover="mOver1(this)" onmouseout="mOut1(this)">Insert1 asdad</button>
<button id="button" onmouseover="mOver2(this)" onmouseout="mOut2(this)">Insert2</button>

<script>
    function mOver1(obj) {
        obj.innerHTML = "<div id='help_container1'><p id='help_text'>Help Text1</p></div>"
    }

    function mOut1(obj) {
        obj.innerHTML = "<button id='button' onmouseover='mOver1(this)' onmouseout='mOut1(this)'>Insert1</button>"
    }




 function mOver2(obj) {
        obj.innerHTML = "<div id='help_container2'><p id='help_text'>Help<br>Text2</p></div>"
    }

    function mOut2(obj) {
        obj.innerHTML = "<button id='button' onmouseover='mOver2(this)' onmouseout='mOut2(this)'>Insert2</button>"
    }
</script>

Fiddle to insert text into textaarea when click button http://jsfiddle.net/rmDzu/19

Fiddle to get help text when mouseover buttons http://jsfiddle.net/fTpwF

Anyone can help me to combine this fiddles into 1? It dont need to be this code in the fiddles at all.

Answer 1

I'm not sure what you mean precisely, but... Check it:

$("#button").on({
    'mouseenter': function() {

        // make function for button

        // make function for textarea

    },
    'mouseleave': function()

        // make function for button

        // make function for textarea
    },
    'click': function() {

        // etc....
    }


});

-

Here is fiddle with your example:

http://jsfiddle.net/rmDzu/23/