[jQuery] Why (function($){ ...})(jQuery) instead of (function(){var $ = jQuery; ...})()?
The (rather long) subject line says it all. This idiom is widely used to avoid having to assume $ == jQuery and at the same time avoiding writing jQuery all the time. (function($){ ... })(jQuery) I'm wondering if instead this would work. (function(){ var $ = jQuery; ... })() The reason I ask is that I'd like to shorthand several things in this way. The first method requires me to go down to the end of a (long) function body to find out what, say '_' and 'C' really mean (private and Constants, say),
[jQuery] how to load and change the external HTML fragment with AJAX
Hi, I want to load a fragment of external html document (external.html#embeddedContent) with the help of AJAX call, embed (inject) this into my HTML document (main.html#placeToInject), and change this embedded fragment a little. I think that I need load this external fragment and either 1) change this before injection, or 2) inject and change at once before user will notice anything. The both possibilities are ok for me now, but I have a problem with manipulating and filtering the embedded fragment
[jQuery] ClueTip and a Series of Conditions
Hi All I have been successfully using ClueTip, but cannot figure out how to implement a "if one or more of these are not filled in then display this single notice" kind of action. For example, I have a number of Likert scale items (radio buttons) on a student survey. Rather that a tedious series of notices saying "respond to item 1," and "respond to item 2," etc. I would just like to display one notice. So I need something such as "If item 1 is empty OR if item 2 is empty OR if item 3 is empty THEN
[jQuery] History Plugin Compatible with jQuery 1.2.6
Hi folks, I'm using JQuery in my project to handle AJAX events. Obviously I want my website to be bookmarkable. This Jquery plugin seems nice, however, upon further examination, some problems have been revealed. For instance if I manually enter the URL with hash value, then any AJAX link I click on will NOT change the browser's address bar (have to refresh the page in order to see the new hash value). Does anyone know a decent AJAX history/bookmark library that works well? My requirements are: -
[jQuery] History Plugin Problem
Dear all JQuery Programmers , I am Stuck with this History Plugin ... I need to have the History ability ... my Website has alot of Links so we need to have the control of them by the History so I searched in google And I found this Plugin] http://www.stilbuero.de/jquery/ui_history/ and http://www.mikage.to/jquery/jquery_history.html and http://stilbuero.de/jquery/history/ all of them has Problem and there are not developed there is some Few Bugs in them and it could not work in a Huge project so
[jQuery] History Plugin Problem
Dear all JQuery Programmers , I am Stuck with this History Plugin ... I need to have the History ability ... my Website has alot of Links so we need to have the control of them by the History so I searched in google And I found this Plugin] http://www.stilbuero.de/jquery/ui_history/ and http://www.mikage.to/jquery/jquery_history.html and http://stilbuero.de/jquery/history/ all of them has Problem and there are not developed there is some Few Bugs in them and it could not work in a Huge project so
[jQuery] Using ClueTip with Image Maps in IE
Hello, I've been working with ClueTip (GREAT plug-in!) and image maps. After digging around on Google for some time I came across the link to this example: http://test.learningjquery.com/clue/chic-test.html (note that there are only two images that display the Cluetip and that neither has a title. You will see what appears to be a native tip, but that is coming from the Alt tag on this page). Based on that I was able to get it working on the Image Map, but I do have one problem. The native title
[jQuery] cluetip doesn't work with IE for me
I'm trying to use cluetip (Looks great!) to display a full text of otherwise truncated data, in a table. (Email subjects are truncated for the normal view, but if you mouse over, I want a tooltip to show the full subject). I'm using php and smarty templates to generate the table rows: <td align="left"> <a id="link_{$row[hamloop].id}" class="thickbox tip" rel=".tip{$row[hamloop].id}" href="view.php{$msid}mail_id={$row[hamloop].id}&cache_type={$cache_type}&address_id={$row[hamloop].address_id}">
[jQuery] jQuery asynchronous responses
Hi guys. jQuery docs(<a href="http://docs.jquery.com/Ajax/jQuery.ajax#options">http://docs.jquery.com/Ajax/jQuery.ajax#options</a>) present jQuery.ajax option with asynchronous requests by default. Is it possible with jQuery to do asynchronous responses? I'll want to display asynchronous server side responses after submit a form. Cheers Marco Antonio
[jQuery] Help finding this script
Greetings! I'm trying to find some jquery plugin like on this webpage http://w1.siemens.com/entry/cc/en/ However I don't know that effect name, so I really don't know how to search :) For instance you have some links like: Drive Technologies, Automation Technologies, Solutions for Industries, etc; when onmouseover the header changes to other picture and changes the header text also, and when you click on those links you see an animation too. Can anyone help me finding this plugin (if jquery has something
[jQuery] Cluetip: Why isn't my top left graphic displaying in my tip?
I finally have everything pretty much figured out for my initial ClueTip experience. Except for this one. Check the tips out here: http://www.datatv.com/sw/SW_wp_sampler2.html Now, I've only tested these in Firefox and Safari but the tl.gif isn't displaying even though I click on the View Background Image and I see my image. Here it is: http://www.datatv.com/sw/images/tl.gif So why don't I see it in my tip or is it just my computer driving me nuts?
[jQuery] Using JQuery to embed HaloScan comments on a webpage
I am trying to use JQuery to embed Haloscan comments (http:// www.haloscan.com) on a webpage. Normally, one would hardcode the Haloscan reference code in the HTML just under a hardcoded comment. Then one includes the Haloscan javascript underneath the message, with the unique identifier to the message as a parameter: My cat message here <div><a href="javascript:HaloScan('cat');" target="_self"> <script type="text/javascript">postCount('cat');</ script> </a> | <a href="javascript:HaloScanTB('cat');"
[jQuery] selecting div's with dynamic id's
Whats the best way to provide functionality (eg. toggle an 'additional information' div) when dealing with records with unique id's. For example lets say we are dealing with product records each one has a unique id which is a number, so the HTML might look something like this: <div class="products"> <div class="product" id="product_1"> Name: Red Widget Price: 22.00 <a href="">Show description</a> <p id="description_1" style="display:none;">sadasdasdasdasd </div> <div class="product" id="product_2">
[jQuery] firefox error NS_ERROR_XPC_JS_THREW_STRING with ajax form submission
Hi Have a problem that shows with firefox (2.0.0.15 on Windows) but not with IE (6). I'm using the Form plugin with a trivial form. I'm using a call to $.ajaxForm() to do an ajax form submission. It never works with firefox, and instead I get this really user friendly error message in the error console: Error: [Exception... "'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location:
[jQuery] firefox error NS_ERROR_XPC_JS_THREW_STRING with ajax form submission
Hi Have a problem that shows with firefox (2.0.0.15 on Windows) but not with IE (6). I'm using the Form plugin with a trivial form. I'm using a call to $.ajaxForm() to do an ajax form submission. It never works with firefox, and instead I get this really user friendly error message in the error console: Error: [Exception... "'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location:
[jQuery] ie6 bug w/ jquery accordion-drawer real world demo
Hi all, Is there anybody who has fixed the css of this apple menu demo under ie6 ? I mean the demo that's on this tutorial and also available under the jquery ui svn trunk : http://jqueryfordesigners.com/slide-out-and-drawer-effect/ TIA
[jQuery] jCarousel - Assigning a current class to external controls
Hi Jan I have an example page set up at http://dsagency.eledesign.com/. I am using two different controls to run the carousel. 1. The List of Articles above the carousel. 2. The next and previous buttons. I would like to be able to set a class of current to the list of articles so that no matter which controls you use it will highlight in the list the current article you are on. Is this possible? Thanks in advance for your help. Dan
[jQuery] tablesorter - adding rows - need help formating
I've got a table that pops up in an iframe, with data from mysql, with id of datatable. Underneath the table are two buttons: <input type = "button" id = "addNew" value="Sign Me Up!" /> <input type = "button" id = "cancel" value="Cancel" /> When I press Sign Me Up, I want an empty row to appear, for the user to enter. First question: the empty row comes up, but the formatting is all wrong - all of a sudden I have scrollbars, the text is large, etc. I've tried using the same id and class of my first
[jQuery] Validate + Captcha + Remote
Hi, I use captcha to prevent spam in this way (token is a random string needed to validate user input field) var token = 'somerandomstring'; $(".myform").validate({ rules: { captcha: { required: true, remote: "/captcha.php?t="+token } } }); Now i need to refresh che captcha code, so I call this function: function newCaptcha() { $.getJSON("/newCaptcha.php", function(data){ token = data.t; //
[jQuery] Superfish 1.4.3 released - now with new documentation
Hi everyone, I just released Superfish 1.4.3. The documentation is completely overhauled and now uses Mike Alsup's fantastic templates. Please let me know if I've left anything incomplete - it's quite a big nail-biting change. The CSS has undergone further revision. Rather than each menu type (horizontal, vertical, navbar) having it's own CSS file, now you include superfish.css to create the standard menu-type, then add the extra CSS file relevant to the alternate style, as well as adding an extra
[jQuery] Clear queued effects
I've mean messing with hover effects and one of the problems I can't resolve is the queueing of events/effects. What I'd like to do is to remove all effects from the queue once a new effect event has been triggered. Is this possible with a combination of the animate and stop functions? What I'd really like is just be able to remove all queued events for a selected object. You can see the problem I have at http://67.199.18.208/
[jQuery] blockUI fadeOut
hello, is the blockUI fadeout function working? I was unable to get it to fadeOut fast. (0 fadeOut) Here is an excerpt: $.blockUI({ centerX: true, centerY: 0, message: $('#inRum'), css: { top: '200px', width: '300px', border: '5px solid #535353', padding: '10px', backgroundColor: '#fff', '-webkit-border-radius': '20px', '-moz-border-radius': '20px', opacity: '1', color: '#000' }, fadeOut: 0, fadeTime: 0 }); what is wrong?
[jQuery] IE7 problem with cycling images - help much appreciated
Hi everyone, Hopefully this hasnt been answered before - wasnt able to find it in my search. Im building a portfolio site, using wordpress and jcarousel. An example of one of the pages Im having problems with is: http://fahrentest.timekept.com/the-powder-room/ It works fine in all browsers except IE7 (and probably 6). In IE, the images shuffle fine up to a point - if you click an arrow at the start or end of the cycle (ie the previous arrow with the first image or the next arrow with the last image)
[jQuery] Drap 'n' Drop with easing....
I want to use the drag'n'drop feature to create a virtual light-table of sorts, similar to the effect on http://www.thibaud.be/ where the object continues to move about after you have 'let go' of it. Could i combine an easing script with a d'n'd script to achieve this? Or is there anything out there already that will do this? Cheers Ryan
[jQuery] horizontal and vertical accordion for jQuery?
I am using a prototype accordion from this site that has horizontal nested in vertical accordion. http://stickmanlabs.com/accordion/ Because it has some issue with IE, and that I'd been using jquery tab for the same site, therefor very much prefer to switch jQuery version, however I am unable to find a jQuery Accordion that shows both horizontal and vertical. I found Kwicks for jQuery which is very nice but has horizontal, but not vertical.
[jQuery] jCarousel + Reflection.js - Need some help!
I am trying to implement jCarousel (http://sorgalla.com/jcarousel/) to display thumbnail images which the user can select to navigate media. However, I want to intergrate Reflection.js (http://cow.neondragon.net/ stuff/reflection/) as well to create dynamic reflections below my thumbnail images. But I am running to a few problems which I need some help solving. I tried adding the class="reflect" to the generated images in the following function: function mycarousel_getItemHTML(item) { return '<img
[jQuery] jCarousel + Reflection.js - Need some help!
Hi, I am using the jCarousel (http://sorgalla.com/jcarousel/) to display thumbnail images. What I wanted to implement with jCarousel is a reflection under each thumbnail using Reflection.js (http:// cow.neondragon.net/stuff/reflection/). These reflections would need to be dynamic as well and move with the original image as the user uses the controls to scroll the thumbnails. I tried implementing the class="reflect" in the : function mycarousel_getItemHTML(item) { return '<img src="' + item.url +
[jQuery] Cycle / carousel with partial images on either side?
Hi all, Wondering if there's an easy way to do this, either with the Cycle plugin by Mike Alsup or a similar plugin. We have a set of images scrolling left to right, but is it possible to show a little bit of the images on either side as well? ie. <div>| A | | ALL OF B | | C |</div> So in the above example, the right edge of image A and left edge of image C can be seen either side of image B. Then the scroll happens: <div>| B | | ALL OF C | | D |</div> C is now visible with B's right edge on and
[jQuery] Superfish - button width
Hey, Sorry if this is an elementary question, but what is the easiest way to set up the superfish menu so that each main menu button has its own width, depending on the length of the content? I got the menu working without any problems, but all the example css files are made with buttons that are all the same width. For a real website that's not very practical, of course, so I want to have them expand and contract depending on the content. I've tried removing the width from the .nav li and added
[jQuery] SUPERFISH IE 6 help
I'm having problems with the DDNAV in IE 6. First off, I think it's causing my headers width to display smaller. Second, the DDNAV extends the entire width of the browser. This is the first time I have used this style DD menu so any help is appreciated. Thanks site: http://www.goldfishnw.biz/TualatinFoodPantry/ CSS: http://www.goldfishnw.biz/TualatinFoodPantry/MainNav.css CSS: http://www.goldfishnw.biz/TualatinFoodPantry/superfish.css
[jQuery] update to 1.2.6 returns different result when retrieving onchange attribute
Folks, I had been using jQuery 1.2.3 and had code like this working: if ($(this).attr("onchange")) { var funcCall = new String($(this).attr("onchange")); //alert(funcCall); if (funcCall.search(/^changedDestination/) || funcCall.search(/ ^changedDeliverableResolution/) || funcCall.search(/^changedPersonalItem/)) { var result = funcCall.match(/(.+),0\)/); if (result != null){ var newFuncCall
[jQuery] comet long polling with jquery
hello, I finally got my server to run an example comet application, which uses the long polling method. The example code I got uses prototype library, which i dont want to use. I understand there is a comet plugin for jquery that supports the bayeux protocol, which is not what I want. Searching in this group, I have read that the long pollling method does not require a plugin, and just the standard ajax methods are ok. What I need to do shortly, is to submit an ajax request, (which will only be replied
[jQuery] CSS Dropdown Menu showing up as white box in IE6.
I'm trying to wrap up a site for a client and I've had this big issue with the dropdown menu I created using JQuery as it's fine everywhere....except (of course) in Internet Explorer 6. There it shows up as a white box and that's it. I've seen similar menus work in IE6 but can't figure out what the hack (yes, I said what the 'hack') it's supposed to be. Anyone else have an experience like this: http://reggae.esolutions.net/~granolag/index.html Any help would be greatly appreciated.
[jQuery] Jquery validation
HI, We are trying to use Jquery validation plugin for client side validation. It is working okay. The error message displays if the form validation fails. But we need the error display to highlight the entire row including the label and the input element. Is there a way to do this in JQuery Validation plugin? <div> <label for="firstname">Firstname</label> <input id="firstname" name="firstnamet" /> </div> Basically we need to color the entire <div> element
[jQuery] jQuery not setting X-Requested-With XMLHttpRequest
I'm using jQuery 1.2.6, and I can't seem to get jQuery to set the X- Requested-With when it makes AJAX calls. I saw somewhere that this may have to do with cross-site issues if the host is specified in the URL. I've tried skirting around that by just passing a relative URL, but with no success. I'm wondering what I might be doing wrong, or if someone can point me in the right direction. Here's what my jQuery code looks like: $.ajax({ type: "POST", url: '/votes/43',
[jQuery] Dynamically Added Select not submitted
I have some code that creates SELECT HTML dynamically using jQuery (verified with alert() and DOM Inspector). It works as expected in IE, but in Firefox the dynamically added SELECTs are not submitted with the form. Is this a known bug? I am tearing my hair out trying to figure this one out. Here is the code snippet that appends the new SELECT: ele = virginAttrRule.clone(); $("select[@name^='name_']",ele)[0].name = 'name_'+iCount; $("select[@name^='value_']",ele)[0].name = 'value_'+iCount; $("select[@name^='condition_']",ele)[0].name
[jQuery] Fade in, out, then in?
So I want to be able to fadeIn an element (#logo), then fadeOut the same element, then fadeIn a different element (#content). So the logo fades in, then out, then the content fades in. I've already got the logo fading part: $("#logo").fadeTo(1000, 0).fadeIn(1000) .fadeTo(4000, 1).fadeOut(1000); But no matter what I do, I can't make the content fade in smoothly after the logo fading is finished (about 7 seconds). The logo fades in then out in the very center of the page, and I want the content to
[jQuery] Navigate away after ajax call?
My code: ---in the script--- $('a').click(function() { $.get('/long_running_page'); return true; } ---on the page--- <a href="http://www.otherserver.com">click here</a. This appears to work. The long running page finishes (writes a file on the server) even though I've navigated to otherserver.com by the time it's done. Is this documented behavior or am I getting lucky? Thanks!
[jQuery] Removing the html jQuery adds in effects
I have a small problem when dealing with effects. Warning: Noob question ahead. Currently I have a list of items <ul id="gallery"> <li>test</li> <li>test2</li> </ul> alert($("#gallery li:first").html()) will correctly echo "test". If I want to add a new element before that with a slideDown effect, I use this line: $("#gallery li:first").before().html("<li>testing</ li>").hide().slideDown("slow") Although this correctly adds the line and smoothly slides it down, now the list is like this: <ul id="gallery">
[jQuery] offSetTop & offsetLeft return NULL
I have these functions: var e_w = jQuery("a").eq(index).width(); var e_h = jQuery("a").eq(index).height(); var e_ox = jQuery("a").eq(index).offsetLeft; var e_oy = jQuery("a").eq(index).offsetTop; the first 2 return numbers such as 50 and 100. But the last 2 each return NULL. Why are they returning NULL? How can I get the offset of an element given it's index in terms of "a" tags?
Next Page