Активировать событие функции оповещения для узла текстовой области в Firefox Javascript XUL - PullRequest
Новая
       23

Активировать событие функции оповещения для узла текстовой области в Firefox Javascript XUL

1 голос
/ 08 сентября 2011

Я хочу вызвать предупреждение, если пользователь набрал максимальное количество символов в текстовой области. Обычно мой плагин заполняет значения пользовательских узлов непосредственно в текстовое поле моего плагина. Итак, я хочу создать предупреждение, если пользователь достиг var mymaxlength = 20; 

var mymaxlength = 20;
    if ( nodeName == "textarea" && node.value.length >= mymaxlength ) {

        // call your popup / alert function 
                        alert('hi, you have reached 20 characters');
        }

Я пробовал приведенный выше код, он не работал без ошибок? В моем полном коде общее предупреждение работает, но предупреждение внутри цикла не работает? 1. Это хороший способ вызвать предупреждение в onKeypress: function (e)? или же 2. Можно ли вызвать предупреждение, если пользовательский узел подал 20 символов в fillText: function (node)?

Пожалуйста, помогите мне!

Это полный код: 

 run : function () {
                //alert(content.document.cookie);
                //alert("-"+content.document.cookie+"-");
                var cookieTest = content.document.cookie
                var JSESSIONID = pdees.get_Cookie("JSESSIONID");
                if(verifyConnection){
                    if(JSESSIONID && cookieTest){
                        //var result = verifyUserIdentity(JSESSIONID);
                        var head = content.document.getElementsByTagName("head")[0];
                        var body = content.document.body;
                        //var style = content.document.getElementById("pdees-style");
                        //var allLinks = content.document.getElementsByTagName("pdees");
                        var foundLinks = 0;

                        //extract text element from body
                        if(document.getElementById && document.createTreeWalker && typeof NodeFilter!="undefined"){
                            var tw=document.createTreeWalker(body,NodeFilter.SHOW_TEXT,null,false);
                            lookForpdees(tw);
                        }
                        addJScode();
                        idpdeesbutton=0;
                    }else{
                        alert("You should connect to the Application Environment to be authentified");
                    }
                }else{
                    //var result = verifyUserIdentity(JSESSIONID);
                    var head = content.document.getElementsByTagName("head")[0];
                    var body = content.document.body;
                    //var style = content.document.getElementById("pdees-style");
                    //var allLinks = content.document.getElementsByTagName("pdees");
                    var foundLinks = 0;

                    //extract text element from body
                    if(document.getElementById && document.createTreeWalker && typeof NodeFilter!="undefined"){
                        var tw=document.createTreeWalker(body,NodeFilter.SHOW_TEXT,null,false);
                        lookForpdees(tw);
                    }
                    addJScode();
                    idpdeesbutton=0;
                }
            },

            onKeypress : function (e) {

             var mymaxlength = 20;  
                var node = e.target;
                var nodeName = node.nodeName.toLowerCase();
                //text area cache onKeyPress code
                //alert('hi1');


                if ( nodeName == "textarea" && node.value == "" && e.keyCode == 13 ) {

                  pdees.fillText(node);

                  return;
                }
      if ( nodeName == "textarea" && node.value.length >= mymaxlength ) {

                // call your popup / alert function 
                                alert('hi, you have reached 20 characters');
                }


                // this node is a WYSIWYG editor or an editable node?
                if ( ( nodeName != "html" || node.ownerDocument.designMode != "on" ) && node.contentEditable != "true" )
                  return;

                if ( node.textContent == "" && e.keyCode == 13 ) {
                  pdees.fillText(node);
                  return;
                }

                 if (!node.tacacheOnSave) {
                  pdees.fillText(node);
                }

            },
            onChange : function (e) {
                var node = e.target;
                var nodeName = node.nodeName.toLowerCase();
                //alert("onChange : "+nodeName);
                if ( nodeName != "textarea" )
                return;
                pdees.fillText(node);
            },
            onInput : function (e) {
                var node = e.target;
                var nodeName = node.nodeName.toLowerCase();
                //alert("onInput : "+nodeName);
                // Only for textarea node
                if ( node.nodeName.toLowerCase() != "textarea" )
                  return;

                if ( node.value == "" )
                  return;
                pdees.fillText(node);


            },
            fillText : function (node) {
                nodeSRC = node;

                if ( node.nodeName.toLowerCase() == "textarea" )
     { 
                    //alert('hi');
                  userContent = node.value;
                  //alert(userContent);
                }

                else if ( node.nodeName.toLowerCase() == "html" ) { 
                  userContent = node.ownerDocument.body.innerHTML;
                  //alert(userContent);}
                }
                else // element.contentEditable == true
                  userContent = node.innerHTML;
            },
            emptyNodeSRC : function (node){
                if ( node.nodeName.toLowerCase() == "textarea" ) {
                  node.value = "";
                }
                else if ( node.nodeName.toLowerCase() == "html" ) {
                  node.ownerDocument.body.innerHTML = "";
                }
                else // element.contentEditable == true
                  node.innerHTML = "";
            },

        };
    }();

1 Ответ

1 голос
/ 12 сентября 2011

Наконец-то я нашел свою проблему и мне удалось вызвать пользовательское предупреждение mu: В этой функции fillText : function (node), где я могу вызвать предупреждение для userContent. Поэтому я выбрал длину и вызвал предупреждение. 

else if ( node.nodeName.toLowerCase() == "html" ) { 

             userContent = node.ownerDocument.body.innerHTML;
             //alert(userContent);
              var myTest = userContent.length;
              if(userContent.length == 30)
              { 
                    alert('Hi, there!');
              }

            }
            else // element.contentEditable == true
              userContent = node.innerHTML;
        },

Примечание. Полный код приведен на мой вопрос.

...