0

次のコードを持つprogress.jsファイルがあります

            $('#text_area_input').keyup(function()
            {
                var text_area_box =$(this).val();//Get the values in the textarea
                var max_numb_of_words = 160;//Set the Maximum Number of characters
                var main = text_area_box.length*100;//Multiply the lenght on words x 100
                var value= (main / max_numb_of_words);//Divide it by the Max numb of words previously declared
                var count= max_numb_of_words - text_area_box.length;//Get Count of remaining characters
                if(text_area_box.length <= max_numb_of_words)
                {
                    $('#progressbar').css('background-color','#5fbbde');//Set the background of the progressbar to blue
                    $('#count').html(count);//Output the count variable previously calculated into the div with id= count
                    $('#progressbar').animate(//Increase the width of the css property 'width'
                    {
                        'width': value+'%'
                    }, 1);//Increase the
                }
                else
                {
                    $('#progressbar').css('background-color','yellow');
                    //If More words is typed into the textarea than the specified limit ,
                    //Change the progress bar from blue to yellow
                    var remove_excess_characters =text_area_box.substr(0,max_numb_of_words);
                    $('#text_area_input').val(remove_excess_characters);
                    //Remove the excess words using substring
                }
                return false;
            });
        });

phpファイルでその関数を呼び出す必要があります。どうすればそれを正しくすることができますか？そして私は私のプロジェクトに必要なすべてのCSSを含めます

4

3 に答える 3

0

jqueryコードを別のファイルに入れてから、includeを使用してこれを他のページに含めることができます

http://php.net/manual/en/function.include.php

于 2012-04-11T07:35:32.827 に答える
0

さて、素晴らしい解決策があります。document .readyで使用する代わりに、このように機能します

<input type = 'button' onkeyup = 'my_function();' id = 'text_area_input'>

そして、スクリプトにはこれが含まれている必要があります

 <script type = 'text/javascript'>
 function my_function(){
 // you code here
 }
 <script>

このファイル内の他のphpファイルを呼び出す場合、この関数は新しいphpファイルでも使用できます。他の解決策は、他のphpファイルのコードをコピーすることです

于 2012-04-11T07:42:49.317 に答える
0

私はheader.phpファイルを1つ持っています。header.phpにいくつかとheadタグを挿入し、bodyタグも含めます。しかし、webpage.phpファイルには、1つのテキスト領域があり、プログレスバーを動的に取得するためにjqueryを適用しています。そのため、そのwebpage.phpで$document.ready関数を呼び出す必要があります。しかし、問題は、$documentがたくさんあることです。webpage.phpに含めたheader.phpのready関数。そしてもう1つ、webpage.phpにJQGridの取得に使用される別のヘッドタグがあります。

すでに複数のdocument.readyブロックがあることを理解しているので、特定のブロックだけを呼び出したくはありません。

あなたはから変更する必要があります

$(document).ready(
    //code for block 1
)

$(document).ready(
    //code for block 2
)

$(document).ready(
    //code for block 3
)

関数codeblock1（）{//ブロック1のコード}

function codeblock2(){
    //code for block 2
}

function codeblock3(){
    //code for block 3
}

$(document).ready(
    codeblock1();
    codeblock2();
    ///
)

これで、他のスクリプトで任意のブロックを呼び出すことができます

于 2012-04-11T08:02:46.047 に答える