CodeIgniter provides a library to h

CodeIgniter provides a library to help you with certain common functions that you may want to use with Javascript. Please note that CodeIgniter does not require the jQuery library to run, and that any scripting library will work equally well. The jQuery library is simply presented as a convenience if you choose to use it.

Important

This library is DEPRECATED and should not be used. It has always been with an ‘experimental’ status and is now no longer supported. Currently only kept for backwards compatibility.
Using the Javascript Class
Initializing the Class
Setup and Configuration
Set these variables in your view
Set the path to the librarys with config items
The jQuery Class
jQuery Events
Effects
hide() / show()
toggle()
animate()
fadeIn() / fadeOut()
toggleClass()
fadeIn() / fadeOut()
slideUp() / slideDown() / slideToggle()
Plugins
corner()
tablesorter()
modal()
calendar()
Using the Javascript Class
Initializing the Class
To initialize the Javascript class manually in your controller constructor, use the $this->load->library() method. Currently, the only available library is jQuery, which will automatically be loaded like this:

$this->load->library('javascript');
The Javascript class also accepts parameters:

js_library_driver (string) default: ‘jquery’
autoload (bool) default: TRUE
You may override the defaults by sending an associative array:

$this->load->library(
'javascript',
array(
'js_library_driver' => 'scripto',
'autoload' => FALSE
)
);
Again, presently only ‘jquery’ is available. You may wish to set autoload to FALSE, though, if you do not want the jQuery library to automatically include a script tag for the main jQuery script file. This is useful if you are loading it from a location outside of CodeIgniter, or already have the script tag in your markup.

Once loaded, the jQuery library object will be available using:

$this->javascript
Setup and Configuration
Set these variables in your view
As a Javascript library, your files must be available to your application.

As Javascript is a client side language, the library must be able to write content into your final output. This generally means a view. You’ll need to include the following variables in the sections of your output.



$library_src, is where the actual library file will be loaded, as well as any subsequent plugin script calls; $script_head is where specific events, functions and other commands will be rendered.

Set the path to the librarys with config items
There are some configuration items in Javascript library. These can either be set in application/config.php, within its own config/javascript.php file, or within any controller usings the set_item() function.

An image to be used as an “ajax loader”, or progress indicator. Without one, the simple text message of “loading” will appear when Ajax calls need to be made.

$config['javascript_location'] = 'http://localhost/codeigniter/themes/js/jquery/';
$config['javascript_ajax_img'] = 'images/ajax-loader.gif';
If you keep your files in the same directories they were downloaded from, then you need not set this configuration items.

The jQuery Class
To initialize the jQuery class manually in your controller constructor, use the $this->load->library() method:

$this->load->library('javascript/jquery');
You may send an optional parameter to determine whether or not a script tag for the main jQuery file will be automatically included when loading the library. It will be created by default. To prevent this, load the library as follows:

$this->load->library('javascript/jquery', FALSE);
Once loaded, the jQuery library object will be available using:

$this->jquery
jQuery Events
Events are set using the following syntax.

$this->jquery->event('element_path', code_to_run());
In the above example:

“event” is any of blur, change, click, dblclick, error, focus, hover, keydown, keyup, load, mousedown, mouseup, mouseover, mouseup, resize, scroll, or unload.
“element_path” is any valid jQuery selector. Due to jQuery’s unique selector syntax, this is usually an element id, or CSS selector. For example “#notice_area” would effect , and “#content a.notice” would effect all anchors with a class of “notice” in the div with id “content”.
“code_to_run()” is script your write yourself, or an action such as an effect from the jQuery library below.
Effects
The query library supports a powerful Effects repertoire. Before an effect can be used, it must be loaded:

$this->jquery->effect([optional path] plugin name); // for example $this->jquery->effect('bounce');
hide() / show()
Each of this functions will affect the visibility of an item on your page. hide() will set an item invisible, show() will reveal it.

$this->jquery->hide(target, optional speed, optional extra information)

Kết quả (Việt) 1:

