jQuery Forum

Dear,

i am adding a table row with text field using $('#table tr:last').before(""); When in press the enter key automatically form is submitted. How can i prevent the form submission when pressing enter key. I have used the code,

$("form :input").on("keypress", function(e) {
        return e.keyCode != 13;
    });

it works when the table row is not added using $('#table tr:last').before("");

please help me.

{"boqItemCodeMaps1":{"C4":["V41","V42","V43"],"C3":["V31","V32","V33"]}}

Hi,
I added new rows to a table using  $('#wo-new-tbl-works tr:last').after(); method. How can i toggle the row color when mouse hover?

Hi,

Hi,
I am loading a jquery tab using Ajax. If i place the $('#tab').tabs(); method in the main page it doesnot work and it works when place the query in the loading jqury tab file

Dear,

How can we create a Message box like j query forum displays when updating, Commenting the posts..

Example: "Your post has been successfully posted" or "Data Saved Successfully"

Thank you.

Hi,

I want to remove/refresh the cache in Ajax load .. Here is the method i used for Ajax Load..

var $tabs = $('#tabs').tabs({
       
    tabTemplate: '<li><a href="<%= "#"%>{href}"><%= "#"%>{label}</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>',
       
            add: function(event, ui) {
             
                        switch(perform)  {
                           
                                                     case 'search':
                                                     ActionUrl="<%=request.getContextPath()%>"+"/example/Duty.action";
                                                     $(ui.panel).load(ActionUrl,{'perform':'search'});
                                                     break;                        
                                               }
                           
                         $tabs.tabs('select', '#' + ui.panel.id);
               
        
                            ActionUrl="<%=request.getContextPath()%>"+"/example/Duty.action";
                        }
                   
                    });


Thank you..

Hi,

I have a problem in the jQuery in executing a method. The Method is executing more than one when i load(via Ajax) the contents(Button) in to a jquery tab.It  happens when i close the currently loaded tab and reloading the same without refresh the page. If the do the same (loading more than one) the method for a button is executing the no of time the contents loaded.

please help me.

Dear,
What will happen when  I load jQuery script files in each ajax request.

I am loading Jquery tab using Ajax. The loaded tab contains a button for saving data. When i Load the tab more than one , the method for save is executing(triggering) more than one. Please help me..

Dear,
I am loading jQuery tab using ajax when clicking on the side menu button. In click on the menu it loads the jquery Tab. The problem is that , the tab containg buttons for Saving data, searching etc. when i click the Save button it executes more than one , if the tab loaded twice.

Please give a proper solution ..

Hi,
I am loading a Html table through jquery ajax. In this table each row has a check box . when i click the check box i want to get all the details in the row. but i could not iterate through the table.

when i use
      $("#civilBillTable1 tr[class="+row+"]" ).each(function(){});
works perfectly, but the table is not loaded through jquery ajax

if i use below code, it will not work


$('input.chkAddItem').live('click',function(){

            var itemId,description,unit,rate;
           
            $("#civilBillTable1").live()('each',function(){    // the table is loading through Ajax
                alert("h");

                description=$(this).find("td[class=2]").html();
                unit=$(this).find("td[class=3]").html();
                rate=$(this).find("td[class=4]").html();
                alert(itemId+" "+unit+" "+rate);
               
            });

});

please help me...

Hi,
How can get the keyUp event of TextField when inserting using append() into a table.

$('a.newRow').click(function(){
                    var tableName;
                    // alert("hi");
                    //alert("1: "+$(this).parent().attr("class"));
                    alert("2: "+$(this).parent().parent().attr("class"));
                    tableName=$(this).parent().parent().attr("class");
                    alert(tableName);

                    $("."+tableName+" ").append(newRow(tableName));
                       
                    // }
                    // alert("3: "+$(this).parent().parent().parent().attr("id"));
                  
                 
                });
               
                function newRow(tableName){
                    var text="<tr>"+
                       
                        "<td><input type=text size=12  /></td>"+
                        "<td><input type=text size=5 value=0 id=txt1"+tableName+" class=textField /></td>"+
                        "<td><input type=text size=5 value=0 id=txt2"+tableName+" class=textField /></td>"+
                        "<td><input type=text size=5 value=0 id=txt3"+tableName+" class=textField /></td>"+
                        "<td><input type=text size=5 value=0 id=txt4"+tableName+" class=textField /></td>"+
                        "<td><input type=text size=5 value=0 readonly=true id=txt"+tableName+"total /></td>"+
                        "<td></td>"+
                        "</tr>";
                    return text;
                }
               
The below function is not working

                $('input.textField').keyup(function(){
               
                    alert("Text Field");
                });

Please Help Me..

Can i call a jquery  function on onclick() function of <a> tag

how we can pass arguments to Jquery functions...

I hav this code:<td><a href="#" id="prepare" style="font-size: 11px;  width:70%; height:20px" >Prepare</a></td>

 $('#prepare')
        .button()
        .click(function() {
          
            //  clientData="?perform=viewSiteDataDetails&searchingRefNo="+referenceNo;
           addTab();
        });

I want to pass a value to the jquery Function prepare....

hi,
I created a page to upload a file to Server in jquary Tab, after processing the data i want to load the data in another Jquery Tab. usually i load the Contents in tab using the Code:

case 'search':$(ui.panel).load(ActionUrl,{'perform':'search','category':category,'searchdata':searchData});
this will send the details ( perform, category and seachdata) to the Server and can send a page form the Server. this page will load in the Next tab.

How can i Send a file to the Server using this load() function or any other Method.

hi,
I want to submit a form without redirecting the  page, when i use the codes
$('#form').submit(); $('#form').submit(function(){  alert("Hi")}); it redirects the page..

i used this code also,
$("#form").submit(function(){ 
           $.post( 
               "/demos/ajax-submit/ajax-register.php", 
               $("#ajax-form").serialize(), 
                function(data){ 
                   alert(data); 
               } 
           ); 
       }); 

it is also not working.. please help me...

I add a Input text field  using $('#searchArea').html() for Date Picker.

$('#searchArea').html("<input type=text id='dateFrom' size=13/>");

 But  when i Use
$( "#From" ).datepicker();
$( "#From" ).datepicker( "option", "showAnim","bounce" );

It is not Working... Can U help Me...

The Date J query Date Picker Not working properly in IE 7,, Please help me...

Hi,
When I use Jquery Date picker in IE7 it has some Problems.. Can any one Help me...