DataTables: Loading JSON from external AJAX call into DataTable
I am using DataTables 1.9.4 with jQuery 1.8.1. I have created a table which has zero records on page load. On click of a button I am fetching data in the form of JSON using an external AJAX call. I need to load this JSON into the already existing data table. I read through the examples and older discussions which suggests the usage of "sAjaxSource" option and "fnReloadAjax" function to load the data into data table. To my understanding it works only if make use of DataTable's built in AJAX feature.
Image Survey Plugin
Hello ALL! I'm new here. I have a problem that I have been searching all over for. I'm trying to find or build a jquery image survey plugin like this: https://beautyarmy.com/account/surveys/1 Depending on the boxes hit, the user would be taken to the next set of questions/boxes. Each question will ultimately come together to build a product. For instance, question 1 + box 2 = product and so on for the rest of the questions. All together it adds up to the ultimate product. Once they answer about
jQuery Forms Plugin: append response text?
I've been banging my head over this. Is it possible to append the responseText as an li element rather than replace it? I have something like this that doesn't work: $(document.ready(function () { var options = { target: "#ul_element", beforeSubmit: validate, success: function () { $("#ul_element").append(responseText); } Thanks!
Paging using table sorter code
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<Test2.Models.Movie>>" %> <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> Index </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <link href="../../Content/style.css" rel="stylesheet" type="text/css" /> <link href="../../Content/jquery.tablesorter.pager.css" rel="stylesheet" type="text/css" /> <script src="../../Scripts/jquery-latest.js"
fullcalendar - Looping through event objects
I can see alot of event objects when I use the alert after the ajax post success in my jquery below. Can someone please tell me how I can access details for each event and change them accordingly? eventSources: [ { url: 'json-events.php', type: 'POST', error: function(data) { alert('there was an error while fetching events!' + data.msge); }, success: function(data) { // I see lots of event objects using this alert
Problem with jquery validation and form plugin ajaxSubmit(): Invalid JSON primitive
Hi. I'm combining the jquery validation and the form plugin to use the ajaxSubmit() method. I'm using this to call a WebMethod in my ASPX page. I'm passing two parameters to my WebMethod, but the problem is that I always get the error "Invalid JSON primitive". After a lot of reviewing I've seen that the data is not being sent in JSON format, but as a querystring. Even worst, the data is being URLEncoded. Why is this? How do I make the form plugin to not convert the data into a querystring but to
I could not see the 'date/event of submission'
Why I could not see the 'date/event of submission' message when I submitted my order in i.e? (The problem appears when I choose Hebrew date/event. In English I could see the date/event that I chose. webeedesignstudio.com
Is this a good plan for my application, using chromium,xslt and jgrid?
Our application, which is not a web app but a vb.net client for dispatching trucks, uses the chromium object to display messages in our software. I am now going to be receiving xml strings that need to be displayed in the chrome object. I have to use xslt to convert the xml to html. I was planning on using the jgrid which is jquery from what I have learned. Some of the xml strings will represent a list and is supposed to allow the user to select one of the items to request additional information.
Jquery tools overlay , i can not close page with javascript
Hi I use this code ... http://jquerytools.org/demos/overlay/external.html But i can not close page with ajax code. When i click "X" image page is closed, but i want to make this action with javascript. I try to close external-content.htm in external-content.htm. $(".contentWrap").hide("slow") code is close page content, but it not close all page . AfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBulgarianCatalanChinese (Simplified)Chinese (Traditional)CroatianCzechDanishDetect languageDutchEnglishEstonianFilipinoFinnishFrenchGalicianGeorgianGermanGreekHaitian
inserting javascript in a jquery
i have a jquery plugin for date and time selection. i want to disable weekends and other selected days from it. i have found the following thread for this purpose. but i don't know how to insert it in my jquery pluging to make it like i want . /* create an array of days which need to be disabled */ var disabledDays = ["2-21-2010","2-24-2010","2-27-2010","2-28-2010","3-3-2010","3-17-2010","4-2-2010","4-3-2010","4-4-2010","4-5-2010"]; /* utility functions */ function nationalDays(date) { var m = date.getMonth(),
Show colorbox popup images outside popup window.
Hi, I am calling colorbox images in popup and colorbox get displayed inside popup. I want to show images in colorbox outside popup window. Any idea? [CODE] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Page</title> <script language="javascript" type="text/javascript"> function viewAttachments()
JQuery Validate + Form Plugin integration Confusion
Hello all! I cannot figure out for the life of me why this code wont work. Its a simple 3 field form with validation. After submission the form should reset and thank the user for their email. Ive looked over all the docs and even watched a few Youtube vids, but I can figure out my mistake. (document).ready(function(){ $("#contact_form").validate({ rules:{ namefield:{ required: true, minlength: 10 }, emailaddress:{ required:true, minlength:
Really simple Lightbox type plugin
Hello, I'm looking for a barebones Lightbox type plugin with no borders, no resize animations, etc... Something like the one used here: http://www.bryanschutmaat.com/ I've tried Colorbox, Fancybox, Shadowbox and many others and I don't need all the fancy graphics and effects all of them have. Can anyone point me in the right direction? Any help would be greatly appreciated. Best
configuring jquery cycle addslide function with dreamweaver template and server-side includes
Hi, I am new to javascript and have only recently learned the basics of html, so this may be a simple problem for experienced javascript/jquery developers. Here is my setup: 1) I have a Dreamweaver template where the basic jquery cycle code resides. This template has 43 children. 2) I have 12 different slideshows that are shared across the 43 pages. Each slideshow is defined in a server-side include file that is called by one or more pages. This way I can change the images as needed without going
Validate Plugin - ID selection not working correctly
I have jquery.validate 1.10.0 and jquery 1.7.2 Part of my form has 2 address fields but I would like only the first to be required - <tr> <th>First Line of Address</th> <td><input name="address" size="26" type="text" value="" id="address-input-0" onkeydown="javascript:is_changed()" /></td> </tr> <tr> <th>Second Line of Address</th> <td><input name="address" size="26" type="text" value="" id="address-input-1" onkeydown="javascript:is_changed()" /></td> </tr> I don't have control over any of the input
jQuery Nivo Slider and prettyPhoto issues
For a Wordpress site i'm developing i'm using the Nivo Slider and prettyPhoto jQuery plugins. However, i cannot seem to get these 2 to work properly together. Here's the thing i'm trying to do: I've made a custom WP Loop to get 5 posts out of a category, and display them in the Nivo Slider. I take the post title and the excerpt, but them in a PHP Array, and put these into the Nivo Slider caption. The post title, that's displayed in the caption, links to a youtube video and should fire off prettyPhoto.
Adding background colors to multiselect options
I have a multiselect element where the user select colors and I'd like to add a visual representation of each color - (preferably dynamically, but I'd be happy to hard-code it if that's significantly easier). I'm using the jQuery UI MultiSelect widget Any suggestions?
Issue with jquery.forms.js IE only works first time
I am trying to upload a file and it works in chrome but only works first time in IE. $(document).ready(function () { $('form').ajaxForm({ url: 'TestEventHandler.ashx', type: 'POST', success: function () { }, error: function (jqXHR, textStatus, errorThrow) { debugger; } }); }); <form id="form1" action="TestEventHandler.ashx" method="post" enctype="multipart/form-data" > <input type="file" name="myfile"/>
Adding alt tag to jCarousel images?
I am using the jCarousel slider, and I need to make it so that the "alt" attribute is enabled. What file do I go to, and what do I edit to make this happen? I am very new to this, so please be as detailed as possible. Thanks in advance!
prepending STRING;# when using jsapi and SharePoint Calculated Column
I am using the jsapi plug-in with SharePoint 2010. I have created a calculated column which uses this formula: =CONCATENATE(clientid," ",Title) When output to the screen I see a pre-pended text "STRING;#" to each object in my data grid. The actual desired output should be like "00014 Fake Text One". See attached image for example of error.
How to check if object is initialized?
Hey guys, I don't know if this is the correct forum to post this, however, I am using jqGrid and jqTree and the layout plugins. In all cases I have no idea how to determine if the plugins have been initialized. eg, Given the variable grid var grid = $('#tblJqGridLast10'); how can I tell if it's options are set so I don't keep resetting them? grid.jqGrid({ <options> }); I want to do something like the following if (grid.jqGrid) { grid.trigger('reloadGrid'); return; } I tried a to check to see if grid.jqGrid
Custom style not applying to THEAD tag in IE
I am using DataTables 1.8.2 with jQuery 1.8.3. I have added a CSS class to THEAD tage for formatting the table associated with the DataTables plugin. $('thead').addClass("cssClassName"); I can see the applied style in Firefox(16.0.2) but not in IE8. Is there any alternate way to apply the style in both the browsers. Thanks for any help!
ckeditor plugin vs tinymce editor plugin
Hello, please advice which one is better, more stable, more easy (documented) to use - based on your experience. And if you which editor is being used on this jquery forum page? thank you. Rajeev
how does 'jQuery form plugin' + 'jQuery plugin: Validation' and 'jQuery CKEditor Plugin' "assist" each other?
Hello, 'jQuery form plugin': http://jquery.malsup.com/form/ 'jQuery plugin: Validation' : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 'jQuery CKEditor Plugin: http://www.fyneworks.com/jquery/ckeditor/#tab-Support among these 3, the most confusing part to me is: both -form plugin, and validation - do form validation and both upload files. then why do I need the 'form plugin'? since they overlap so much, do they work properly with each other? I guess I am also not sure about what
replacement ways for selecting items
I have two sets of options to select. Game -------- Game1 Game2 Game3 Game3 Difficulty ------------ Easy Medium Hard Initially I used radio buttons to select an item for each set. But keeping radio buttons are spoiling the images that are kept. Are there any other possible ways or plugins developed that allows user to select an item by single click. I don't want to use radio buttons, checkboxes, dropdown. Is this possible or I will have to use any one of mentioned controls......
using 2 jquery on the same side
as the title tells, I want two oilka jquery on the same page, how can I do it? Have a news ticker and the other slides. both of them, I have uploaded from the web these are the codes I hope to get help because I stuck to my side just for this problem. <! - Javascripts -> src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" <script type="text/javascript"> </ script> <script src="js/functions.js"> </ script> <script src="js/jquery.carouFredSel-4.4.3-packed.js"> </ script> <script src="js/twitter.js">
Can someone explain this behavior with the border line? easytabs plugin
I've been trying to manipulate the jquery easytabs plugin, and ran into something that stumps me (not too hard, I'm not a CSS expert and I suspect it is a CSS related issue, but maybe not). Here are two simple pages. http://www.squeezypork.com/demo1.html http://www.squeezypork.com/demo2.html In Demo 1, the tab outline works in the way I want it to work - it vanishes under the text and follow the tab around. In Demo2, the tab outline doesn't work right, and appears under the tabs. Any idea what is
Unable to call jquery from linkbutton
Hi, I need to bind a dropdown list in modal popup. I have below code in grid view: <asp:TemplateField HeaderText="Upload"> <ItemTemplate> <div id="clicker" class="box"> <asp:LinkButton ID="lnkUpload" CommandName="UploadFile" CommandArgument='<%#Eval("ClientCode") %>' runat="server">Upload</asp:LinkButton> </div> <asp:Label ID="lblStatus" runat="server" Text=""></asp:Label> </ItemTemplate>
datepiker localization
Hi, How do I translate datepiker plugin into another language? I created in a separate JavaScript file named ui.datepicker-<language>.js. but it does not work. How can I do it step by step? please help.
Binding a plugin init to dynamically generated HTML
Hi All, I'm using the excellent roundabout carousel plugin (http://fredhq.com/projects/roundabout/) which works great until I dynamically create the ul's I want to use; My code is; $(document).ready(function() { $('.footer3col_full').append('<ul>Test</ul><ul>Test 2</ul><ul>Test 3</ul>'); $('ul').roundabout({}); }); I have tried a number of ways to bind the plugin's init using .on() and .bind(), but nothing seems to work, all I get is standard bullet points;
Hover's gone wild!
Hello everyone! Im trying to build a website using joomla 2.5 with "joomspirit35" free template which came with uvumi dropdown menu plugin ( http://uvumitools.com ). I had to use custom images for the main menu. Unfortunately when I finished I realised that the dropdown drops down even the mouse is under the menu (instead on top of it). I guess that happens because the <ul> that holds the submenus somehow triggers the menu. Im not sure if it is css or jquery issue but I'd really appreciate the help...!
why cannot I use the Jquery plugins at the same time?
I want to use JQuery displaying my pictures---nine pictures per page,and clicking to enlarge.So I download two plugins.However,I cannot use the JQuery plugins at the same time.That meas there's a plugin which cannot be used,and the other cannot be used well.Anyone knows why? Thank you!
Incompatability with jQuery 1,6-1.8
Hello For a long time I have been using jQuery 1.4.2 with jQuery Form 2.45. However, when I tried to switch to jQuery 1.8.3 I started receiving that error: Object doesn't support this property or method jquery.form.js Code:0 Line: 374 Char: 5 (the line is: $.handleError(s, xhr, 'error', e);) I upgraded to jQury Form 3.22 then and the error changed to that one: Access forbidden jquery.form.js Code: 0 Line: 346 Char: 17 (the line is: if (io.contentWindow.document.execCommand) {) It's
Make Image Appear over Selected Image
I'm looking for Jquery code that puts a thumbs up image on top of an image that a user selects with their finger or mouse. Do you know where to find this? Example: [image one] vs [image two] The user selects one of these images. The selected image receive a highlight or a thumbs up image over the selected image and then both images fade away or the image not selected fades away. Thanks! David
jquery cycle plugin showing last image when load/refresh
Hi, I get problem when using cycle plugin, I get last image when load you can see the web link here - http://www.visitclearwaterflorida.com/index.php/ Is there anyone know what the problem ? Thanks
coda slider jquery - hlelp
I'm find coda slider jquery like this web site. http://livedemo00.template-help.com/wt_41555/#!/page_home Anyone can help me.if you have any tutorial or code please give me. Thank you.
[Search] Plugin for positioning articles
Project: Peteblog.de Hey guys, I need your help again because I am searching for a jQuery Plugin. It should give articles a position top and left in two columns because float left in combination with clear doesn't work in this case. If you guys need an example: click here. Need help! Thank you everyone. Pete
Pager with Previous/Next
Hellooooo, Building a new site using jQuery Cycle for a slider. The design has both a pager and next/prev buttons. Found an example of using both, but the design calls for them to be all in one row. The number of sliders is dynamic as well (can add as custom post types in WP) so I can't just absolute position them. Design looks like... Got the pager part working. jQuery looks like... jQuery('#slider-inner') .before('<div id="pager">') .cycle({ fx: 'fade', timeout: 1000, delay: -2000, pause:
jQuery Autocomplete Plugin
Hi experts, I have to implement jQuery Autocomplete plugin with a jQuery Virtual Keyboard plugin. I have checked the autocomplete plugin and it is being used keydown, focus, etc. events. So what I have done is I trigger (jQuery trigger() function) keydown, keyup, change, focus functions each time when a button is being pressed from virtual keyboard. But still it is not returning any results. Is there any ways which can be used trigger autoomplete plugin when I user virtual keyboard. Note: Autocomplete
jquery transit rotation: jquery vs windows versions?
Hi all, I have Windows XP at home and Windows 7 at work. I developed a page at home using rotations with jquery transit. I started out with jquery 1.8.3, but that didn't work, so I switched to 1.7.2, and that works fine. On Windows 7 the page no longer works! Is anyone aware of a compatibility matrix between versions of windows and versions of jquery + transit? or is it some problem with the code? Below is the relevant extract of my page (it does work in XP, not in 7). Secondary question: is there
Next Page