CodeIgniter cung cấp một thư viện để giúp bạn với một số chức năng phổ biến mà bạn có thể muốn sử dụng Javascript. Xin lưu ý rằng CodeIgniter không cần các thư viện jQuery để chạy, và bất kỳ thư viện kịch bản sẽ làm việc tốt như nhau. Thư viện jQuery đơn giản được trình bày như là một tiện lợi nếu bạn chọn để sử dụng nó.Quan trọngThư viện này bị phản đối và không nên được sử dụng. Nó luôn luôn với trạng thái 'thử nghiệm' và bây giờ không còn được hỗ trợ. Hiện nay chỉ giữ cho ngược khả năng tương thích.Bằng cách sử dụng Javascript lớpKhởi tạo lớp họcCài đặt và cấu hìnhThiết lập các biến này trong chế độ xem của bạnThiết lập đường dẫn để librarys với cấu hình mặt hàngJQuery lớpjQuery sự kiệnHiệu ứngHide() / show()Toggle()animatefadeIn() / fadeOut()toggleClass()fadeIn() / fadeOut()slideUp() / slideDown() / slideToggle()PluginsCorner()TableSorter()modal()Calendar()Bằng cách sử dụng Javascript lớpKhởi tạo lớp họcKhởi tạo lớp Javascript bằng tay trong của nhà xây dựng bộ điều khiển, sử dụng $this -> load -> phương pháp library(). Hiện nay, các thư viện chỉ có sẵn là jQuery, sẽ tự động được nạp như thế này:$this -> load -> library('javascript');Các lớp học Javascript cũng chấp nhận các tham số:js_library_driver (string) mặc định: 'jquery'AutoLoad (bool) mặc định: TRUEBạn có thể ghi đè mặc định bằng cách gửi một mảng kết hợp:$this -> load -> Thư viện () 'javascript', Array) 'js_library_driver' = > 'scripto', 'autoload' = > sai ));Một lần nữa, hiện nay chỉ 'jquery' có sẵn. Bạn có thể muốn thiết lập autoload để sai, Tuy nhiên, nếu bạn không muốn các thư viện jQuery để tự động bao gồm một thẻ script cho các tập tin kịch bản jQuery chính. Điều này là hữu ích nếu bạn đang tải nó từ một địa điểm bên ngoài của CodeIgniter, hoặc đã có thẻ script trong đánh dấu của bạn.Sau khi cất cánh, các đối tượng thư viện jQuery sẽ có sẵn bằng cách sử dụng:$this -> javascriptCài đặt và cấu hìnhThiết lập các biến này trong chế độ xem của bạnNhư một thư viện Javascript, tệp của bạn phải có sẵn ứng dụng của bạn.Javascript là một ngôn ngữ bên khách hàng, các thư viện phải có khả năng để viết nội dung vào đầu ra cuối cùng của bạn. Điều này thường có nghĩa là một cái nhìn. Bạn sẽ cần phải bao gồm các yếu tố sau đây trong các phần đầu ra của bạn.$library_src, là nơi các tập tin thư viện thực tế sẽ có các cuộc gọi kịch bản plugin nạp, cũng như bất kỳ tiếp theo; $script_head là nơi mà sự kiện cụ thể, chức năng và các lệnh khác sẽ được trả lại.Thiết lập đường dẫn để librarys với cấu hình mặt hàngCó một số mặt hàng cấu hình thư viện Javascript. Đây có thể hoặc là được đặt trong application/config.php, bên trong tập tin config/javascript.php của riêng của nó, hoặc trong bất kỳ điều khiển usings chức năng set_item().Một hình ảnh được sử dụng như một "ajax nạp", hoặc chỉ số tiến bộ. Mà không có một, tin nhắn văn bản đơn giản của "nạp" sẽ xuất hiện khi cuộc gọi Ajax cần phải được thực hiện.$config['javascript_location'] = 'http://localhost/codeigniter/themes/js/jquery/';$config['javascript_ajax_img'] = 'images/ajax-loader.gif';If you keep your files in the same directories they were downloaded from, then you need not set this configuration items.The jQuery ClassTo initialize the jQuery class manually in your controller constructor, use the $this->load->library() method:$this->load->library('javascript/jquery');You may send an optional parameter to determine whether or not a script tag for the main jQuery file will be automatically included when loading the library. It will be created by default. To prevent this, load the library as follows:$this->load->library('javascript/jquery', FALSE);Once loaded, the jQuery library object will be available using:$this->jqueryjQuery EventsEvents are set using the following syntax.$this->jquery->event('element_path', code_to_run());In the above example:“event” is any of blur, change, click, dblclick, error, focus, hover, keydown, keyup, load, mousedown, mouseup, mouseover, mouseup, resize, scroll, or unload.“element_path” is any valid jQuery selector. Due to jQuery’s unique selector syntax, this is usually an element id, or CSS selector. For example “#notice_area” would effect , and “#content a.notice” would effect all anchors with a class of “notice” in the div with id “content”.“code_to_run()” is script your write yourself, or an action such as an effect from the jQuery library below.EffectsThe query library supports a powerful Effects repertoire. Before an effect can be used, it must be loaded:$this->jquery->effect([optional path] plugin name); // for example $this->jquery->effect('bounce');hide() / show()Each of this functions will affect the visibility of an item on your page. hide() will set an item invisible, show() will reveal it.$this->jquery->hide(target, optional speed, optional extra information)

