Getting tablesorter properties
Hey all. I'm using tablesorter, which is a great plugin. I need a bit of guidance tho. I'd like to preserve the user's sort preferences between refreshes by stashing sortList in a cookie. How would I pull the current sort column in order to store it? I'm thinking of using the sortEnd event in order to grab the current sortList, but I can't seem to get it. $('#mytable').tablesorter({sortList: [[0,0]] }); // default for now, but load from cookie if it exists. $('#mytable').bind('sortEnd', function()
Window Resize
I'm hoping to get some assistance. Is there a way to use the .resize function to continually update the width? You will see in the example below the "accordionW" grabs the window width on the page load but I'm hoping to figure out how to have it adjust when the window size changes. Can anyone help? Thanks! <script type="text/javascript"> $(function() { $('#va-accordion').vaccordion({ accordionW : $(window).width(),
How do I load nivo-slider after the script I wrote to load the html for nivo-slider from an xml file?
I wrote a script to pull content from an xml file to write the html code for nivo-slider onto a page. There seems to be an issue with my script or the order in which the scripts load. The slider works OK upon initial page load, but if you move between pages mid-slideshow, then it bugs out and on the page you move to and sticks on the last image of the slideshow and then keeps reloading giving an error that says, "GET http://www.kristinemorical.com/design/designsystems/muddog/undefined 404 (Not Found)".
Autoplay Function
Does anyone know how to add an autoplay function to a plugin that doesn't seem to have the option? The one I am attempting you use autoplay on is called windy: http://tympanus.net/Development/Windy/index.html
Ajax request for autocomplete sends results back twice.
I am sending a ajax request for search results and when I console.log() the results it sends the result back twice. Here is my code. Any help would be appreciated. //Ready the DOM $(function(){ //Placeholder plugin for input text area $('input, textarea').placeholder(); //bind a submit function to the form div $('form').bind('submit', function(e){ return false;}); //variables for the input field, and search box div. var input = $('input').eq(0), search = $('#searchresults') ; //bind a keyup function
Slide Up - Slide Down
i have a pretty basic(based on something i saw online) site going that uses a few jquery plugins and though i am pretty noobish i am accomplishing basically what i need, except one last feature that i want, sliding page transitions. the page is far from done but the basics are in place, www.costaricafishingpackages.com i want to add links that open the new page by sliding it either up or down depending. the new page would be a horizontal scrolling page as well. does anybody know of a jquery plugin
Everytime I think I'm getting the hang of this, something else comes up :)
So... I figured out how to add items to a pre-existing array. Following is the applicable script snippet: catch_array["privilegesID"] = []; // Declare a new associative key in the catch_array. catch_array.privilegesID.push(varPrivilegesID); // Add varPrivilegesID to catch_array, assign it to the associative key. console.log("data row After processing: " + JSON.stringify(catch_array)); It works great, except for one issue. When I run it to the console.log the added array items do not output the same
Cross Domain Ajax Get support for all IE versions
Hello, I desperately need to write the following script so that it works in all IE browsers, the following code works in all browsers except all IE versions. In IE no call is made to the PHP, is there an example of how I can do this? What is the standard way to do so? Thanks! $.get('http://somedomain.com/promo_getstate.php', { crossDomain : true, cache:false, email: emailaddress, country: 'DE', lang: lang,
Help getting custom vertical scroll bar in a frame.
Hello, Im creating a site and I dont want the whole page to scroll down, I just want a frame in the page to scroll and I need a custom srcoller. How is this done in jquery? Thank you
How to I add unique id and title to nivo-slider captions using jQuery?
I've started code to pull information from my xml files and spit them out into a format like nivo-slider. Only in order for nivo-sliders html captions to work you need to have unique ids for the caption div and for the img title attribute. I know that generally you don't use unique ids, but this is how nivo-slider works. I need help coming up with a way to create unique ids and titles such as: "htmlcaption1", "htmlcaption2", etc... Here's the code: $(document).ready(function() { $.get('/design/designsystems/unitedway/unitedway.xml',
IE9 focus fails unless an extra line is added. Is this an IE9 bug or a jQuery bug?
I have a column of input fields that I validate for numbers only. If it's a NaN I want to display a message and refocus when the user tries to click away. The following code will fail in IE9 to refocus back to the offending value. But I had to insert (by pure accident) an extra random focus line to force it to focus correctly. Any ideas? <input type='text' class='unit' value=""/> $("input[class=unit]").change(function(){ if ( !isInt($(this).val()) || Number($(this).val())<0 ) { alert("Not an integer
jQuery push method?
Hello, Im getting an error in IE say that IE8 doesnt support the array.push() method. Is there a jQuery equivalent? Thanx
JQuery mobile progressbar
I want to add a simple progressbar to my web application. I'm using the following scripts and stylesheets in my application: <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> They seem not to cooperate with the ones needed for the progressbar.. But I cannot exchange them, because my other code will not function. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
Executing jquery tabs javascript with tabs caching?
i have customer table in which i have column for customer name which is hyperlink. Now on click of hyperlink i am adding jquery tabs on the fly(thru ajax) which brings response(html + javascript) from server. As i click on customer1 hyperlink,its details are shown under Customer1 tab(Basically html reponse gets appended under Customer1 tab and also javascript associated with in that response also executed on browser).Similarly for customer 2. Issue is when i comeback to Customer1 Tab , Content shown
How do I get rid of an a href if an xml node is empty and write another code?
I'm trying to get rid of: '<a href="' + link + '"' + 'rel="prettyPhoto"' + 'title="' + linkdes + '"' + '>' '</a>' if xml node link is empty and write: '<img src="' + image + '"' + 'title="#htmlcaption' + ind +'"/>' instead. This is the code: $(document).ready(function() { // get xmlfile.xml and define function. $.get('/design/designsystems/unitedway/unitedway.xml', function(d){ //Find the child elements of the subchild elements that you wish to display in slider and
White space at bottom of the page in iphone
Hello, I have a jquery mobile webpage. It looks good on desktop browsers, and also on android. But in iphone's safari, I have a weird white space in the bottom of the page. It looks like a problem with the min-height of the .ui-page, because the white space is as height as the title-bar + url-bar of safari. Please have a look on the screenshot attached...
SOLVED: Load a XML file and work with it
Hello, first of all i tried to goolge for it but did not find a solution. (also searched the forum for it) here my problem: i have a XML file on my webserver (generated from php) here is an example of its content: (store it as generated.xml) <?xml version="1.0" encoding="UTF-8"?> <xml> <gallery> <title>sampleGallery</title> <folderName>sampleGallery</folderName> <paging>true</paging> <pageLimit>100</pageLimit> <pictures> <picture> <fileName>fileName</fileName> <title>title</title> <owner>owner</owner>
$(element).on('click', 'ajax_element', function(...)) Event on button click fires twice
Hello ppl, I need help with an on() click event that is fired twice after clicking an input type button. The HTML: <div class="msctreemain" id="msctreemain"> <input type="button" class="mscbtnscrolldown fRight" id="btn_navsubtree" dyn-param="someParam" dyn-param-1="someFurtherParam" /> </div> <div id="navsubtree" class="mscdisplaynone"></div> The script: $(document).ready(function() { $("div").on("click", "#btn_navsubtree", function(event) { var param = $(this).attr("dyn-param");
How to get the data for the Autocomplete from the list dynamically.
Hi, I am trying to implement the JQuery UI autocomplete feature in this following way: #1 I need to load the data from the database to the list on page load event. #2 load the values from the list to autocomplete source data. Any idea, how to do this? I am having an application with this feature, but it is getting source data from the database on every search operation on the autocomplete box. Thanks, DIP.
Problem with toggle function in jquery 1.9.1
When i use toggle for multiple clicks using the jquery 1.9.1 plugin, there is an error the code: $('a').toggle(function() { console.log('click1'); }, function() { console.log('click2'); }, function() { console.log('click3'); }) the error: Uncaught TypeError: Property 'function () { console.log('click2'); }' of object #<Object> is not a function If is use the same code using 1.8.3 it works fine, there may be a prodblem with the new plugin, just wanted you guys to check
attr jquery-1.9.1 in firefox 19.0.2 not work.
<link href="Content/themes/base/jquery-ui.css" title="base" rel="stylesheet" type="text/css" /> <link href="Content/themes/blitzer/jquery-ui.css" title="blitzer" rel="stylesheet" type="text/css" disabled="disabled" /> <link href="Content/themes/cupertino/jquery-ui.css" title="cupertino" rel="stylesheet" type="text/css" disabled="disabled" /> <link href="Content/themes/redmond/jquery-ui.css" title="redmond" rel="stylesheet" type="text/css" disabled="disabled" /> <script src="Scripts/jquery-1.9.1.js"
jQuery Slider with php/mysql contents
I'm new to jQuery & PHP stuff, & I really need help with this. Its been about a week now, that I've been trying to configure the jContent Slider on my website's dummy page: Index2 Now its getting the products from mysql & displaying correctly, but when I try to continue displaying products from the next slide, it just repeats those first 4 products (number of products depends on my requirement) from the next slide. I'm sure I'm doing some silly mistake & forgetting something, but I just need someone
Popup Window
i am new to jQuery any one please help me i want something like if i click on a image then it open a new popup window with that image's original size if i will click out side a popup window then it will automatically closed. hope someone help me .
Selecting within a set
I have more than one control of the same type, both containing 'xyz' in the middle of their IDs. I want to select an element within that set having an ID that ends with '123': <input type="text" id="Autostuff_gtuyn_xyz_more_ardohn_123"><br /> <input type="text" id="Autostuff_3yntu_xyz_more_hnardo_7"> I thought I had it with: var x = $("select[id*='xyz']").("[id$='123']").val(); but I get "Expected identifier...
menu missing from download bundle's html file
Hello, I've downloaded: jquery-ui-1.10.1, Overcast theme, no Effects jquery-ui-1.10.2, Overcast theme, no Effects jquery-ui-1.10.2, Overcast theme with everything checked In no case, did I receive the menu widget in the included index.html file. Thanks.
Validation of range along with some alphabets in multirow form
I am very new to jquery, I have developed a php form to enter data. I want to restrict user from leaving the text field if he/she enters wrong value. Range :say 0 to 50 It should accept AB, NR as well.. Thanks, Mrs. Ujwala
Can i use Kendo Ui Controls in c# asp.net 3.5
I need to do project in c#3.5 ...can i use kendo UI controls ? if possible send me the samples
resizable rendering failure in firefox
Subject line says it all. Take the demo code for "Default functionality", rejig to use a TABLE/TR/TH and TD combination and test in Chrome/IE/FF... FF rendering is borked, while Chrome and IE work fine. Versions: Latest jQUI jQ 1.9.1 FF 19 Workaround: use DIV elements inside TH elements.
Jquery stopwatch timer pausing when browser is minimized or is not in focus
Hello experts, I am using jquery timer for an online examination web application. The timer runs very well, but when the examinee minimizes the browser or opens another tab and works sometime on the tab...the timer seems to pause in the examination page. I Can't seem to find out the problem behind this issue...this problem occurs in all the major browsers...chrome,firefox, IE..
tab pages and document size
Hi all, I'm writing a webpage which uses the tab control. One of the tab pages is an index, which is much longer than the other pages in the control. When this tab is selected, the document is resized to accommodate it, but when I switch to another tab the document stays at the same size. I want to reduce the document size to fit the size of the tab which is selected: some of my tabs are quite small and I don't like to have scroll bars which scroll over acres of blank space. To a lesser extent, this
Popup Issue
Hello- Below Jquery Popup works perfectly, but i need is whenever clicking on "sign in" button the text fields should be cleared and refresh it again. <a href="#loginpopupMenu" data-rel="popup" data-role="button" data-transition="fade">Sign In</a> <div data-role="popup" id="loginpopupMenu" data-position-to="window" class="ui-content"> @RenderPage("~/Account/Login.cshtml") </div>
sir,in my jquery application autocontrol is not working properly and when it works for seperate pages but not working at master child -pages,,,,,
this page is( Sign_Up.aspx) <asp:Content ID="ContentMid" ContentPlaceHolderID="ContentMain" runat="Server"> <script type="text/javascript"> $(document).ready(function () { SearchText(); }); function SearchText() { $(".autosuggest").autocomplete({ source: function (request, response) { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "Sign_Up.aspx/GetAutoCompleteData",
why this click function still works
Hello all, I am new to this forum and also I don't have experience on jquery. I load a file after clicking in one div, I remove class when this click happen, but still if I click on this div execute to load the file. the script is <script type="text/javascript"> $(function(){ $(".up").addClass("votes"); $(".down").addClass("votes"); //<![CDATA[ $(".votes").click(function() { var id = $(this).attr("id"); var name = $(this).attr("name"); var data = 'name='+ name; var parent = $(this); if(id=='up'){
Tool for old jquery code to the newest versions 1.3.2 to 1.8.3?
Hello I have scripts old with 1.3.2 version of jquery. Is there a tool or program to transform old code to the new code. I need to be 1.8.3. Otherwise, it becomes conflict when i load both versions - the old one and the 1.8.3 for the current scripts. Thanks?
An advanced selector request $.level()
I was thinking on a tool that would make people's life easier by making a recursive search of elements and give us the deepest level when plainly used. Level 0 <div id="test"> Level 1 <div> Level 2 <div class="third"> Level 3 <div> Level 4 </div> </div> </div> </div> It should return level count when no index is given; $("#test").level(); // Which should
Android 2.2.3 unable to call SAML URL with JQUERY AJAX
Hi All, I've been stuck here for quite some time now. I am developing a mobile application with phonegap. I have tested the app with android 4.0.4 and it is working fine. However, when I tested on 2.2.3, the AJAX ended with: ready state = 0 HTTP Status = 0 I have tried to increase the timeout to be really long but it still ends with that result. I am not sure what is the problem but I have developed another app using the same ajax call just that this time it calls to a SAML URL. my codes is as bellow:
js || operator?
Hello - Javascript has the || operator which can be used to evaluate nulls. For example: var val = myobj.myprop || 'defaultval' If myobj.myprop is null then val will be set to 'defaultval'. This behavior is referred to as "coalesce" in sql server (using the coalesce keyword) as well as .NET (using the ?? operator). Is this behavior also referred to as "coalesce" in js using the || operator - or just plain old "or" but in a different context? Also - has the || operator always been available as a
jquery UI combobox autocomplete empty value detection
HI, I am using jquery UI combobox autocomplete and the issue is that when i select an option from the combo box and then i edit that value(or even if set it to empty) still during form submission, the value at the time of edition is appearing. For example, in the combobox, say the value is 'abc123' and if i edit it to say 'abc' or set it to empty, during form submission, still the value 'abc123' is going. Can any one suggest how i can capture the value that is entered in the combobox(in this case
Having trouble controlling audio in subsequent divs
I'm having a really weird problem with stopping audio on my page. I have one overall container, then inside it are 3 pages, "page with no sound", page1main and page2main. The webpage initially only has links to the main pages ("page with no sound", page1main and page2main), not the subpages. Link to "page with no sound" always appears first in document. Page1main and page2main then has links to two sub-pages, page 1a, page 1b, page 2a, page 2b. Each subpage has an html5 audio element (test1a.mp3
Using jQuery Mobile in my Asp.Net Web Application?
hi I have checked example applications on this web site and one of them used aspx pages for Sign up etc So I hope I can also utilize that, please guide me about that. I want to develop a medium scale web site for mobile using jQuery Mobile. I want to know: - Can I place the jQuery Mobile page inside my aspx page? - Can I place aspx page inside a jQuery Mobile page OR in other words can I use a server side language (asp.net or php) inside a jQuery Mobile page??? Please help me in this regard. Usman
Next Page