[jQuery] Color Animations Cookie
How can I get the following code: $(document).ready(function(){ $("#go").click(function(){ $(".block").animate( { backgroundColor: 'red' }, 1000); $(".block2").animate( { backgroundColor: 'green' }, 1000); }); }); From: http://docs.jquery.com/Release:jQuery_1.2/Effects#Color_Animations To register a cookie so next time I visit the elements on the page are set to the color set above?.
[jQuery] Tablesorter, sorting on multiple columns
When I sort on multiple columns, I would like there to be a difference in color between the primary column and the secondary column. Any ideas how I can achieve that? Didn't find anything special about secondary columns in the DOM I could use in CSS.
[jQuery] Meio mask
Hi everyone. I'm having troubles with meiomask to allow spaces in a field that will allow only letters, numbers and spaces of course. I've tried already with the responses but, doesn't work. Any help?
[jQuery] jQuery: Clone Event Handlers (objects)
Hello. What I want to do: - use dyndatetime calendar (+ time) for multiple items, some of them cloned From a + b + c + to a calendar - a calendar - c calendar - b calendar - The problem is that I cannot apply 'jQuery ( "input.dateField" ).dynDateTime();' for the cloned objects since I cannot know what to instantiate from the start and inputs cannot be found on the page. Is there any chance to use only 1 dynDateTime (or a calendar in general) and to write into different inputs? Dynamic, new elements
[jQuery] slideToggle() event is very slow with huge data
Hello, I have a table with 300+ records inside a <div>. The <div> is inside a fieldSet. When the <legend> text is clicked, the <div> is set to toggle effect. It is very slow while toggling when there are more than 90 rows in the table. Why is this happening so? -- View this message in context: http://www.nabble.com/slideToggle%28%29-event-is-very-slow-with-huge-data-tp25222280s27240p25222280.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
slideToggle() event is very slow with huge data
Hello, I have a table with 300+ records inside a <div>. The <div> is inside a fieldSet. When the <legend> text is clicked, the <div> is set to toggle effect. It is very slow while toggling when there are more than 90 rows in the table. Why is this happening so?
ID Instead of Name
Hi All, Is it possible to use the id attribute of an element instead of name attribute while defining a validation rule in jQuery? If yes, Please suggest me the process. Thanks
[jQuery] jQuery.ready after document has loaded
I have developed a FF extension that loads a few JavaScript files (one of which is jQuery) and attaches them to any given page being viewed by the user. The loading of the js files can ether happen during or after the web page had been loaded into the browser. Obviously, once the js files get loaded, I want to start doing some stuff and I wanted to use the jQuery.ready method to determine when the js code can start performing whatever needs to be done. However, it does not seem to get fired if the
[jQuery] Append data using Slide In animation
Well I want to append some data to a div called chat_box but I want it to slide in from the bottom as it appears, the code Im currently using to attempt to reach this is success: function(data){ $('#chat_box').append(data.show("slide", {direction: "down"}, "1000")); }, but this doesnt append the data at all. I've also tried this success: function(data){ $('#chat_box').append(data).show("slide", {direction: "down"}, "1000"); }, but this just adds the effect to the whole div instead of just the append
Can you disable code for a particular browser?
I have a chunk of jquery that is working in all browsers except IE. I know it's possible to target a piece of code AT a specific browser but is there any way to EXCLUDE it from a certain browser? I'd be happy for IE to just not see this chunk of code...?
confused over a code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $(document.body).click(function () { $(document.body).append($("<div>")); var n = $("div").size(); $("span").text("There are " + n + " divs." + "Click to add more.");}).click(); // trigger the click to start }); </script> <style> body { cursor:pointer;
Cross domain scripting to embed HTML
I'm trying to set up a system similar to Google AdSense that allows other websites to display some HTML content from my site on theirs. I've looked at the show_ads.js file Google uses to display Ads but to be honest I've not found it easy to decipher. I've also read that using a <script> tag to load a JavaScript file from my site is simpler than trying to do do this with an AJAX request. This post was helpful, but it discusses returning JSON rather than HTML. Will someone please explain how this
fade in image slides in beginning of a page
Hi there, I'm a rookie with jquery and I need solution to something strange I must do. Something like starting animation to a page with about 10 jpgs. When the page start is starting slideshow fadein animation between about 10 large pics, and when the last one appears it stays as a background to content and buttons must appear when the last picture is loaded, too with fade in animation. Is sounds not so difficult, but for me become a hard task... I'll be grateful for any ideas.
[jQuery] Chaining AJAX calls in jQuery with pause?
Hi Group, is there a possibility to chain AJAX Requests? By now i have 5 AJAX Functions where one calls the next (Button Click -
JQuery dynamic .load - 2 sections work, 1 other nogo??
Warning - this is a long post - this code has my completely stumped - from #jquery recieved 1 unconfirmed (he had to leave) report that it (might be) working properly though I didn't get OS or browser - I have tested in Windows Firefox 3.5 / IE 6/7/8 / Linux Firefox 3.5 all same behavior I have a jquery function that is setup to load categorized lists of thumbnails. So far the function is in full use in 3 locations (5 in total). Each of them generates HTML using the same template under django. The
complex form validation using jquery
Hi All, In a part of my form, I have added the feature of Add More which adds some elements dynamically and gives the ID and the NAME of the element dynamically. For example: Id will be address_1, address_2 and so on and also the name. I also need to add the validation criteria for this dynamic elements. For a static element, I can easily define the validation rules using jQuery. But I am having problem to incorporate the validation rules for these dynamic elements. How can I get this solution? I
jquery form validation
Hi All, I tried to pass the external JSON object on validate method. But It's not working. Can you guys please guide me on this? Here is my sample code: var jsonRules = [{ rules: { full_name: { required: true } }, messages: { full_name: { required: "Full Name is required" } } }]; jQuery("#employeeForm").validate(eval(jsonRules)); Thanks
[jQuery] "Too much recursion"
Hello, I'm trying to build a simple "fadeIn" - "fadeOut" loop on a div, but I get an infinite recursion the way I do it : // + Code function visibleFadeIn() { jQuery('#visible').fadeIn(2000, visibleFadeOut()); } function visibleFadeOut() { jQuery('#visible').fadeOut(2000, visibleFadeIn()); } // Starts the loop visibleFadeIn(); // - Code There must be another way to deal with this, does someone have a suggestion ? Thank you very much, FCCS
[jQuery] Newbie with jQuery
Hi every: I'm starting with jQuery and I have a lot of doubts. I'm reading the following books: - jQuery Reference Guide (Jonathan Chaffer, Karl Swedberg) - Learning jQuery 1.3 (Jonathan Chaffer, Karl Swedberg) - jQuery UI 1.6 (Dan Wellman) But as I said before I have a lot of doubts. Here goes the first. I'm trying to use the Dialog component from jQuery UI to show some modal dialogs in my web app. For just one dialog I haven't problems because I do this: In my HTML: <img id="img_1" class="help"
[jQuery] JqModal / simpleModal - maintaining form state
I have tried both of these modal solutions, beautiful by the way, and found a small problem with both of them and am wondering if there is a work around. I have a form where there are a bunch of check boxes that I have enclosed in a div that I am using for my popup modal. Now the thing is that while the modal is up and I check a bunch of boxes and then close the modal, reopen again, all checkboxes have been reset rather than retaining their state. Is there a way to circumvent this behavior? So, if
[jQuery] Dissect an ID
In jQuery how do I remove a certain part of an id... for example i have a div id='thisisadiv_1' I want to remove the 'thisisadiv_' part This is so I can add/subtract 1 to switch divs. Thanks in Advance. Phil.
[jQuery] Move a div to another div
Hi ! Here's a little example of what i want to do : " <div id="A"> <div id="C"></div> </div> <div id="B"> </div> " I want to make an animation where the div "C" come from the div "A" to (inside) the div "B". Is it possible ? Thanks in advance ! Bye.
Internet Archaeology needs you!
Hello all, I've started an archive of old internet graphics, in hope preserving an aesthetic from yesteryear's internet. The galleries are made with Galleria... and I am having trouble with their loading.. Example: http://www.internetarchaeology.org/scau ... iments.htm Seems that on some computers something upon the load is stalling the browser... these images are very small.. like 10k, they should load much faster. I am on a dual G5, and have noticed a significantly faster load time when using a
[jQuery] JSON data manipulation
Hello guys. My question has actually more to do with jqPlot ( graph library for jQuery ), but I'm still asking it here, because it concerns json data manipulation through jquery. I'm not a javascript nor JQuery programmer, I'm just in a learning process. So my question. To plot something through jqPlot the syntax should be: plot = $.jqplot('chart', [line1, line2, line3], { ... } With line1, line2 and line3 as array variables! My current JSON data is: [{"Name":"series1","Serie":[[1,4],[2,25],[3,7],[4,14]]},
Cannot display logo
I have an image gallery with JQuery/Galleria plug-ins but I cannot display my logo for some reason - can anyone help with why? The script is uploaded below www.artandescape.com
[jQuery] event-binding to dynamically created elements... (JSP vs JS problem......)
hi, I have a problem with binding events to dynamically-generated elements; specif. problem is something I'm trying to do with JavaScript doesn't work but it works if I do it in JSP: (and can we PLEASE get ability to display CODE in this forum in NON-PROPORTIONAL FONT???) JSP, event-binding works: ------------------------ <% for (int i = 1; i < 5; i++) { %> var elem<%=i%> = $('<a id="link<%=i%>"><img id="image<%=i %>" /></a>'); $('#image<%=i%>').bind('mouseover',function(event)
[jQuery] Easy SELECT question for newbie
I am an extreme beginner so sorry for the basic question. I have a number of checkboxes on the screen that contain an "ID" with the characters "ckKyW" in it. Checkbox Examples: whatever_ckKyW34 whatnow_ckKyW67 whoops_ckKyW23 I have tried every combination that I could think of (a few of them are below) but I am not able to retrieve only these checkboxes. #1 below retrieves ALL checkboxes but I know there is a way to retrieve only the ones I need. Can some help me please. Thanks, gBerger #1 This works
[jQuery] Issue with getJSON function... I get the JSON file but I can't do anything with it !! Help please
Hi guys, I have a problem retrieving data in JSON format using Ajax with JQuery. Here's the code I use: /app/controllers/stories_controller.rb: def index @stories = Story.all respond_to do |format| format.html # index.html.erb format.xml { render :xml => @stories } format.json { render :json => @stories, :callback => params [:callback] } end end /app/views/layouts/application.html.erb ... <%= javascript_include_tag "jquery" %> <script type="text/javascript"> $(document).ready(function(){ $.getJSON("/stories.json?callback=?",
[jQuery] cluetip html not being rendered
I have been working with the cluetip plug-in for several hours and am stuck. I can get most of the functionality working, but am unable to load another page within the tip and see the formatted html. The text shows up in the tip without formatting. The CSS for the tooltip itself is working as expected. I have tried copying and pasting the html from the fragment pages on the cluetip demo site, but am having the same issue. I am using the exact code used in the 2nd example on the demo page: http://plugins.learningjquery.com/cluetip/demo/
[jQuery] http://plugins.jquery.com is down
The plugins website is down: http://downforeveryoneorjustme.com/http://plugins.jquery.com/ and I'm not sure who to contact
[jQuery] using cross domain scripting to embed HTML
I'm trying to set up a system similar to Google AdSense that allows other websites to display some HTML content from my site on theirs. I've looked at the show_ads.js file Google uses to display Ads but to be honest I've not found it easy to decipher. I've also read that using a <script> tag to load a JavaScript file from my site is simpler than trying to do do this with an AJAX request. This http://www.thefutureoftheweb.com/blog/cross-domain-json-without-xhr post was helpful, but it discusses returning
[jQuery] changing URL with slider
Hello guys, is there a way (using a specific plugin or doing some hacking) to change the page URL when I change the viewed panel within a slider? Right now I'm using tabSwitch (http://www.hieu.co.uk/blog/index.php/ tabswitch/) but I can change it if a plugin lets me do that. Thanks and have a nice day. Sig
How to make a "loop" in JQuery?
I am quite new in JQuery and I wanna know... how can I make some functions repeat them after they have triggered? Like, I want that this will repeat if triggered: $('.class').animate({ 'opacity' : 1 }, 1000); $('.class').animate({ 'opacity' : 0 }, 2000); First post here^^.
JQuery/Galleria plug-in problem
Hi, I have downloaded JQuery and the Galleria plug-ins and the HTML text from the Demo 1 source on http://devkick.com/lab/galleria/ and cannot for the life of me make it work. The installation looked very easy (good job as this is my first website, hence why I am hoping this is something easy to fix!) The only change i am making is to re-link the picture to my images and it brings the image up but not the title and it does not link when i view it in my browser to the main image or scroll as thumbnails!
Combining two cycle plugin effects - HELP PLEASE!
Hi Guys, This is my first post, I am really stuck with some simple JQuery. (I am a complete beginner) I am working on a site which requires the following effect... The user clicks on a link in a right hand sided #div and the images in the left #div shuffle and the relative info for each dress will fade into the #div on the right hand side. See this image for a clearer idea of what I mean - http://img254.imageshack.us/img254/8895 ... pture7.jpg I have tried the following code to no great luck, can
Problem with a jquery plugin with all versions of IE
I'm a jquery novice. In fact even more novice than that - just can't think of a suitable description! I'm sure this is a simple fix for an experienced jquery user... I'm building my first jquery heavy site. Only problem I haven't been able to sort is with a jquery plugin called SimpleFilter. It produces an error in Internet Explorer (all versions from 6 up). Page works fine in Firefox and Safari but I get a script error in IE. Here is the piece of code in that HTML page: <script type="text/javascript"
[jQuery] jquery.Flash plugin
I was looking at the jquery.flash plugin and it looks like what I need to get the job done but I am not able to figure out how to do it. Here is some sample code from the plugin site $('.custom').flash(null, null, function(htmlOptions){ // do stuff }); Below is the code I tried using <script type="text/javascript"> var strToAdd = 'my text to add' $(document).ready(function(){ $('#flashHere').flash(null, null, function (htmlOptions){ $(".hello").append(strToAdd) }); });
Columnize jQuery code - text is hidden
I need to implement the jquery columnizer into this website, http://www.greenlifestylemagazine.net/main-templatecolumn.php. It works fine on the first page of the javascript. Pages 2-6 are hidden until you press the button. The problem is that on pages 2-6 I can not see the columnizer text. Any columnizer div tags end up invisible. I believe that an attribute that keeps the pages 2-6 hidden is hiding the columnizer jQuery stuff. Columnizer is extremely important for this website, the way I have it
what is the right way?
Hi just wanting to know what is the right way to add a INPUT field to the html page using jquery that will make it work correctly and as if it were hard coded?
[jQuery] Cycle slide #1
Hi everyone, This question probably is easy, probably is not :). Is there a way to apply an entry effect to Slideshow? Like the first image in the index make it "zoom" and on page load the first image would appear with "zoom" before everything? Thanks!
Next Page