Tips Programming

     Usually we will two values from dropdown list one is option value and option text, but in some situation we need to get more values from dropdown options using jQuery. Example Program:- (Editor) Editor is Loading... Output:- Advertisement

     In the following example, just I created two text box input for getting the number of column and rows and when you click the generate button the dynamic table will create. Note:      If you have any doubt about this example please type comments below, ill help you. Example Program:- (Editor) Editor is Loading... Output:- Advertisement Tags: Dynamic create rows and columns in allinworld99, allinworld99 to create dynamic table. Create rows and columns dynamically

     In the following code can use show your div one by one when clicking on the next or back button, just I wrote the main program. Copy the code and you can change the design. Example      In the following example just I used 7  div, you can used more div by the changing the class name like page-1 , page-2 , page-3 , page-4 , page-5 , page-6 , page-7 , page-8 , page-9 , etc.. Example Program:- (Editor) Editor is Loading... Output:- Advertisement Tags: back and next button in allinworld99, In div back and next button, page by page moving using jquery.

     jQuery two methods for show and hide a div, but in some time we need to do the process from a single button there we can use toggle() method. syntax       $("selector").toggle(); Example       $("#idname").toggle(); Example Program:- (Editor) Editor is Loading... Output:- Advertisement Tags: toggle() in allinworld99, show/hide using single button in allinworld99, jQuery in allinworld99

     val() is used to change the button text value, in the following example we are used two buttons and change its text dynamically when pressing on the button. Same Example in JavaScript Click Here  $("#btnid").val("Second Button"); Example Program:- (Editor) Editor is Loading... Output:- Advertisement

     JavaScript have toLowerCase() method for converting the text to Lowercase letters.  ("String").toLowerCase(); Example Program:- (Editor) Editor is Loading... Output:- Advertisement

     jQuery have default design for tabs. We need to import the jquery plugin and jQuery UI plugin then only the tabs() method works properly with good design.      A single content area with multiple panels, each associated with a header in a list. Example Program:- (Editor) Editor is Loading... Output:- Advertisement

     Given a jQuery object that represents a set of DOM elements, the .slice() method constructs a new jQuery object containing a subset of the elements specified by the start and, optionally, end argument. The supplied start index identifies the position of one of the elements in the set; if end is omitted, all elements after this one will be included in the result. Example Program:- (Editor) Editor is Loading... Output:- Advertisement