Table sorter plugin not firing for dynamically added rows
HI, I have a html table, in which the rows are created dynamically. There is no "thead" in table. I am trying to use the table sorter plugin for the pagination alone. However, I am not sure what is missed, as clicking on items in pager do not work. Also the pagintation itself is not getting done. Below is the code used: <script type="text/javascript" src="/Scripts/jquery-1.8.2.js"></script> <script type="text/javascript" src="/Scripts/test1.js"></script> <script type="text/javascript" src="/Scripts/jquery.tablesorter.min.js"></script>
How to use JQuery Custom validation method to validate phone number
I wanted to validate a phone number using jQuery custom validation method.I tried to write a method for that but it didn't work .Can anyone help me to find the error of this code .As I'm new to this language I don't know much about jQuery. here is my code $(document).ready(function () { jQuery.validator.addMethod('phonenu', function(value, element) { if(element.value != 10 && element.value == isNaN) { return false; } else { return true; }, 'Invalid phone
Tablesorter
After upgrade from tablesorter 2.10.8 to latest 2.16.4, I get extra margin in the top of first row content. Anyone knows how to fix it? FYI, it is fine in other tables if filter is not applied. My second problem, as you can seen the screen cap below, even I set the width for the table, but the table size is still over-sized. I think this may be caused by the column data which is a long string, e.g. email address, that cannot be shown in multi-line. Any solution? Thanks for reading and your help is
[SOLVED] jquery validate - Cannot call method 'call' of undefined
Good afternoon, I think i found a bug with a cutom validation rule. When the form is submited without modify any field, the custom rule is called. But if you set email field and give a password, you get an error (tests realised with chrome) : Uncaught TypeError: Cannot call method 'call' of undefined a.extend.checkjquery.validate.min.js:4 a.extend.elementjquery.validate.min.js:4 a.extend.defaults.java-scriptjquery.validate.min.js:4 bjquery.validate.min.js:4 a.extend.validateDelegatejquery.validate.min.js:4
JQuery additional method validation help
I used jquery validation plugin to validate my form but in one text box I want to validate the NIC(National Identity Card) number of our country .I got the reular expression for NIC number can anyone tell me how to add aditional method to validate this . reqular expression for NIC number : /^[0-9]{9}[vVxX]$/ textbox id :showNic ............ here is my jQuery code... $(document).ready(function () { jQuery.validator.setDefaults({ // where to display the error relative to the element errorPlacement:
Validation plugin auto clear error message after chaning value text box
Hi everyone, I use validattion plugin to validate 2 textbox (date of birth - DOB, issued date - ISSDT) using datepicker plugin. DOB textbox is checked over 18 years old (It means now - DOB >= 18). Another one is checked for greatering than DOB: 14 years old (It means ISSDT - DOB >= 14). I selected wrong value for all textbox to display error message 1, error message 2. When i changed from wrong value in DOB to right value and it's valid for ISSDT, but it's only to clear message 1. How do i do to
Masonry on page causes links to stop working
Hi folks, I'm using jQuery Masonry on this page: http://www.johnfieldformalhire.co.uk/testimonials.html It looks as though it's caused the links in the footer to stop being clickable. The links in the nav are clickable until you view at a smaller scale where it drops down below the header bar, and then the links stop working. If you remove the link to the masonry css the links will work. I've also noticed the links in the footer work if the location details are removed at the bottom. It's as if there's
Center slideshow images vertically/horizontally within a div
I've created a slideshow using jQuery Cycle and pagerAnchorBuilder to create thumbnails. Everything works wonderfully except that the images are not centered. Images with shorter width show on the left, and images with shorter height show on top inside the div. I tried margin: 0 auto; display: block; text-align: center; but nothing seems to work. It seems to be conflicting with the jQuery plugin. My guess is that it needs an additional plugin for the Cycle for the images to be centered. I looked
jquery formvalidator
Hi Guys, Im having some issues using the formvalidator located here: http://plugins.jquery.com/formvalidator/ In my form i have a couple fields. The fields are all validated using the form validator plugin. The fields however are shown based on previous selections. So for example if someone ticks a certain radio button a couple fields are shown. All fields even the ones that arent shown at this point are validated onblur. When the user clicks on the next step the validation is triggered and in this
Cycle plugin
Hi, How can I get the currently displayed slide ?
ajax jquery returns error even though every function succeeds
Hello, I have an ajax jquery form, it does everything correct, inserts into database and sends email, but with the php mail function this jquery always returns error, not success, so i get an error message: $("#ajaxform").submit(function(e) { var testval = $("#ajaxform"); if( $("#ajaxform").valid()) { e.preventDefault(); $("#simple-msg").html("<img src='img/loading.gif'/>"); var postData = $(this).serializeArray(); var formURL = $(this).attr("action"); $.ajax( { url : formURL, type: "POST",
.ajaxSubmit excludes the submit field
I've looked through the code, and this line is the culprit: if (successful && (!n || el.disabled || t == 'reset' || t == 'button' || (t == 'checkbox' || t == 'radio') && !el.checked || (t == 'submit' || t == 'image') && el.form && el.form.clk != el || tag == 'select' && el.selectedIndex == -1)) { return null; } The el.form.clk attribute does not exist, for every browser I've tried. The code uses this attribute extensively, and I can see it is intended to
jQuery Equal Height Columns on Nested Elements
I have several .row elements structured like so: <div class="row row-even"> <div class="container_12 content"> <div class="grid_4 box"> <div class="content"> <h3><a href="#">Corporate Transactional Services</a></h3> </div>
Different between jquery-1.10.2 and jquery-1.8.3 about $(obj).attr("href")
The different between jquery-1.10.2 and jquery-1.8.3 about $(obj).attr("href");? why my function $(this).attr(g.sysAttribute[j]) is ok in jquery-1.8.3, but error in jquery-1.10.2
swipe of touchSlider plugin not working properly on mobile chrome
I am using touchSlider plugin the slider swipes perfectly on ios, but VERY bad on devices supporting chrome. Yet it is working perfectly when I decrease the width of my desktop chrome browser! I have no idea why it's happening. HTML of my slider: <div class="gallery-holder centered"> <div class="gallery" id="gallery2"> <div class="holder"> <div class="list"> <div class="item"> <div class="pro ibox"> first box </div> </div> <div
jQuery Validation Plugin - 'Cannot read property 'type' of undefined '-error, when DOM element is not on the page.
To validate if the form data is correct, I send the data via AJAX to a Web API. When the entered data is invalid, a list of error results are send back to the client. I'm using the jQuery Validation Plugin 'showError' method to map the error results to the right DOM elements. Some times the Web API can send back more error results then there are DOM elements on the page, in this case the 'showErrors' method will throw an error ('Cannot read property 'type' of undefined'). It would be nice if the
The Problem is i am unable to display the series Legends for the graph, anyone can please help ???
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>jQplot JSON POC</title> <link href="../static/css/jquery.jqplot.css" rel="stylesheet"> </head> <body> <script src="../static/js/jquery.min.js"></script> <script src="../static/js/jquery.jqplot.min.js"></script>
Elevate Zoom WordPress Plugin
Hey everyone, I have recently requested someone create a WordPress plugin for the elevate zoom jQuery plugin which can be found here: http://www.elevateweb.co.uk/image-zoom. I asked the developer to create this as my knowledge of installing .js into WordPress is very limited. The job has been done however when I add the short-code into a page on WordPress, no mater what custom URL I enter into the code, it always points to the example Mercedes. Upon inspection in the plugins code in WordPress it
Button_Click post back event doesn't fire after the form is invalidated by jquery validation plug...
My form has two buttons. One should call post back event (call server side OnClick method) without validating the form with jquery validate plug-in and other is basically submit sort of button which calls server side method only if the form is validated. To acheive this i have two buttons as mentioned below. The following button checks for validation and only if the form is valid it calls the server side method. <asp:button id="btnSubmit" runat="server" text="Submit" onclick="btnSubmit_Click" class="btn
jqmHide changes window scroll position
I am using jqmShow to display a pop up and jqmHide to hide it. Because of the amount of content on the page, the user has to scroll down to get to the button that causes the popup. My problem is when the user clicks the button within the popup itself to close it and jqmHide() is called, the page is scrolled back up the very top of the page. Is there a way to call jqmHide() and not have it change the scroll location of the page? <div class='jqmProcessing' id='jqmCallForAvailability' style='z-index:
blockUI - focus() called and not returning?
Hi, I seem to be experiencing an intermittent issue where unBlockUI() is never reached and the user is left with what they interpret as a "hang" or "freeze". I am on blockUI 2.42, jQuery 1.8.2, and running against IE8. In IE8, I had the developer tools profiler running and received the following as the last execution prior to the currently unrepeatable incident: Function Count URL Line Number focus 1 https://.../jquery.blockUI.js 496 Here is Line 496 in blockUI.js: function focus(back) { if (!pageBlockEls)
jquery plugin thats display thumbnails and allow user selection
i'm trying to write an alternative file browse and selection modal for the default html file input field. The folder and file list will be read as JSON from node.js. there are a lot of image gallery plugins out there, but my basic need is to select multiple images (in thumbnail view) and submit to an upload page. preview image, crop image are a bonus but not a must have. of course it need to be able to read the input from a JSOn string. does anyone know of such a plugin?
Overlapping occurs when using Isotope's method “prepended”
Code: http://codepen.io/anon/pen/EBqce What i'm trying to achieve : add a container (black) to the left of green squares and animate them with Isotope . Note that the black container size is variable (depending on the count of green squares), thus class filler has height set to 100%. Problem : after adding a black div container by clicking button "show", the last green square is overlapping the black container. I'm using isotope 2.0 ( http://isotope.metafizzy.co/isotope.pkgd.min.js )
jQuery plugin not working in Dreamweaver CS4
I do hope that I am in the right forum. I have been trying to install a plug in on a site and have been having much difficulty. It is the Query Cover Flow Like List Animation Plugin skywheel. I am trying to put it into my html page. I am using the antiquated Dreamweaver CS4 and maybe that is why I am having difficulty. Maybe someone can help me get through this. I got one version from one site and another from another and I know which not to choose. I am seriously new with jQuery and am used to working
My sidr side menu is not working correctly on internet explorer
Im developing a side menu for mobile versions using jQuery and its working fine on google chrome but dont in default browser of android ( I think it is internet explorer). Im using "sidr plugin", and I followed the documentation here "http://www.berriart.com/sidr/" and the menu is already working fine. In Desktop Versions: In chrome and mozzila is working fine. In internet explorer Im getting a strange effect, my submenus items appears with more height that its normal but when I enter the mouse over
Can't make onFinished callback on Okvideo plugin to work
Hi, Im using Okvideo plugin to show some random videos in the background of a site. My question is, with this code: <script> $(function(){ var videos = ['url01', 'url02', 'url03']; var index = Math.floor(Math.random() * videos.length); $.okvideo(videos[index]); }); </script>How can I insert a onFinished callback to (when a video ends) switch to another random video in the array and so on? I read the documentation on https://github.com/okfocus/okvideo but I couldnt figure out how to insert this callback
Displaying related SQL queury results in jQuery accordian views
I have the following working SQL query that returns rows with customer ids, names, and manager ids (man_id): $result = "SELECT * FROM customers WHERE man_id = :manid"; $stmt = $pdo->prepare($result); $stmt->execute(); while($row = $stmt->fetch(PDO::FETCH_ASSOC)) { $id1=$row['id']; $name=$row['name']; $manid=$row['man_id']; ?> <div class="show"> <span class="name"><?php echo $id1; ?></span> <span class="name"><?php echo $name; ?></span> <span
Login Social Media APIs with PHP/JavaScript vs OpenID
I have been working with the Facebook API to have my visitors login my website with the Fb API a while back. It uses oauth2. However, since i am planning to build a login possibility for multiple socialmedia networks do I wonder if OpenID is an option. Such as bshaffer oauth2 server PHP But, i need to be able to: 0. Twitter, Facebook, Linkedin, Google+, Instagram should support this at least. 1. disable certain login networks i dont want 2. will i have access to timelines when using OpenID? (obvious
Use of dataTables Plugin !!
Hello Everyone I am a java developer and new to jQuery. I have made a an application which implements dataTable api of jQuery. What i have observed is that this api bring all the data to the client at once (using json). Suppose we have 2000 entries in data base , then it would fetch all 2000 entries at once to the client ..which is not a good thing . My Question : Can we bring data in chunks . eg: when the table loads it fetches first 10 rows of the database table. And when i click "next" , the request
How to make like this style
how to make like ( like this ) have 4 colums image, but it's responsive, does it's is Jquery Library ? or any idea ? thanks
jquery.js:3 -PROBLEM
The website that I edit www.osstarigrad.edu.rs when I updated WordPress, reported my problem: Error: Syntax error, unrecognized expression: #cimy_div_id/0/ jquery.js:3 Cimy Header Image Rotator not working Pelace help me? Thanks
My side menu items are working fine with "sidr plugin" but submenus dont
Im following the sidr documentation because Im trying to do a slider responsive menu. Im importing the light css that the creator of this provided: <link rel="stylesheet" href="jquery.sidr.light.css" type="text/css" /> And then I have my html, and the script to initialize the plugin. And its working, but Im having a problem because my menu items are working fine, but When I step with the mouse above the menu items with submenu, the submenus start blinking and a conflict occurs. Somebody thery already
validate plugin not working
Hi there, i have used the validate plugin with the metadata plugin to great effect on numerous sites (the exact same setup/code as the below in fact ) However on a new one i have an issue in that the form is simply not validating http://bit.ly/1urPZuD if you press reserve you can see the validation ( from here http://bit.ly/Q7Acke ) does not actually work can anyone see the issue please ??
Tabs - Duplicate Ajax Requests after selecting different tab ID
I have a user profile page that uses tabs to organize the data. Tab-1 ajax loads default social "shoutbox" tabs 2,3 loads are basic no ajax tab 4 ajax loads friend list tab 5 ajax loads photo gallery w/ fancybox plugin When tab 1 initializes, the social functions perform as expected, but if you select any of the tabs 2-5 and then go back to tab 1, it duplicates my comments() function for each click, stacking the ajax requests. I need a workaround to either clear cache or reload page (as far as I'm
Jquery HighCharts
Hi , In my Chart , I m Having X Axis With More Then 30 Dates , The Dates on the X AXis Getting Overlapped , Please let me know ? What Property should i Set For X Axis ,Where It Has Large Number Of Catogories on X Axis
Jquery Highchart
Hi Team , in My Higchart Graph , i m Having 30 Dates , on the X axis. But the Thing is That Whole Whole 30 Dates are Getting , Merged , Giving Out Bad Design Please let Me Know How To Handle This Design Issue , Please let Me Know ASAP.
Accordian Instant Messaging - Need Help w/ index managing
Hello, I am new to using jQuery and have been using the accordian to manage chat sessions for a project of mine. The data is populated purely from the MySQL DB except when I prepend a new conversation. If the accordian is collapsed the prepend appears open and at the top, but if you already have a panel open and prepend another conversation panel, it adds it minimized to the bottom. The problem is this method screws up the index managing and glitches the chat until you reload the data by clicking
Need help populating jqGrid
I am having trouble simply populating the jqGrid with data. I have taken a look at the docs and hope that you can please help me out with this… I have verified that data is coming back from my server side controller method as below. Sample is just for one for the records from the fto object. Customer_Name = "X" FuelTkt_ID = 2 Image_ID = "12345″ Ticket_No = 6460193 Trans_Timestamp = {3/19/2014 10:20:00 AM} Vehicle_No = "123456″ [HttpPost] public async Task<JsonResult> GetFilteredFuelTicketsAsync(HH_FuelTkt_Input id)
Modify jquery full calendar extenal event by using date picker
Can someone give me advice for below functionality is possible with jquery full calendar. Once we drop a external event in to a date block, is it possible to extant the event by using a external date picker? Eg: Dropped a event in to 02 May 2014. If user click on the event, a popup will show jquery Ui date picker. If user select the date to 05 may 2014, the event also should extend automatically to 5th.
How to dynamic list in switch case in javascript?
How add dynamic List in switch case in js?I have used this in custom sorting datatable jquery plugin. I have added static code in switch case its working. but its not in Dynamic list. Static Switch code: *jQuery.extend( jQuery.fn.dataTableExt.oSort, { "enums-pre": function ( a ) { // Add / alter the switch statement below to match your enum list switch( a ) { case "Target": return 1; case "Qualify": return 2; case "Discover": return 3; case "Verify": return 4; case "Present": return
Next Page