[jQuery] Cycle Plugin - Dynamically loading the effect
I am using the Cycle Plugin and would like to dynamically load the effect via a drop down menu. What is the proper syntax to pass the variable into the script? $(function() { $('#s1').cycle({ fx: 'scrollDown', easing: 'easeOutBounce', delay: -2000 }); });
[jQuery] SVN for SuperFish?
I have started using SuperFish for a new project and I'd like to create an external SVN reference to SuperFish for the project but I couldn't find a repository. Is there one? Thanks, Mike
Forum category for plugins
I was mulling over the idea of a forum category specifically for help with jQuery plugins. It's not up to me if it'd be implemented, but do we think it'd be useful, or are we better off lumping everything thing in one general "Help" category? This way would give us a general jQuery help section for generic questions, and a plugin category specifically for plugins (integration, impementation, etc). Curious to know eryone's thoughts on this.
[jQuery] Rico Compatibility issue
I've seen issues similar to what I ran into posted elsewhere in this group, however, not the same solution I came up with. Recently I have been pushing very hard to convert my company's site from using a multitude of outdated libraries (Prototype, Rico, YUI) to using just jQuery. Interestingly, I ran into a compatibility issue between jQuery (specifically a plugin I wrote for our site) and Rico 1.1.2. The offending code turned out to be the Object.extend protoype (Object.prototype.extend). I'm
[jQuery] mysterious $(window).error behavior
I can't seem to get $(window).error to work the way it seems like it should. Have a look at the following page: http://www.littleshoot.org/errorTest2.html It includes the following, and neither error is caught by the $ (window).error function -- the alert never happens. Anyone know what's up? <script type="text/javascript"> $(document).ready( function() { $(window).error(function(msg, url, line) { alert("Got error"); }); throw new Error("Inside doc ready error"); }); throw new Error("Outside doc
[jQuery] trying to get parent frame from mouse event
whats the best way to find the frame name of a click event? in FF I managed to do this: $('#'+e.view.name, top.document) but e.view.name is "undefined" in IE.
[jQuery] sd
asd
[jQuery] Reload Part of a Page
Is there an easy way to reload a section of a page? I have a .post() that updates the contents of an unordered list, but i have to refresh the page to see the new contents of the UL. Anyway to have the UL reload when the .post() goes off? I am using the Impromptu plugin to run the post, but this should be just a basic jQuery issue I don't think it's a plugin question. Code can be found at http://www.pastie.org/368851 Any ideas would be very useful!
[jQuery] getJSON beforesend?
Thanks for your good tips for the json in my multiple ajax call update boxes question. now i have another question is there in getJSON some thing like the beforeSend function in $.ajax ??? or schoult i manage my calls through the $.ajax(options) call with the dataType "json" ?? what are your opinions thanks for your replies
[jQuery] Blending / Transitioning two Divs together at the same time
Hello, I am having trouble with 'blending/transitioning' two divs together. What i would like to do is have one div transition into another div when you click an image link, rather than have it fade out and then fade into the next div. I would like to have the same effect that the Cycle Lite plugin has when it transitions between two images, but instead of images, i would like it to be 2 div's (see here: http://malsup.com/jquery/cycle/lite/, click on the 'next' link under click triggers heading and
[jQuery] [validate] How to validate only one of two forms on a page
I have two forms on a page. One is a registration form and the other is a log-in form. How can I disable validation when one button is clicked but enable it when another is clicked. We are using .Net so there is only one form tag on the page but visually to the user there are two separate forms. I tried the following but it didn't work: jQuery('.btnTabLogin').livequery('click', function() { jQuery("#Form").validate({ onsubmit: false }); }); Then I tried the following: jQuery('.btnTabLogin').livequery('click',
[jQuery] Location Persistence... Almost
I have a tree with a structure like this: A ---A1 ---A2 B ---B1 ---B2 -------B2.1 -------B2.2 ---B3 C Using location persistence, if I click on B2, the hyperlink takes me to page B2, and the tree expands to show this: A B ---B1 ---B2 ---B3 C Instead, I would like clicking B2 to take me to page B2, and for the tree to expand to show the subs of B2 (B2.1 and B2.2 in this example)? A B ---B1 ---B2 -------B2.1 -------B2.2 ---B3 C It's seems like it would be fairly simple, but I'm learning as I go and
[jQuery] Blending / Crossfading two divs together
Hello, I'm trying to figure out how to blend / crossfade two div's together. I have found many examples that crossfades two images together, but i can't find anything on two divs. Right now i am fading one out, and fading the other back in, but i'd like them to fade into each other. Here is my current code: $(document).ready(function(){ $("#toggle-product-overview").click(function () { $("#is-me").fadeOut("500", function() { $("#product-overview").fadeIn ("500"); }); }); $("#toggle-me").click(function
[jQuery] unrecognized expression after jquery update to 1.3.1
After I upgrade to Jquery.1.3.1 , I received this error in my code uncaught exception: Syntax error, unrecognized expression: [@id*=CountryIdentifier_] http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js Line 12 My expression is working fine with 1.2.6. does any one why?
[jQuery] jquery.ajax question.
Hello i have a question about getting content via ajax. i make a ajax call to an seperate php file with will return me the content of the to be updated elements on a page. for example <div id="box1">the content goes there</div> <div id="box2">the second content goes there</div> how can i manage the ajax result to take these elements on the right place in the page. i want to update each element of the result replace #box1 with the #box1 from the ajax call and replace #box2 with the #box2 from the
[jQuery] Highlight onKeyUp using Cursor Keys
How do I initialize a hover on a <A HREF> tag using cursor keys in jQuery? It's similar to how google highlights its autocomplete results. So, from google.com, type the letter "a" in the searchbox then press the Down Arrow Key and notice how the first item in the autocomplete box gets highlighted and so on if you continue pressing it. How do I accomplish this in jQuery?
[jQuery] Encoding characters using load("some_file.html")
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16788" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2><FONT face="Times New Roman" size=3>Subject: The best way to encode special caracters when requesting a **HTML <BR>fragments** using the jQuery method load().<BR>There are tons of discussions on this subject but I didn't
[jQuery] TableSorter, Turning Sort Off
Hello, I'm considering using the TableSorter plugin (http://tablesorter.com) for one of my projects, but I need to reconcile one thing: does anyone know how I can revert the sort back to the original? Or even, how to turn the sort-state to OFF, so that no header is selected and it doesn't try to sort? That way I could at least reload the table from the original data array. Any suggestions? Thanks, -Nate
[SOLVED] clone without inside element
hey dudes, any idea how to clone an element, and exclude any contained elements, but include container CDATA i.e. clone this: <h1 class="cloneme"><a href="#">foo</a></h1> and end up with this: <h1 class="cloneme">foo</h1> any pointers would be great thanks heaps.
[jQuery] $.ajax() wierdness
I'm experiencing a problem with consuming an xml file that exists on my server... I'm doing my development on an Apache 2.2 instance and when I read in the xml file it calls the 'success' parameter correctly and the execution goes on and the xml is parsed. However when I deployed this same code to our 'Sun-ONE-Web-Server/6.1', 'success' is never called... only 'error'. Now I might understand what was going on if it were not for the following points. 1. With dataType:"xml" Firebug reports that the
[jQuery] superfish help
Hi, I'm trying to use superfish in my joomla(1.13) site to create some css dropdowns and I'm having a few problems. I've tried most of the joomla mods with extended menu to try and get the drop downs working properly and can never get ie6 working properly. If anyone could check out my source it would be much appreciated. http://www.ubcbaseballalumni.com/test.html (sample source from members area) couple errors from firefox: Error: jQuery is not defined Source File: http://www.ubcbaseballalumni.com/templates/rhuk_solarflare_ii/super_fish/js/superfish.js
[jQuery] Html navigation menus
I was wondering if anyone has done the following with jQuery or if anyone knows of a plugin that does the same. If you refer to the target.com home page and mouseover one of the main nav buttons, like "women". You'll see that a large html menu comes down. What I need to do is similar, but with a twist. I need a main nav that has several buttons. When the "services" button is moused over the typical drop-down menu will appear with 3 menu items, like "Service1", "Service2" and "Service3". When the
[jQuery] neccessity of binding update after adding html dynamically
I am binding elements inside document.ready(): $('#bla').bind("click",function(){.....}); At some point html is added dynamically: anyElement.html=" " would then a callback added to the dom representation of the dynamically added snippet also or would i need again to call $('#bla').bind(...)? thanks. ----- manuel aldana aldana((at))gmx.de software-engineering blog: http://www.aldana-online.de -- View this message in context: http://www.nabble.com/neccessity-of-binding-update-after-adding-html-dynamically-tp21627822s27240p21627822.html
[jQuery] Query on jQuery object?
This may obvious, but I haven't seen any examples that fit what I'm trying to do. In many places in my code, I will select an element once into a var and make necessary changes. What I can't seem to figure out or find documentation on is querying on an existing object. Here's what I have to do now: $().ready(function(){ $("#mydiv").click(function(){alert('hello')}); $("#mydiv .childdiv").css("font-weight", "bold"); } seems a tad inefficient to make two trips through the DOM. Here's what I would like
[jQuery] If object wrapped, parents can't be found?
I ran into a strange problem which too me a while to figure out what was going on. I used the .wrap() function to wrap an element with a span. Then, later on in my script I wanted to find all of the parents (using .parents() or even p.arent()) of the element that I wrapped. Strangely, it would always only find the parent that was wrapped around it, and nothing higher than that, is this normal?
[jQuery] Can't append html to textare after jquery.form ajax submit
I am writing a user input form and I have buttons set up that add [b] [i][u] etc tags to the form like BBCode. The user can then submit it (uses the jquery.form plugin) and everything works fine. If the user then tries to type more and use the buttons again the buttons don't append to the textare anymore. Any ideas [code below] $(document).ready(function() { $('#journalForm').ajaxForm({ dataType: 'json', success: process }); function process(json)
[jQuery] 1.3.1 is over 10x slower than 1.2.6
Hello, I have an application that does lots of HTML injection, animation, and manipulation, and I'm a long time user and fan of jQuery. Recently I downloaded 1.3.1, and my app became really sluggish. Normally it loads in under a second, but with 1.3.1 it takes over 3 seconds to load, and the animation is choppy. The problem *really* shows up when I use firebug. Normally my app loads in about 3-4 seconds in firebug, but the 1.3.1 library increases the firebug load time to about 50 seconds (you read
[jQuery] I love jQuery fan logos
hey, i love jQuery so i made some "i love jQuery" logos for blogs or what ever. be proud and be a fan ;) http://www.chrispie.de/apple/i-love-jquery-300/
[jQuery] Having problems with 1.3 on Opera userjs
I have been writing a user-script(userjs) with jQuery recently, the way I integrate jQuery is to copy the minified code into the user- script. It had been working fine until I updated jQuery to 1.3, while on other browsers(FF3, Chrome, etc) they still work with no problems, on Opera 9.63 the page stops loading and stays blank. To test simply copy jquery-1.3.1.js into the userjs folder and go to any websites. With v1.2.6 no such problem appears. About how to use user-scripts on Opera: http://www.opera.com/browser/tutorials/userjs/using/
[jQuery] Events. .click() vs. .onclick
Hi everyone! I have a problem with binding events in jQuery. I didn't figured out why, but when i'm tryin to bind a callback to links ( $(elm).click (function() ), it doesn't works. but works fine with elm.onclick = function() ... the same thing in 1.2.6 and 1.3.1, IE and FF... The question is: what can it be? it seems like an error with innerHTML or somethng else, but I cant find out what happening...
[jQuery] Looping JSON Data
I have data recieved by ajax function of jquery like: {"list":[ {"id":"17","name":"Testing","description":"test","owner":"1","active":"1","featured":"0","machinename":"testing"}, {"id":"16","name":"Another List","description":"Another","owner":"1","active":"1","featured":"0","machinename":"another- list"}, {"id":"15","name":"Listenin Adı","description":"Yeah.","owner":"1","active":"1","featured":"0","machinename":"listenin- adi"}, ]}; how can i print each "list" in a loop? i tried many variations,
[jQuery] run function when 'each' is done, how?
Hi jquery is fantastic :-) My problem: I have a simple each-loop and after the loop I want to run a js-function. How can I determine when the each-loop is done in a more elegant way then this! ------------------------------------------------------------------------- var flag = false; $('span.countdown').each(function(){ flag = true; }); // when the loop is done, run 'updateCounter()' if(flag == true){ updateCounter(); } all the best / johannes -- View this message in context: http://www.nabble.com/run-function-when-%27each%27-is-done%2C-how--tp21621320s27240p21621320.html
[jQuery] superfish
Hello. First of all, superfish is a great plugin and I am currently using it on a website I am developing. I have implemented the nav-bar style and it looks/works great for the most part however I do have one problem that I can't seem to get around. The secondary menu (the lower of the 2 navbars) has all of its links left-aligned. On a wide site with many main level links, if you hover over one all the way to the right and it only has a few links, you have to move your mouse all the way back to the
[jQuery] jQuery onunload
My site runs on quite a bit of jQuery-based Javascript, and occasionally I'll receive a complaint from a reader that their browser goes into an infinite loop and throws a script timeout error, when they follow a link that takes them away from the page. I'm assuming this has something to do with jQuery's removal of event handlers when the page is unloaded; i.e. this code in 1.2.6: // Prevent memory leaks in IE // And prevent errors on refresh with events like mouseover in other browsers // Window
[jQuery] attribute selector: evaluating to variable
hi, how do i let a variable evaluate inside an attribute selector: var adId=$(this).attr("adId"); //i want adId to be evaluated and not compare directly to 'adId' string $('.removeFav[adId=adId]').show(); thanks. ----- manuel aldana aldana((at))gmx.de software-engineering blog: http://www.aldana-online.de -- View this message in context: http://www.nabble.com/attribute-selector%3A-evaluating-to-variable-tp21626781s27240p21626781.html Sent from the jQuery General Discussion mailing list archive at
[jQuery] JQuery Image script fails in internet explorer
Because of some unknown reason this script doesn't work in internet explorer if I try to click any of the images the script halts at the load, and just keeps on showing the loading icon (background of the .loading class). It does however display an Image when i first enter the site (because of the triggered $("ThumbnailList a:first").click()) What am I doing wrong with this code: <script type="text/javascript"> $(document).ready(function() { $("#ThumbnailList a").fadeTo(0, 0.4); $("#ThumbnailList
[jQuery] Adding many <option> elements to a <select> element
Consider the following: var i, select = $("select"); for (i = 0; i < 1000; i += 1) { select.append("<option>"); } Performance in Internet Explorer is terrible. So is: var a = [], i, select = $("select"); for (i = 0; i < 1000; i += 1) { a.push("<option>"); } select.append(a.join()); Besides creating a wrapper element, manually constructing HTML code and using the innerHTML property on that wrapper-element, what can I do to increase performance? (Performance in Internet Explorer in particular).
[jQuery] JSON with .Net
I am trying to use JSON with jquery and .Net. I am using json2.js for JavaScript and Newtonsoft.JSON for .Net serialization. Here goes my code: JavaScript ------------------------------------------------------------------- $.ajax({ url: "http://localhost/JSONSample/default.aspx", method: "GET", datatype: "json", contentType: "application/json; charset=utf-8", data: {name: 'User'}, success: function(result) { var oResult = JSON.parse(result); alert(oResult.Guid);
[jQuery] Encoding characters using load('file.html')
Subject: The best way to encode special caracters when requesting a **HTML fragments** using the jQuery method load(). There are tons of discussions on this subject but I didn't realize the right (best) way to go. Or how many ways ("bullet proof") are there? Please have a look at a test case: http://www.livrojquery.com.br/ajax-jquery/teste1-load-html/load-html-en.html TIA Maurício
[jQuery] Slide down and up element and remain vertical size
I have an example here: http://www.mech7.net/tmp/slide_down/ When i hover the elements it jumps a little in vertical space, does anybody know a solution how to remain the space my code is : $(document).ready(function(){ $('#portfolio div.item:first > div').addClass('open'); $('#portfolio div.item:first > h3').addClass('active'); function slideDownEffect(){ var speed = 100; $('#portfolio div.item').mouseenter(function () { if($(this).children('h3').hasClass('active')
Next Page