在highcharts的Tooltip的jquery ui自定义弹出框中动态地从文本区域获取输入

Dynamically Take input from text-areas in a jquery ui custom pop up box for Tooltip in highcharts

本文关键字：文本 动态 区域 输入 获取 jquery Tooltip highcharts ui 自定义      更新时间：2023-09-26

我想使用12个文本区域从用户那里获得12个输入。这些文本区域应该显示在jquery ui自定义弹出对话框中。这个弹出对话框应该只在按钮点击时可见。这样的输入应该然后显示为工具提示在高架线图连同换行功能，因为我想在每个文本框中输入50个字符。

我已经能够从使用文本区域的用户输入，但我有麻烦将这些文本区域内使用jquery ui弹出对话框。在高图中，工具提示通常加载在文档准备就绪，但我希望工具提示仅在单击按钮并在弹出对话框的多个文本区域内填充数据后显示…

在这个链接http://jsfiddle.net/RbenU/3/中，用于工具提示的代码是

             tooltip: {
           formatter: function () {
            var serieI = this.series.index;
            var index = dataValues.indexOf(this.y);
           var index1= dataValues2.indexOf(this.y);
           debugger;
            var comment = "";
            if (serieI == 0) {
                comment = $("input:eq(" + (index) + ")").val();
            } else {
               //comment = "second serie matched!";
                comment = $("input:eq(" + (index1) + ")").val();
            }
            return 'The value for <b>' + this.x +
                '</b> is <b>' + this.y + '</b> -->' + comment;
        }
    },

我只使用了4个文本框，因为我想先在弹出式日志框中显示文本框，然后再继续制作12个文本框…

请帮…

看一下modal form的例子:* http://jqueryui.com/dialog/modal-form当用户按下:

        ...
            modal: true,
            buttons: {
            "Create an account": function() { 
              //get the form values or post the form here
        ...

一般来说，首先参考jQuery示例来找到您的需求，并使用API了解细节。

相关文章：