[jQuery] jQuery tablesorter and highlight rows
Hello all, I'm using jQuery tablesorter to sort the content of my table. the row are highlighted and I'm no using the 'zebra' widget. The table id is : admin_table, and the code look like this : $("#admin_table").tablesorter(); $("#admin_table tr:odd").addClass("odd"); //add the odd class to the odd rows When you click on the table header with the id sort_age, $("#sort_age").click(function() { $("#admin_table tr").removeClass("odd"); //remove the ood class on all of the rows $("#admin_table tr:odd").addClass("odd");
[jQuery] IE7 seems to ignore my plugin
Hello, group. I'm the author of a very small plugin that replaces text with server-generated pictures in the font of your choice. You can find it at http://plugins.jquery.com/project/pir. The actual code (like I said, real tiny, so it isn't a burden to look at) can be gotten directly from http://www.xanthir.com/pir/jquery.pir.js. The plugin works flawlessly in all decent browsers, including IE8 beta2. However, IE7 seems to completely ignore the plugin! I can't figure out exactly what's up, but any
[jQuery] jHistory help
I'm making a website that has a drill-down form in it where you can select an office from a dropdown and then an agent from that particular office. My problem is once the user views an agent and clicks the back button on the browser my page breaks. I need to retain some page states in the form of HTML markup so that when the user clicks the back button on the browser I can show them the same page state they were looking at. After the intial page load all the new content is provided using Ajax post
[jQuery] New JQuery User, How do I call this function with timed Interval
I am trying modify Photo gallery and I want it to rotate through the images, I currently use setInterval("document.getElementById('sliderotate').click()", 5000); but of course this does not work in FireFox. As much as I an tell the click is bind in a js file here: init: function(opt) { opt = $.extend({}, EYE.spacegallery.defaults, opt||{}); return this.each(function(){ var el = this; if ($(el).is('.spacegallery')) { $('<a href="#" id="sliderotate"></a>') .appendTo(this) .addClass(opt.loadingClass)
[jQuery] Block UI modal window message incremental update
Hi All, I am adding table rows to a table via an AJAX call using $.each(). While the table rows are appended to the table, I am using the BlockUI plugin to display a message saying 'Application is loading'. BlockUI is unblocked when the table displays all the rows. Great - all is working as expected. What I really want is for the user to see how many rows have been added out of the total number of rows in the BlockUI message. This would look like: Application has loaded 1 of 400 rows Application
[jQuery] CSS top seems ignored by blockUI
Hi, I'm passing to blockUI an array of options: {top: '150px', width: '40%', padding: '2px', border: 'none'}; And top appears to be completed ignored! The other options are used, but the message is consistently drawn centered vertically; no matter what I pass as the value for top. Any thoughts? thanks, jab
[jQuery] Lopping scrolling menu that doesnt scroll back
Hi, Notice on the www.bbc.co.uk ( iplayer section ) and on http://www.designsensory.com/ their menus dont coarsely scroll back to the start, they simply loop with the end option joining together with the first option. Both examples are done in jquery, can someone point me to the script please. Thanks
[jQuery] ANNOUNCE: jQuery ListMenu plugin 1.0 from iHwy
Hi All, Today we released the iHwy listmenu plugin, which allows you to convert a basic 'list' of HTML elements (UL, OL or any set of child elements) into a snazzy dropdown menu with letter-based navigation (ie: A | B | C | etc). The plugin is very easy to use. In most cases all you will have to do is create the list of elements and then use one line of jQuery code to convert the list into the navigation menu. When a user hovers over a navigation letter in the menu a submenu appears containing all
[jQuery] [tooltip] how to completely remove the opacity for FF
How do I completely remove the opacity for the tooltip. example can be found here https://www.mobilemedcheck.com/newIndex2.php (who uses mmc button at the top) It's kinda hard to read the tool tip, I have set the the opacity to 1.0 in the js script. if you open that same page in IE it looks how i want it to look. but in FF, chrome and safari. it has an opacity. any help would be appreciated. thanks
[jQuery] Making a slide loop
How would I go about making this animation loop? I have a div that is controlled by a button. When the button is clicked, the div's css/left is adjusted to 800. How would I make this div loop? I would need it to go all the way too 800 and then come back to 0 and start over. Here is my code: <script> $(document).ready(function(){ $("#go").click(function(){ $(".block:first").animate({ left: 800 }, { duration: 6000, step: function(now, fx){ $(".block:gt(0)").css("left", now); } }); }); $("#stop").click(function(){
[jQuery] get img id and slide up div with same name
I have a list of several thumbnails. On click thumbnail I'd like to slide up a div elsewhere on the page that has an id of the same name as the image id. The first div (one) is shown as default. The other divs are hidden untill a thumbnail is clicked. Then the div with the same id as thumbnail slides up and shows and the first one is hidden and so on. See example html below. Jquery code so far $(document).ready(function(){ //hide the all div except first one $('.slierwrap:not(:first)').hide();
[jQuery] can I "capture" highlighted text?
is there any way of, using jquery preferably, catching text that is highlighted by the user ?
[jQuery] IE7 removes whitespace from HTML
Hello, Just wanted to document this bug/feature in IE7: alert($("<div>foo\nbar</div>").html()); This gives "foo bar" in IE7 and "foo\nbar" in FF. It might be related to http://groups.google.com/group/jquery-en/browse_thread/thread/6f03f58ac517aea9/0141d95da1ab6644?lnk=gst&q=whitespace#0141d95da1ab6644 I suspect this is done by IE's DOM parser? And there is nothing to do about it? Regards, -- Martijn.
[jQuery] Simple animation fix
I have this simple animation that I need help with. Basically it is a square that moves left to right. It is controlled by a left and a right button. The only problem is that I need the square to stop once it reaches a certain distance. Right now it will just keep going and going as far as you want it to go. I need an if statement that tells the square to stop if it reaches a certain distance. Thanks for your help and time. Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
[jQuery] ajaxStart() question
Hello! I would like to launch a function each time an ajax call is made, that places a "loading" throbber in the container in which the new content will be inserted. Typically, these will be $('#mycontainer').load() calls. I'm puzzled on how to detect the container upon calling my function. Someone has an idea? Thanks! Alexandre
[jQuery] Problems with <input type='file' />
Hi, I'm having problems with componente <input type="file">. I'm using the jQuery for cleaning his field, for example: HTML: <input type="file" id="fileName" /> jQuery Script: $('#button').click(funtion(){ $('#fileName').val(''); }); In the Firefox it works, but in the IE7 don't works. Someone can help me? Regards Thanks.
Scrolling Issue
Hey. I've got a tiny problem which I can't seem to figure out, I might be missing something very simple, or just not doing it the best way.. Anywho, Here's the deal, I've got lots of img thumbs, when you click it it toggles to big one and scrolls to the top of that image.., but sometimes I get an irregular behaviour, for instance, when I click the thumb the big image doesn't show and the document scrolls to the top.. Here's the code i'm using.. <script type="text/javascript"> $(function(){ $(".small").click(function()
[jQuery] Validate issue with firefox
I'm running into some issues and I was hoping that someone could shine a light on what's happening, I am using ASP.Net and the following controls seem to work for all other pages I have which submit (the following is from the rendered page, not the aspx): <input id="_ctl0__Footer_cmdSave" class="FooterButton" type="submit" title="Save Changes" language="javascript" onclick="return FooterSaveClicked();" value="OK" name="_ctl0:_Footer:cmdSave"/> <a id="_ctl0__popinDialogFooter_cmdCancel" class="popinDialogFooterLink"
[jQuery] Slide : Making it go from right to left
Hello All, I am not sure if this question has been asked before, but I'm new to Jquery. I am currently using 'slide' and I want the slider to go from right to left. I have read in many posts you can make the slider, slide up or down. But no where can I see any instructions on how to make it slide from right to left? (opposite direction to the default) My code is very simple $("#col3 div.sliderTrigger").click(function(){ $("div.Slider").toggle("slide"); }); Regards Martin
[jQuery] Matching on style attribute bug?
I ran into a jquery bug trying this with class, so maybe this is a bug too. Given this: <div style="background-image:url(myimage.png);"></div> Shouldn't I be able to select that with this: $( 'div[style*="myimage"]' )
[jQuery] [validate] required that select input's option is anything other than default
I'm trying to throw the field is required option on a select when its selected option is my default option of dashes/0. I might be going about this the complete wrong way with the required (dependency- callback). Help is appreciated. My HTML/JS may make more sense than this quesiton HTML: <select name="threshold" id="threshold" class="required"> <option value="0" selected="selected">—————</option> <option value="65">65%</option> <option value="70">70%</option>
[jQuery] problen with jQuery.noConflict(); help please!!!
okay, so i'm running proto/jquery together and it works fine on Safari and FF with out having to add jQuery.noConflict(); but it won't work on IE6/7... separately both scripts work fine in IE6/7. When I open my page in IE6/7 the jquey.js works but the proto/scriptac opens my lightbox in a new page... I tried the jQuery.noConflict(); fix with no results. I'm not sure if i'm implementing it properly...i'm new to this and eager to learn. I also tried moving jquery script above the proto script recommended
[jQuery] [Validate]
Hi there, I was wondering if there's some kind of flag, or variable that i can check, to see if a user has already tried to submit a form which is validated with Validate. Because only after the first submit i would like to call $ (".fields").valid(); on certain fields. Thanks, Knal
[jQuery] superfish - nav-bar style hover intent problem
I've got superfish setup and am trying to use the nav-bar style. Everything is working all right except two things: 1. the hoverIntent and timing doesn't work at all. i.e. rather than working with a fade in, and time delay for the subnav, everything is immediate and binary (on/off) 2. I would like the subnav to appear with the full length background color covering the width of its span. at the moment, the background only goes as far as there are items in the subnav. The page can be viewed at http://97.107.131.227:8000/framework.html
[jQuery] New JQuery User, How do I call this function with timed Interval
I am trying modify Photo gallery and I want it to rotate through the images, I currently use setInterval("document.getElementById('sliderotate').click()", 5000); but of course this does not work in FireFox. As much as I an tell the click is bind in a js file here: init: function(opt) { opt = $.extend({}, EYE.spacegallery.defaults, opt||{}); return this.each(function(){ var el = this; if ($(el).is('.spacegallery')) { $('<a href="#" id="sliderotate"></a>') .appendTo(this) .addClass(opt.loadingClass)
[jQuery] ANNOUNCE: jQuery UI v1.7 Released
We're proud to announce that the jQuery UI team has released v1.7 of the UI controls and effects library. This release marks a major achievement in the history of the jQuery UI project, introducing a host of new features and a greatly revamped architecture. You can read more about it on the jQuery UI blog post here: http://blog.jqueryui.com/2009/03/jquery-ui-17/ Support for jQuery UI can be found via Google Groups here: http://groups.google.com/group/jquery-ui Congratulations to the jQuery UI team!!
[jQuery] [Validate] Modifying validate options after page load.
Hi This is a strange question I know but I would like to modify the validate options to my form based on a click of a button. For example my default onload code sets up the .validateI() class with my options then based on a user clicking a button I want to override the "submitHandler" options with some new code. so in short: $(document).ready(function(){ $('#form').validate(); }); function changevalidateoptions() { //Set my new options here } Thanks, Mark
Validating .EDU e-mail addresses w/ jQuery Validation Plugin
Hey, I'm trying to build a sign-up form that will only accept .EDU e-mail addresses, but I'm not sure how to do that. I know you can write a validator.addMethod function, but I still want to make use of the "remote" parameter allowing easy AJAX interfacing. I've got it all working except that I just want to check if the last 3 letters of the e-mail address is equal to .EDU If anyone has experience using the validation plugin this would be a tremendous help to me. Thanks so much in advance.
[jQuery] Waiting on ajax request before form submit
I have a form. Before submit it I would like send ajax request. Based on the ajax request answer I would like to send form or not. How can I do this? Code: $("#invoice_form").submit(function() { $.get("/test", function(data) { console.log("get answer"); }); console.log("sending form"); }); Now I see: sending form get answer, and I would like to see: get answer sending form so form will be sending before get request will be complete. Can can I change? Can submit form can wait on complete get request?
[jQuery] jcarousellite css width issue?
Hello all! I was wondering if anyone could shed some light on a problem I'm facing? I'm using Ganeshji Marwaha's jcarousellite to create a slide show of three (possibly more later) definition lists for client contact details. Each DL contains three contacts. Each DL is held within an LI which is a child of an UL which is a child of the containing DIV. Now, here's the kicker, and finally my question: Why, will the LI's not adhere to the set width? Each of the DL's are cut off by about 20px to the
[jQuery] Multipart forms, file uploads and the accept header
Morning, I have a simple file upload form. It works exactly as expected without javascript. It *almost* works as expected when I convert it to an ajax form, with something like form.ajaxSubmit(options). My options contain a dataType definition, {'dataType' : 'json'}. I believe that this directly relates to the HTTP Accept header and lets my server know the type of data that I'm expecting to get back. If I don't select a file to upload and hit submit then the Accept header is populated correctly ("application/json,
[jQuery] Ajax Dot Net Plugin
I'm trying to get the ajax dot net plugin working and failing miserably. I've added the service - both manually and by dragging the example files into my solution. I've copied the hello world function from the example solution and added it to the service and the jquery for it. I've copied the system.serviceModel into my web.config. Again, i've tried using the default one created when adding the service to the solution and i've copied it across from the example solution. But no matter what i do i
[jQuery] An animated gif in the middle
How to show IN THE MIDDLE OF THE SCREEN an animated gif (with jquery effects) during a long operation ? I tried several methods but never compatible with, at least, FF and IE ...
[jQuery] html() in an iframe
I'm attempting to get the contents of the page -- its HTML code. Everything always returns null. Here is what I tried: var details = $('#xEditingArea').html(); alert("a"+details); -- returns null var details = $('#xEditingArea iframe html body').html(); alert("b"+details); -- returns null The page is using fckeditor and I need the contents of the fckeditor which uses numerous iframes. The tags are these: xEditingArea is the id of the td tag that then contains an iframe.
How to : draw Tree & Graph structures ?
Hi all. I am trying to draw on html page a structure called Graph : http://en.wikipedia.org/wiki/Graph_%28data_structure%29. Another possible structure i have to draw is Tree : http://en.wikipedia.org/wiki/Tree_%28data_structure%29 Is there around any plugin or hints on how it can be done ? I found interesting plugins for charts ... but they don't help enough for these goals. Best would be if nodes could be clicked to collapse sub-trees ( i know it's not a problem for jquery, once some plugin can
[jQuery] [validate] Group highlighting fix?
I have a group of fields (field "301" and "306") that are two inline select boxes to represent the month and year. I've grouped them with the proper validate hash object ("groups") and set the errorPlacement to be after field "306." All works fine as far as validation goes, however I've also assigned a highlight function on the field's parent element. On all single fields, this works perfectly. On the grouped elements, however, if the first field is marked as invalid and the second is marked as valid,
change <a> link color on hover?
Hi I have an element ID called "#nav" in my stylesheet. I need to change the link color when a user goes to a particular page and have used the following code. Although it changes the link color it also changes the "hover" color as well. Anyone point me in the right direction? Thanks in advance! Nell Code: <script src="scripts/jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#sitewrapper").css("background-image","url(images/backgrounds/glance/1.gif)");
[jQuery] Is it possible to covert entire html code inside a div into json, using Jquery or any Json plug in ???
Hi to all , Is there any plug in to covert html code in to Json format. If anything is there, please tell that name. I have to store my html data into json file format. If there is nothing regarding this, please suggest what should i do for this. with Regards sure.
[jQuery] remote validation (Validation)
Hi: I have a warranty registration form where I am using validate.js to validate the inputs.Everything works fine except that I have a serial number field where I use the remote validation function. One weird thing I have noticed is that if I put the remote call in the rules section, the remote works fine the first time but then it keeps using the initial value of the field even when that value has been changed. When I call the remote in the field itself by using class="required serial_num" remote="filename.php"
[jQuery] Required callback [validate]
In firefox 3, jquery 1.3.2, requiredcallback does not seem to work. I have the following: $('form').validate({ element1: {required: function(element) { return false; }}}), and element1 never gives the "this element is required" error. All other validation rules are working, including some remotes and some equalTos, so I know that the validation function is working. I can switch the "required callback" with one that always returns true, no dice. If I put in some console.logs in the required callback,
Next Page