Kết quả (Việt) 2:

CodeIgniter cung cấp một thư viện để giúp bạn với một số chức năng phổ biến mà bạn có thể muốn sử dụng với Javascript. Xin lưu ý rằng CodeIgniter không yêu cầu thư viện jQuery để chạy, và rằng bất kỳ thư viện kịch bản sẽ làm việc tốt như nhau. Các thư viện jQuery đơn giản được trình bày như là một tiện nghi, nếu bạn chọn để sử dụng nó. Quan trọng Thư viện này được PHẢN ĐỐI và không nên được sử dụng. Nó luôn luôn là với một tình trạng 'thử nghiệm' và bây giờ được hỗ trợ không còn. Hiện nay chỉ giữ cho khả năng tương thích ngược. Sử dụng Class Javascript khởi tạo các lớp cài đặt và cấu hình thiết lập các biến trong quan điểm của bạn Thiết lập đường dẫn đến librarys với mục cấu hình Các jQuery Lớp jQuery Sự kiện Tác hide () / show () toggle () animate ( ) fadeIn () / fadeOut () toggleClass () fadeIn () / fadeOut () slideUp () / slideDown () / slideToggle () Plugins góc () tablesorter () phương thức () lịch () Sử dụng class Javascript Khởi class Để khởi tạo lớp Javascript tay trong xây dựng bộ điều khiển của bạn, sử dụng phương pháp $ this-> tải-> thư viện (). Hiện nay, các thư viện có sẵn chỉ là jQuery, mà sẽ tự động được nạp như thế này: $ this-> tải-> library ( 'javascript'); Lớp Javascript cũng chấp nhận các thông số: js_library_driver (string) mặc định: 'jquery' autoload (bool ) mặc định: TRUE Bạn có thể ghi đè lên giá trị mặc ​​định bằng cách gửi một mảng kết hợp: $ this-> tải-> library ( 'javascript', array ( 'js_library_driver' => 'scripto', 'tự động load' => FALSE ) ); một lần nữa, hiện nay chỉ 'jquery' có sẵn. Bạn có thể muốn thiết lập tự động load FALSE, tuy nhiên, nếu bạn không muốn các thư viện jQuery để tự động bao gồm một thẻ script cho các tập tin kịch bản chính jQuery. . Điều này rất hữu ích nếu bạn đang tải nó từ một vị trí bên ngoài của CodeIgniter, hoặc đã có các thẻ script trong đánh dấu của bạn Sau khi load, thư viện đối tượng jQuery sẽ được sử dụng: $ this-> javascript Cài đặt và cấu hình Set các biến trong bạn xem như một thư viện Javascript, các file của bạn phải có sẵn cho ứng dụng của bạn. Như Javascript là một ngôn ngữ phía máy khách, thư viện phải có khả năng viết nội dung vào kết quả cuối cùng của bạn. Điều này thường có nghĩa là một cái nhìn. . Bạn sẽ cần bao gồm các biến sau đây trong các phần đầu ra của bạn $ library_src, là nơi mà các tập tin thư viện thực tế sẽ được nạp, cũng như bất kỳ kịch bản Plugin sau gọi; $ script_head là nơi các sự kiện cụ thể, chức năng và các lệnh khác sẽ được trả lại. Đặt đường dẫn đến librarys với mục cấu hình có một số mục cấu hình trong thư viện Javascript. Những hoặc có thể được thiết lập trong ứng dụng / config.php, trong tập tin cấu hình / javascript.php riêng của mình, hoặc trong bất kỳ điều khiển usings các set_item () chức năng. Một hình ảnh được sử dụng như một "ajax loader", hoặc chỉ số tiến bộ. Nếu không có một, các tin nhắn văn bản đơn giản của "tải" sẽ xuất hiện khi các cuộc gọi Ajax cần phải được thực hiện. $ Config [ 'javascript_location'] = 'http: // localhost / CodeIgniter / chủ đề / js / jquery /'; $ config [ ' javascript_ajax_img '] =' images / ajax-loader.gif '; Nếu bạn giữ các tập tin của bạn trong các thư mục cùng họ đã được tải về từ, sau đó bạn không cần phải thiết lập các mục cấu hình này. các jQuery lớp Để khởi tạo các lớp jQuery tay ​​trong xây dựng bộ điều khiển của bạn , sử dụng các phương pháp $ this-> tải-> thư viện (): $ this-> tải-> library ( 'javascript / jquery'); Bạn có thể gửi một thông số tùy chọn để xác định có hay không một thẻ script cho file jQuery chính sẽ được tự động đưa vào khi tải thư viện. Nó sẽ được tạo ra theo mặc định. Để ngăn chặn điều này, tải thư viện như sau: $ this-> tải-> library ( 'javascript / jquery', FALSE); Sau khi load, thư viện đối tượng jQuery sẽ được sử dụng: $ this-> jquery jQuery Sự kiện Sự kiện được thiết lập bằng cách sử dụng cú pháp sau đây. $ this-> jquery-> sự kiện ( 'element_path', code_to_run ()); trong ví dụ ở trên: "sự kiện" là bất kỳ mờ, thay đổi, nhấp chuột, dblclick, lỗi, tập trung, di chuột, KeyDown, KeyUp, tải, mousedown, mouseup, mouseover, mouseup, thay đổi kích thước, di chuyển, hoặc dỡ bỏ. "element_path" là bất kỳ bộ chọn jQuery hợp lệ. Do cú pháp chọn độc đáo của jQuery, điều này thường là một id phần tử, hoặc chọn CSS. Ví dụ "#notice_area" sẽ có hiệu lực



















































































, Và "#content a.notice" sẽ ảnh hưởng tất cả các neo với một lớp "thông báo" trong div với id "nội dung".
"Code_to_run ()" là kịch bản viết của bạn mình, hay một hành động như một hiệu ứng từ jQuery thư viện bên dưới.
Hiệu ứng
Các thư viện truy vấn hỗ trợ hiệu ứng tiết mục mạnh mẽ. Trước khi một hiệu ứng có thể được sử dụng, nó phải được nạp: (tên [tùy chọn đường dẫn] Plugin) $ this-> jquery-> hiệu lực; // Ví dụ $ this-> jquery-> hiệu lực ( 'trả'); hide () / show () Mỗi chức năng này sẽ ảnh hưởng đến tầm nhìn của một mục trên trang của bạn. hide () sẽ thiết lập một mục vô hình, show () sẽ tiết lộ nó. $ this-> jquery-> hide (mục tiêu, tốc độ tùy chọn, tùy chọn các thông tin thêm)