[jQuery] pagination solution
I am looking for a simple solution to add pagination to some reports i have built using ASP and jquery. the problem is that the reports are returning so much data that the script(s) are timing out. SO based on that - i assume i woudl need to have some kind of ajax based pagination so that the script is only returning a small amount of data from the database at a time. But i will also need to be able to sort the columns and possibly search them. is there any simple plugin or combination of plugins
[jQuery] More efficient animation for multiple elements
A cool effect I picked up from my Mootools days was the Elements.FX, see a demo here: http://demos111.mootools.net/Fx.Elements Basically it's a bunch of elements, you mouse over one and it gets larger while all the others shrink. A pretty cool effect for navigation menus. Here's what I wrote in jQuery, and it works fine, but it seems very inefficient. I noticed with larger lists, it seems to chug a bit (especially in IE!) $(document).ready(function() { var subNormal=5, subSmall=3, subLarge=15,
[jQuery] A better way to refill form values?
Here's what I have right now: $(document).ready(function() { $("form input:text").focus(function() { this.oldvalue = $(this).attr("value"); $(this).attr("value", ""); }).blur(function() { $(this).attr("value", this.oldvalue) }) }) But I'm sure it could be written better. Ideas? The main problem is that focusing on an already filled field will empty it...not sure how I'll work around that.
[jQuery] How to create an infinite loop?
Hi, I am new to jQuery and I would like to create a simple animation of a div scrolling in an infinite loop. When the div scrolls to the top, it is shifted to the bottom and starts over. I based my function on one found on the jQuery API reference: http://docs.jquery.com/Effects/queue $("#show").click(function () { var n = $("div").queue("fx"); $("span").text("Queue length is: " + n.length); }); function runIt() { $("div").show("slow"); $("div").animate({left:'+=200'},2000); $("div").slideToggle(1000);
[jQuery] jCarousel -help with new skin
I'm creating a new theme for the jCarousel component that I'll be using for my web site and the dimension for this component will be: width:485px , height:161px including the two arrows and what i want is to have 3 items per cycle each having the a dimension of 140X100 (width X height) with 5px margin, and 3/4 of the skin is done but I'm having a hard time with css. P.S: Please visit this page to see the component live http://www.amfexglobal.com/test/static_auto.html and if you are interested in
[jQuery] jCarousel -help with new skin
I'm creating a new theme for the jCarousel component that I'll be using for my web site and the dimension for this component will be: width:485px , height:161px including the two arrows and what i want is to have 3 items per cycle each having the a dimension of 140X100 (width X height) with 5px margin, and 3/4 of the skin is done but I'm having a hard time with css. P.S: Please visit this page to see the component live http://www.amfexglobal.com/test/static_auto.html and if you are interested in
[jQuery] Upload
I am trying to scope out a project for my company. As a demo of our capability we want users to be able to upload photos to our site and then be able to submit them to us for processing. I would like to be able to display the image when they upload and then display a copy of the image after it is edited next to the original. Is this possible to do with jquery or do i need to use something else.
[jQuery] drag drop, and store dropped location
hi all i want to be able to drag elements and drop it, and then store the location where it was dropped, so that i can make the drag drop persistent. i saw the jquery ui draggable library, but how do i get the dropped location? thanks!
[jQuery] Validate. Not working with Radio input
Hello, I am trying to validate a form with radio inputs. I want to the form to be submitted only if an option was selected: <form action="/Poll/Vote/1" class="Poll" id="Poll" method="post"> <fieldset> <label for="OptionsArray">Do you like to travel?</label> <input type="radio" name="OptionsArray" id="1" value="1" class="Radio" /> <label for="1">Yes</label> <input type="radio" name="OptionsArray" id="2" value="2" class="Radio" /> <label for="2">No</label> <input id="Submit" name="Submit" type="submit"
[jQuery] Traversing Question with Parent and Children
I have HTML similar to the following: <div class="asdf" id="ghjk"> <a href="#" class="link">red border</a> </div> Essentially I have a div with a link inside of it. What I want to do is have the div selected when the link is clicked. I need this done without referencing the class/id of the parent div. So far I have: $(".link").click(function () { //somehow select the parent div }); I've looked at 'children' and 'parent' traversing but I can't wrap my head around a solution for this problem. Thanks
Using JS "floats" and AJAX the right way
I am new to the jQuery framework - I used Mootools to my blog work but I find that I am having trouble adapting to the jQuery mindset. Anyway, I want to use Boxy to create a simple "float" (a pop-up that is just a div ontop of the layout) that contains a form that sends a couple fields (via AJAX) to my server and then closes the float. Boxy takes care of creating the float - but I am not sure about the best way to do somethings and I could use some help and/or ideas. 1) when the float loads (which
[jQuery] TreeView serialize
Hello, I created a dynamic TreeView in my page. I wish thereafter back up this TreeView in a data structure. Someone could help me..? Thank you.
[jQuery] selected = selected in firefox issue
I have a script I'm working on here: http://zurnet.com/test/ It takes a select box, and coverts it to a list item for styling. The problem I'm running into is that if an option value has selected=selected, I want to apply it to the list item. Now when I run the each statement and loop through, it will alert false, then true, then false as there are 3 options and the second one is selected. Firefox however after it hits option 2, stays true for some reason. So as you'll noticed when you visit the
[jQuery] Problem with JQuery - Ajax
I am trying to use the ajax functions of JQuery but its not working all the normal functions of jQuery are working as expected.What could i be doing wrong. Thanks!!
[jQuery] Problem with layer after 2.6 upgrade
Hi, I just upgraded from jquery 1.1.3 to 1.2.6 and now have the following problem in IE 7. (Due to the random nature of the problem I am only 95% sure that it does not also appear in IE 6.) We have a function where upon clicking a small picture, a large picture is shown in a floating layer. Sometimes, but not always, the dragging and closing of the layer now does not work. It seems pretty random, I can't find any pattern. Sometimes it's immediate. Sometimes I can open and close the same enlargement
[jQuery] Plugin, passing user defined default selector not working
I have a small plugin that creates an iframe, and lets links open within the iframe. The default is to append the iframe to the body, but I wanted the user to be able to pass in an ID and have the iframe append to that. Sounded easy enough, but it is not working for some reason. $.fn.testFrame = function(options) { var defaults = { urlSuffix: '', iframe: 'body' }; $(defaults.iframe).append('<iframe name="assetEditFrame" id="assetEditFrame" scrolling="no" frameborder="0"></iframe>'); var options =
[jQuery] jquery.validate.js remote validation issue
I have a registration form that I'm trying to validate using jquery.validate.js v1.2 with jQuery 1.2.6. On the username field, I am doing remote validation to verify the username does not already exist. When I blur out of the field, I *always* get an error under the field telling me the username is already taken, before the remote validation even has a chance to run. If I then refocus the field, the error message goes away; when I blur again, the error message doesn't re-appear. The remote method
[jQuery] mixing jQuery with regular JavaScript
Hi, I'm trying to mix jQuery with some pre-existing JavaScript/HTML, but I'm having what appears to be scope issues. The code I'm working on already has a bunch of inline event handler function calls in the HTML tags, and it'd be a ton of work to change them all to the unobtrusive way via jQuery. Now when I wrap all the pre-existing function definitions into the jQuery document instance (i.e., $(function(){ ... }), I'm able to slip in some jQuery. However, all the function definitions are now no
[jQuery] tablesorter and mousehoover
Hi, I've setup tablesorter and tablesorter.pager for a table of about 100 rows, it's work fine..but if I add a function for create a class hoover (on mouseover), the hoover effect work fine only at first ten rows showed at first page. If I change page the class hoover disappear. $(document).ready(function() { $("table") .tablesorter({widthFixed: true, widgets: ['zebra'], sortList: [[0,0],[1,0]]}) .tablesorterPager({container: $("#pager")}); $(".tablesorter tr").hover(function(){$(this).addClass("hoover")},function(){$(this).removeClass("hoover")});
[jQuery] AJAX JSON call and caching?
Hi! I try to figure out how to enable caching for JSON calls. I used the example and the jquery documentation but I have no idea where to put the "cache: true". http://docs.jquery.com/Ajax/jQuery.getJSON#urldatacallback <code> $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne? tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.media.m).appendTo("#images"); if ( i == 3 ) return false; }); }); </code>
Using variables within the :not() selector
I'm trying to do mouseover and mouseout commands for all items in a menu except for the one that is currently selected. When I pass a variable into the ":not()" selector, javascript ignores it. When I put in a non-variable for the ID, such as "#1", it works fine. What gives? var selectedDiv; var selectedDiv2 = "#0"; $(document).ready(function() { $('div.content').css("display", "none"); // var isSelected = $(imgId).is(':visible'); //HERE $('div#holder>div:not('+selectedDiv2+')').mouseover(function()
[jQuery] I think this is a binding issue
Hey all, So my problem is when i load new content in i loss functionality to my site. here's a link to the page, http://selectreselect.com/sal/ If you click on "A" then click on "Project 1" it will load in new content to the top. And the top is suppose to be able to scroll to the next image or back to the previous one if you click on the next and back links. like this example here http://selectreselect.com/sal/project1.html Can anyone help me piece this one together. I"ve looked into live query and
[jQuery] Background image position?!
I have a pop up div on our sites home page. The content changes based on the menu link the user clicked. A triangle tab should then move to reside between the clicked menu item and the popUp. This works fine of the dev server, but not on our live server (http:// www.pro-bel.co.uk/) We've checked: 1 - The jQuery.js files and tried re-uploading the latest version, both compact and normal. 2 - My scripts are the same on both servers. 3 - Both sites are on the same server though, just a difference domain?!
[jQuery] Block cannot work fine in FF3 on Ubuntu
Hi, I just started using $.blockUI last weekend. It worked fine in FF3 on Windows XP. But when I tested it in FF3 on Ubuntu, the "overlay" layer (by default it's gray and transparent, covers the whole page) did not show up. I also tested the official demos in the same environment and got the same problem. Does anybody know about this and any possible solutions? Thanks!
[jQuery] Lightbox Plugin (balupton edition)
Hi! Thanks to your good work I'm using jQuery, with the Lightbox Plugin (balupton edition). Very nice in deed. However I have some problems: * Safari 3: png-pictures is not showing * IE7: - $.Lightbox.construct doesn't seem to work (it's showing linkback) - The rendering seems a little bad with png-pictures Here's my code (any thing wrong?): $.Lightbox.construct({ baseurl: 'js/jquery_lightbox/', show_linkback: false, }); });</script>
[jQuery] animated image swap
I'm trying to animate a simple image swap but it's not quite working right. Details below, here's my code thus far: $('#zoom_control a').click(function(){ var oImg = $('.current_page').find('img'); oImg.animate({opacity: 0}, 1000, '',function(){ var sOldSrc = oImg.attr('src'); if (sOldSrc.indexOf("_zoom.png") > 0){ sNewSrc = sOldSrc.replace("_zoom.png", ".png"); $(this).html('Zoom out'); }else{ sNewSrc
[jQuery] wrap isn't working, or I'm doing it wrong?
There's a page of some damn tables that I'm trying to redo dynamically. Its a page I don't have control over so this code is running from a bookmarklet in my browser. I'm trying to sample out the content I want and re-wrap it in an an unordered list. I can't get the .wrap function to work. The sample html looks like this: <table> <tr> <td class="title"> <a href="link">Link</a> </td> </tr> </table> I'm using this jQuery code to 1) sample the data I want. 2) destroy
[jQuery] jscrollpane not functioning in iframes
i made two test html pages. this is the link for the child page which calls jscrollpane http://ekeneijeoma.com/clients/lrany/recordTest.html this is the script in the recordTest.html page $(document).ready(function(){ $('#record-scroll-pane').jScrollPane(); }); this is the link for the root/parent page http://ekeneijeoma.com/clients/lrany/recordScrollPaneTest.html does anyone see any issues related to why the jscrollpane is not functioning? using firebug you can see that the divs for jscrollpane
[jQuery] jscrollpane not functioning in iframes
i made two test html pages. this is the link for the child page which calls jscrollpane http://ekeneijeoma.com/clients/lrany/recordTest.html this is the script in the recordTest.html page $(document).ready(function(){ $('#record-scroll-pane').jScrollPane(); }); this is the link for the root/parent page http://ekeneijeoma.com/clients/lrany/recordScrollPaneTest.html does anyone see any issues related to why the jscrollpane is not functioning? using firebug you can see that the divs for jscrollpane
[jQuery] state - region - suburb drill down using image maps
Hi Everyone, I wonder if I could get some help. I am trying to build a sort of search tool where a user can click a state, then region (maybe a sub region) then suburb to help define a location for where they want to search. This will be used in conjunction with the search location text box. i.e. they can click the map or start typing where they want, and the text and map will be in synch. I have a demo here: <a href="http://www.sixfive.co.uk/mapdemo.cfm">http://www.sixfive.co.uk/mapdemo.cfm</a>
[jQuery] SimpleModal containerCSS not working in Firefox or Chrome
Good Afternoon, I tried to override the settings in the default stlyesheet that comes with the simplemodal jquery plugin with containerCSS which is working fine in IE7 but not Firefox or Chrome. Not sure if this is a bug or I am doing something wrong. jQuery: $(document).ready(function() { $("#ButtonPopup").click(function() { $("#addEditTask").modal({ onOpen: modalOpen, persist: true, containerCss: ({ width: "300", height: "200", marginLeft: "-150" }) }); return false; }); }); HTML: <button id="ButtonPopup">Popup</button>
[jQuery] [autocomplete] Some random questions
1. Is there any difference between Jorn's autocomplete from his webpage (http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/) and the one included in jQuery.ui 1.6rc2 ? I can see the copyright info is the same, but don't see a version number for the autocomplete element... 2. Using the jquery.ui version of autocomplete, what steps are needed to make the autocomplete work properly in a modal dialog via jquery.ui's dialog? (my initial tests show the code working, but the result area is
[jQuery] jscrollpane hiding content
jscrollpane somehow sets the width and height of the jScrollPaneContainer to 0 and the scroll-pane height to 0 which hides the content but if i reload the page one or two times it functions. this happens when i am loading the page in an iframe otherwise jscrollpane functions. this is how the html is after i call the jscrollpane. <div id="record-scroll-pane-holder"> <div class="jScrollPaneContainer" style="height: 0px; width: 0px;"> <div id="record-scroll-pane" class="scroll-pane" style="height: 0px;
[jQuery] Securing JSON data type
Right now (jquery 1.2.6), the httpData function does this with JSON data: // Get the JavaScript object, if JSON is used. if ( type == "json" ) data = eval("(" + data + ")"); This is not very secure. It would be better to allow users to choose a JSON parser to use to parse the data into a json object. Now, I can easily override this method, but it is not listed as a public API method. I would prefer that, to prevent breaking myself, that this be split into a separate function:
[jQuery] how to submit variables as POST submit (no AJAX)
Hello, I have a regular javascript object (with key/values) and would like to submit it to server by POST with complete page reload through jQuery. Just as with regular HTML forms. I searched for a few hours for some solution and have not found any. There are many examples for jQuery AJAX forms but I do not want AJAX. For instance there is $.post method, which accepts JS object as second parameter, however this is also AJAX method. I look for some soultion to send variables and completely re-request
[jQuery] putting jquery inline
When I include jquery inline in the body via a script tag I'm getting jquery not defined errors. Is there a reason why this approach can't work, or does it sounds like I'm doing something else wrong? The only reason I'm doing this is because it's a requirement on the opensocial container surface I'm developing on. Chris
[jQuery] Validate. Password Bug?
Hello, I am validating a password field as follows: $.validator.addMethod('password', function (value, element) { return this.optional(element) || /^([a-zA-Z0-9]{8,24}) $/.test(value); }, 'Use 8 to 24 letters or numbers only'); I write 8 numbers and letters. The message disappears. Fine ... Then I write a few spaces and the message do not fire even when I submit the form. Then I write a few letters or numbers after the empty spaces and the message fires again ... Is this a bug? Thanks, Miguel
[jQuery] [autocomplete] do search on input focus
Is there a way to force a field to do a search on focus of the input? (I basically want the user to be suggested a default set of items before typing anything. I tried this $("#category").autocomplete("do_search.php",{max:100,minChars:0,delay: 10});
[jQuery] jqGrid 3.3 version
Hello all, A new version of jqGrid is available. All the new features and bug fixes can be found here http://www.secondpersonplural.ca/jqgriddocs/index.htm Be a sure to visit the demo page for the new features. http://trirand.com/jqgrid/jqgrid.html The jqGrid home page is here http://trirand.com/blog/ Enjoy Tony
[jQuery] clickable block + fancybox jquery plugin trouble
Hello everyone! I tried to find the solution all around the web, but no luck, so I came here. I am using a jQuery plugin called FancyBox (http://fancy.klade.lv), which is a LightWindow clone, and it works great. Now, I want to have a clickable DIV that will allow me to call the FancyBox function to show the content of another page in a window like it does when I click on a single A link. The problem is that upon clicking on the DIV the new page opens the usual way, not in a FancyBox window. I need
Next Page