[jQuery] $(document).ready and Firefox 3
Hi! We've just started to use jQuery in a project where we use it to load an external plugin based on what kind of browser the user is on. When loading the plugin we insert <object>-tags via JavaScript etc. Everything is working as expected regarding the loading and usage of the plugin except for one small thing. In Chrome, Safari and IE the page content is displayed before the plugin dialog is popped up (it's a plugin used to authenticate), but in Firefox the page content is displayed after the
jQuery Tutorials from Queness
Hi All, I have running my blog for a month, and I have written some jQuery tutorials that I believe able to help beginners to pick up this amazing javascript framework! Here is the list I have: Hi all, I have made a webblog and created some jQuery tutorials: http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption http://www.queness.com/post/126/useful-and-handy-jquery-tips-and-tricks http://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial
why does callback happen early???
Please, someone explain this to me. The jquery docs page for slideup specifically says "Hide all matched elements by adjusting their height and firing an optional callback after completion.". Yet when you simply do the following the javascript alert will fire before the animation, not after completion like it says. WHY? <html> <head> <script language="JavaScript" type="text/javascript" src="/scripts/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function()
[jQuery] Select elements with a prefix for id
how can i select all elements with a prefix of "Lab" i have textboxes with ids like Lab1, Lab2, Lab3 ...
[jQuery] selecting spans with an attribute of "for"
Hi everyone. I have a weird issue with selecting spans with the “for” attribute. jQuery doesn’t seem to want to select it if the span is physically on the page. Physical test (fails): I have <span for=”lid”>Some text here</span> in on the page. My jQuery: $(“span[for=lid]”).css(“background”, “red”); Nothing happens. (silly test) If I give the span an attribute such as <span monkey=”tree”>Some text here</span> and adjust the select accordingly… It’ll work. Dynamic test (works): I generate the span
'data(...).options' is null or not an object
Hello, I got a strange message on IE7 (but no error on firefox and IE6): line: 23 'data(...).options' is null or not an object Does any one has any clue about this problem? I'm executing the following code: <html> <head> <link type="text/css" href="jquery/css/start/jquery-ui-1.7.1.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="jquery/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery/js/jquery-ui-1.7.1.custom.min.js"></script>
[jQuery] IE freez when I open a page with tabs.
Hi All, I am having a problem recently. I am using jQuery-1.3.2.min and my page freeze. It force me to kill the IE from task manager. But strange thing is, it was working fine earlier, all of sudden I don't know why its creating problems. My content page is huge and I thought may be its lot of data but it worked before. Anyone know why its freezing or how can I debug to find out who is responsible for this. It works fine in FF. Regards, Amit
[jQuery] A general Javascript question: duplicate IDs in a document?
I realize this is not jQuery specific, but I figured you guys might have some good advice... I often find myself wanting to assign the same ID to multiple elements in a document -- typically when there are several versions of an element which display at different times. Is there a good reason NOT to do this? If so, what's a better practice? thanks, Kim
[jQuery] Modifying CSS classes with jQuery (or '.live()' for '.css')
Hello, Apologies if this turns out to be a trivial question. I currently am working with jQuery on a set of elements assigned to colored categories via a 'cat_[id]' class. Categories can change colors and if they do I want to update the color of every elements belonging to it. I want the same to be true in all new events added. I would believe that the easiest solution to this problem would be changing the 'color' attribute directly in the CSS class 'cat_[id]', but have found no way to do so. As
Passing all stuff in a form using jquery/ajax ..?
So I have a form with a buncha radio buttons. Now im trying to use ajax/jquery to do the submitting live. Is there a way to have a link act as a submit button which when clicked passes all the stuff in the form to some processor.php file through ajax. For example say there are 3 radio buttons. name=1 value=3, name=10 value=1, name=59 value=5 When hitting submit, it should just pass the array of shtuff to the php file. .post() seemed like it may do the job, but it looks like i have to pass data along,
[jQuery] $.fadeTo() vs. MSIE6 through 8
So, despite how perfectly .fadeTo works with FF and how easy "opacity: 0.40;" is to write, it seems like MSIE is lost and confused. In MSIE 8, with compatibility mode off, then .fadeTo process appears to be roundly ignored (at least for jquery 1.3.1). If you turn compatibility mode on, it behaves in the same manner as MSIE 6 and 7, which is this: Given an inline span with a background color, some margin (2/4/0/0), some padding (1/8/1/8), and a word bounded by a border (1px), MSIE will apparently
[jQuery] How to use in an IFrame?
I have an IFrame that loads another page. But that page that is in the Iframe can't seem to use JQuery. Any ideas how I can do this? Thanks for any help.
[jQuery] JQuery variable usage with single/double quote problem
Can anyone help on this one? ......... The following statement is proven to work: p_viewSelector=$("select[name='dllViewSelector_Search_0'] option:selected").text(); But now I need to adapt it so the Search_0 component is replaced by a variable (because it isn't always going to be Search_0 at that point. So I've got curSelector="ddlViewSelector"+idCurrent; p_viewSelector=$("select[name='"+curSelector+"'] option:selected").text();// single quote just before the 1st
Advanced Form Help
Hello all. First time poster, long time web-addict. I also hate the fact that the first thing posted here from me is a message asking for help, but I couldn't get by with a little help through my friends (the Beatles were wrong!) and the other support forums I've gone to have either snubbed me or gave me that oh too common "Holier Than Thou" response. I've looked around many places for tutorials for complex form issues and most of them are just "prettifying" forms. That's fine and dandy, if that's
[jQuery] How can I disable a button if a form using JQuery Validate plugin passes validation?
When a user clicks the submit button and the form passes validation I'd like that button to be automatically disabled. I'd like to prevent users from double clicking on the button to prevent double submissions. Thanks!
[jQuery] jQuery Menu Show / Hide Question:
I have a listing of objects as links: [div: id="listing"] First Second Third [div: id="description"] [Object description goes here, initially hidden, contents displayed based upon which object is clicked above] [Upon click of new object, hide contents, if displayed, and then display new contents based upon clicked] [object above.] So if I click First, I should see: [Description of First object clicked.] If I click Third, I should see: [Description of Third object clicked.] Now I know I can do this
events & ajax
I've got a bunch of event listeners attached to various css classes, for example: $('.whatever').click(function(){ ... }); but then I bring new content into the DOM with $.ajax({ type:'POST', url:... data:... success:function(html){ $('#blah') .append(html) } }); ... or something along those lines. Now in that new html are some .whatever classes that I want to react to click events the same way the others do. Is there any easy way to tell jQuery to add all existing event
[SOLVED]Passing variables into Ajax
Hi, I've got a form and have X amount of check boxes. This is X because depending on what information is available will limit the amount of check boxes. I've got a funtion to check which check boxes are checked if ($('#cb'+cat+'').attr('checked')) { catcheck += "&"cb"+cat+"=1"; } else { catcheck += "&"cb"+cat+"=0"; } I then want to pass the catcheck variable into the Ajax query: //the variable Cats gets passed the catcheck above $.get("/assets/searchpro.php",{ cats:
[jQuery] simplemodal help - dynamic load of modal content breaks close button
I have an include that contains all the HTML for the modal dialogue content. In the HTML, I also have a close button with the class "simplemodal-close" attached to it, which triggers the close function. That works great. However, I decided to load the snippet via jquery.get. It loads in just fine. But now, the close button with the "simplemodal-close" class on it will now not trigger the event. Is this because the button with the class on it was loaded AFTER the script was loaded? How can I make
[jQuery] Timeout
Hi guys. Can you tell me how to make a ajax-script witch is running in the "background"? I want a script witch reloads a .php-file every 10th second. How can I do this? :-)
[jQuery] table filtering
I have a YUI datatable that im live filtering from a text field. The problem im having is when i get a lot of records, its really slow..Ive only been using jQuery for a few months now, so im a bit of a noob. Any help refactoring this to make it run smoother would be great. **HTML** **search field <div class="search_member_wrap"> <label for="dt_input">Search: </label> <input id="dt_input" type="text" class="member_search_input" value="search members"> </div> i dont have the table HTML cause it could
[jQuery] Jquery Media Plugs (Malsup): How to tell when video is completed
Hey I'm trying to use the Malsup plugin and determine when the video is completed playing so that I can hide it or use the space for something else. Anyone know how to determine if the video is complete?
[jQuery] [validate] Using remote w/ data and ASMX doesn't seem to process the response
I'm trying to integrate the Validation plug-in with an ASP.NET site using ASMX services. The service is very simple: it takes in two strings and returns a boolean. I can see valid XML response in Firebug, but the plugin doesn't seem to process it properly. Both true and false return values result in no form submission and no error message (and any previous error messages, e.g., "You must enter at least 10 numbers") are not cleared. Here's my validation code: $('#aspnetForm').validate({ rules:
[jQuery] JQuery Cycle
I am trying to use the JQuery Slider from http://www.malsup.com/jquery/cycle/ .... When i run this page in IE, the images dont load so It only has the first picture in the slide show for each example. When i tried to make a simple example it did the same thing in IE7 Everything works in Firefox, both the actual page and my simple example. Has anyone experienced this ? Heres my simple example just to make sure ididnt foul something up... but the i dont think i did since the actual website does the
[jQuery] Calendar App recommendations?
Looking for a jquery calendar app. Main requirements include Month/Day/Event views; Add/Delete Event, with date/time ranges; Next/Previous functionality for Month/Day/Event views; Database integration; source code available and extensible. Nice to have: Ajax enabled/integrated. Currently looking at jmonth calendar, but can find no demo: http://www.bytecyclist.com/projects/jmonthcalendar/ Any suggestions? Thx.
jCarousel Plugin doesn't work
Hi, i'm stuck in this: I'm trying to code this theme but jCarousel is giving me troubles, i don't know why. They say "After jCarousel has been initialised, the fully created markup in the DOM is:" <div class="jcarousel-skin-name"> <div class="jcarousel-container"> <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div> <div class="jcarousel-next"></div> <div class="jcarousel-clip"> <ul class="jcarousel-list"> <li class="jcarousel-item-1">First item</li>
[jQuery] Work on one specific node and not on the window.document
Hi guys ! I assume this is a really basic question but I'm a JQuery rookie :) so please be indulgent :) I would like to get an element by its id but just on a specific node. I only see on the web things like that : $("#myId"). That is the equivalent of window.document.getElementById("myId"). But for me that should be something like myNode.getElementById("myId"). Is that clear?... Thanks in advance
[jQuery] Superfish jQery menu dividers
Hello! We are using Superfish v1.4.8 jQuery plugin to display horizontal dropdown menu on my companys website. We would like to extend Superfish functionality and use dividers to separate first level menu items. It can be done using left and right border, but not in case if you would like to use images as a divider element. So, we came up with a solution: <ul class="sf-menu"> <li>MenuItem 1</li> <li class="divider"><img src="div.gif"></li> <li>MenuItem 2</li> <li class="divider"><img src="div.gif"></li>
[jQuery] Cool Flash-like Menu Effect
http://www.alexbuga.com/v8/ Notice the menu to the upper right and how it slides as it follows the mouse across the icons. I have been searching for an open source for this, but I'm not sure how to define it. Any ideas? Thx
SlideDown based on amount of text.
Does anyone know of any tutorials that explains how to use the slidedown function which will slide down to the height of the text content rather than a pixel height? I'm new to all this Jquery stuff and after playing around with it for a while I cant figure out a way to make it work. I can get it to slide down to 100px but if the text doesnt fill the area then theres a big gap. Would this work better with the animate function? Which is the best to use for sliding content into view? Sorry for all
[jQuery] IE error with Jquery
Im getting the following error with IE 6 and IE 8 beta and Jquery. "Unexpected call to method or property access" Line: 12, Char 2305 Code: 0" The problem seems to be this declaration: this.appendChild(E)}})}, Im using the latest Jquery taken from the site today. Any help would be greatly appreciated, Mika
[jQuery] [beginner] passing variables to a Jquery function
Hi all,<div>I couldn't find a good answer to this, although it has probably been answered before, apologies!</div><div> </div><div>I have a link</div><div><a id="doit" href="/bla/something.php?id=123&type=456">do it</a></div> <div> </div><div>And some jQuery code</div><div> </div><div><div>$("#doit").click(function(){ // upon click</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$.get(this.href); // call the URL</div> <div><span class="Apple-tab-span" style="white-space:pre">
[jQuery] Display google.com in a Div
Dear all, I am trying to create a sort of slidebar containing a list of links [google.fr/yahoo.fr/facebook.com;...;...;...] The idea is to display in a div the slidebar and in another div the website. The slidebar is ok, but I have not found the way to display the site into the second div. Someone has an idea ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
[jQuery] fastest way to create a million div's?
I am trying to create something like ms paint in jquery and I want it to support 1000X1000 and that's a lot of pixels(one million to be exact). each pixel is a div so I need a way for handling that much divids. I currently map an array as an image and then create an element for each pixel. but it takes a lot of time and in an image of 500X500. please help.
[jQuery] jcarousel not working with latest jQuery
Hi All, I've found a very odd thing. I tried to upgrade my jQuery to the latest (v. 1.3.2) but then jcarousel is not working. The left and right arrows don't show. Anyone has any idea as to why would that be? Regards, Tal.
[jQuery] text not right with fade
I have noticed that when i fade my text in to 100% its not just right at all it looks pixelated any suggestions. I am using the following: ???.fadeIn('slow'); method many thanks Si
[jQuery] jQuery Validation plugin and ASP.NET postbacks
Hi, Have anyone been able to use the jQuery validation script and been able to make the buttonclick cause a post back? The form validates fine but the post is never made. If I add the option submitHandler on the plugin it goes in there, but that does not really help as i dont want to do a ajax submit. What i want is to make the postback continue as normal if the validation is true. Anyone else manged to work around this problem? Regards, Johan
[jQuery] Menu hides with IE7
Hello! I have a problem as the drop menu works great on Firefox but on IE7 it hides under the content below. I would appreciate your help on this, thanks a lot on advance
[jQuery] Are pigs flying? because IE8.1 + Firebug is coming
Friend of mine shot me this link this morning http://www.smashingmagazine.com/2009/03/31/breaking-internet-explorer-81-eagle-eyes-leaked/ ---------------------------------------------------------------------- Eagle Eyes’s most exciting (and highly anticipated by developers) feature is its wide support of Mozilla-based add-ons. Though IE 8.1 duly notes that not all plugins will work perfectly, we have tested four popular Firefox plugins (Firebug, Web Developer, Tab Mix Plus, and No-Script) and they
[jQuery] captions and jcarousel
Forgive my ignorance first of all, but i have a horizontal "carousel" (not sure of the technical term) with images. Is it possible to include a caption(text) above and below each image? Secondly, is the size of each image only limited to 75x75? Many thanks jason
Next Page