[jQuery] How do i make it work
the only site is that freaking site you download it from and no where does it say what i need to use to get it working. I'm new to jQuery but I love it. I tried every combination i could think of but despite everybody saying it works right out of the box, my box is apparently broken. can somebody please just show me from the first script tag to the last how to make the scrolldown/bounceout effect work? im losin it here thanks!
[jQuery] Keeping custom properties when clone()-ing
So I've created two custom classes with "containers" (droppables) and "items" (draggables) which have custom properties behaviors and some awareness of eachother. Now I got to the point of having a container tally up the price of all items inside it, but the problem is that this only works on items that haven't been moved from one container to another. Since I move them with clone(), they lose the properties I've added. Is there a simple way to ensure that properties I've added are copied when cloning?
[jQuery] Simple Form Submit
it says Submitting a form with AJAX doesn't get any easier than this at this address: http://malsup.com/jquery/form/# I am unable to get a simple form submitted to the sever. Making the forms is not the problem, however, it says i may need the plug in "jquery.form.js" so i uploaded it to my server then it says my form submissions will be sent to "comment.php" Now do i have to create that file comment.php?? Can anyone point me in the correct direction??? -- View this message in context: http://www.nabble.com/Simple-Form-Submit-tp16693611s27240p16693611.html
[jQuery] unblockUI: problem with Internet Explorer
Hi everyone. I'm using blockUI for a project and can't get it to work properly under IE 6 and 7 (yeah, I know what you guys thinking, me too). The problem comes when I try to use the function $.unblockUI() when certain events trigger, ie: var cancel = $("<input type='button' value='cancel' />") .bind("click", function(){ $.unblockUI(); }); var message = $("<form>") .append("<input type='submit' value='Ok' />") .append(cancel); // This is where I add functionality. $(".myAnchor") .bind( "click", $.blockUI(message);
[jQuery] jcarousel problem under Safari
i am experiencing this under safari: if i do resize my browser window , the carousel gets some very weird behavior, anyone experiencing this?
[jQuery] Image fade hovers
Hey all, Basically I'd like to have a navigation, when on :hover it fades to a new image. Although when using the JQuery fade function, when you hover over an image repeatedly and quickly, the image will continue to fade in and out - for the amount of times you hovered over it. I'd like to be able to prevent this from happening, and simply have it begin fading on mouseover (hover) and begin fading out, on mouseout - so that users cant mess around and hover over it a million times, and watch it fade
[jQuery] Issue inserting an img into a table
Well, the problem isn't actually putting the image into the table, that part is fine. I'm running into a problem the way it is displayed. My table is basically a map. It is 10x10, and I have it set specifically to 20px x 20px. Each <td> has a background image that is actually 20px x 40px. These are sprites that, when hovered over, will change which part of the image it is looking at so I can tell where I am hovering. All this works fine. Now, there is the possibility of each <td> having an <img>
[jQuery] [validate] $.valid() issue with IE6
$('input#step2').livequery('click',function() { if($('form#order').valid()) { $('div#stepOne').hide(); $('div.step').html('Step<br\/>Two'); $('div#stepTwo').show(); } return false; }); The line - if($('form#order').valid()) { Cause IE 6 to throw and error stating 'Object doesn't support this property or method. Works in IE7 , FF+ and Safari+ Thank you in advance
[jQuery] jQuery Question of the Week! Iframes and Loading!
So I'm building a custom CMS solution for a site that exclusively uses jQuery, but the cool part is that the CMS is entirely placed in a single web page. I accomplish this by showing and hiding only the necessary <divs> required for the respective tab that is clicked AND using a ton of AJAX to interact with the databases. However, I am recently stumped as to how to get the following to work. I need the contentWindow height of an iframe. Sounds easy. No. I keep a variable set called maxHeight so I
[jQuery] Targeting iframes, adding id, and getting content
Here is my problem. There are 2 iframes on my page, that I need to assign an ID to, and then I need to get the innerHTML from each. For some reason, I can't get jquery to add an id to the iframe at all. I tested it using div, and that worked fine. Can you not set an id for an iframe? $(document).ready(function(){ $("iframe").attr({ name: "frame1" }); }); That is not seeming to work. Any ideas? Then I was trying to get the inner html of the iframe, but I am stumped on that too: var summarytext = $("iframe:first").html();
[jQuery] CakePHP & jQuery Issues
As a relative noob to the realm of jQuery, Ajax, & CakePHP. I've been beating my head into a brick wall trying to figure out a problem I'm having. I have a simple checkbox within a view <div class="setReview" id="<?php echo $b['Request']['id']; ?>"> <?php echo $html->checkbox('Request/ review_id', null, array('1'=> 'Ready', 'class' => 'review')); ?> </div> I want jQuery to capture both the Request id and the Review id via Ajax $(document).ready(function() { //ADD ONCLICK HANDLER TO CHECKBOX WITH
[jQuery] How to speed up performance of html() and load()
Hi, I just want to share what I found out today. I was trying to update records of a table with the html-response of an ajax request. First I tried $('#list').load() to just replace the content of $('#list') with the ajax-response. The performance was remarkable poor. I thought it's due to the ajax request and replaced load() with a call to $.ajax() and assigned the response data with $ ('#list').html(data), but the performance didn't get better. Thanks to Firebug I realized that the performance
[jQuery] IE debugging advice, please
As I stumble towards discovery of jQuery and all things Javascript, I frequently get knocked down by IE ;) It throws fatal errors far more often than Firefox (whose debugger I can understand) but IE's debug option invariably points to an 'error' in the jQuery core. I assume that's not the *real* error; just the point in the main script at which *my* script caused a fault. Please could someone point me towards a better debugger for ie? I should emphasise that I really am floundering in the dark here.
[jQuery] query string encrypt/decrypt plugin????
Hi I have been looking for code that can let me encrypt the query string created for an ajax call to a php script. The way I have been using the $.ajax, my params in query string are readily available to everyone to modify and play with. I do understand that this method may not be an absolute way of securing things but it would atleast be useful in deterring the most. Is there a plugin or some example code to do it? Does anyone share the need for something like this. If so then please reply to this
[jQuery] [tooltip] image map area not working on ie6
Hi, considering this plugin : http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ I have a tooltip applied on each <area> tag on my image map and it's working fine with FireFox PC but not with IE6 or IE7. Here is a sample of my code : [...] <script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script> <script type="text/javascript" src="js/jquery.dimensions.js"></script> <script type="text/javascript" src="js/jquery.tooltip.js"></script> <script type="text/javascript"> jQuery(document).ready(function()
[jQuery] ANNOUNCE: Free AIR v1.0 for JavaScript Developers Pocketguide from Adobe
For all jQuerians interested in producing AIR applications, Ajaxian.com has posted about the new "AIR for JavaScript Developers Pocketguide" which has been updated for Adobe AIR v1.0. The PDF download is FREE! Get it while it's hot! http://ajaxian.com/archives/adobe-air-for-javascript-developers-pocketguide Rey
[jQuery] SOT: Using iframe to load in a Flash movie with dynamic height
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16640" name=GENERATOR></HEAD> <BODY> <DIV dir=ltr align=left><FONT face=Arial size=2><SPAN class=981452416-18042008>I've been dealing with this irritating issue on and off now for about a month. I'm finally going to ask for help.</SPAN></FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><SPAN class=981452416-18042008><FONT
[jQuery] should be using .find . . .
Could anyone help with this? I figure that I should be using the .find function, but I am not sure how to use to to filer my response text, and only display the id that I want. The example seems to not be working, or I should be changing it somehow, and I am not sure. Anyone?
[jQuery] trouble with dynamic mouseover functions
I am trying to build an navigation plugin and I am having a lot of trouble with getting it to work. What I want is to have a horizontal main navigation and a horizontal sub navigation just below it (kind of like a tab navigation) but what I want is for when you mouse over one of the main nav elements, I want the sub nav elements to slide in from the right. Then, when you mouse over the next main nav element, the subnav should hide and the next one will slide in from the right. I have it working now
[jQuery] change expand collapse image (swap images)
I am using $("#details").slideToggle("slow"); for toggling a grid data. for the same i need to show + and - symbols for expand and collapse ( using images). Can anybody help me out with this.So that image also swaps according to the expand or collapsed state. How to achive this? Thanks in advance
[jQuery] jquery change image based on server side data
I have a "NEW" image that displays at the top of the page, if there is new data. I had two loops(server side) on the page looping through data; the first time to see if there was something new, and then the second time to display the data. To improve performance I was hoping to delete the first loop, and set the "NEW" image to display:none. Then on the data loop set some flag to pass to the client to go back up the DOM(Jquery) and turn the "NEW" image back to display:block. Obviously, there is no
[jQuery] Crediting Site
Google-alerts notified me of this page today. http://www.em-consulte.com/en/credits It credits all the scripts and other stuff that are used over the site. Awesome! this is how it should always be :) Cheers -- Ariel Flesler http://flesler.blogspot.com
[jQuery] planet.jquery.com RSS feed broken?
A co-worker pointed out to me today that the planet.jquery.com RSS feed hasn't updated since April 6th. I verified directly from the site that the planet.jquery.com site is updating, but the RSS feed is stuck in the past. Does anyone know who manages the feed?
[jQuery] Load image without html page
I was trying to figure out if it is possible to use ajax to just load in an image, rather than loading in an html page that contains the image tag? I know that there is a way to assemble the tag, and then write it, but I am not sure. Any help using jquery?
[jQuery] xml namespace problems
Sorry if this is a second post, but I do not see my message here is the xml <?xml version="1.0" encoding="ISO-8859-1"?> <lib:catalog xmlns:lib="http://localhost/"> <lib:book name="bookext"> <lib:user name="user"> <lib:book name="bookint"> </lib:book> </lib:user> </lib:book> </lib:catalog> 1. the expression $('catalog > book',xml).each(function(){ ... }); does not work in IE6 and FF 2. the expression $('catalog book',xml).each(function(){ ... }); Work in FF, but not in IE6 3. the expression $('lib\\:catalog
[jQuery] xml namespace problems
Here is the xml <?xml version="1.0" encoding="utf-8"?> <lib:catalog xmlns:lib="http://localhost/"> <lib:book name="bookext"> <lib:user name="user"> <lib:book name="bookint"> </lib:book> </lib:user> </lib:book> </lib:catalog> The experssion $('catalog > book', xml).each(function() { // do something here }); Does not work in IE6 and FF. The expression $('catalog book', xml).each(function() { // do something here }); Work in FF but not in IE6 The expression $('lib\\:catalog lib\\:book', xml).each(function()
[jQuery] How to access TableSorter configuration properties
I'm using the TableSorter plugin on a table that will have new rows appended to it by AJAX calls. I want to resort the table using the current sort settings after new rows are added. I am using the TableSorter .trigger("update") and .trigger("sorton", [sorting]) methods to resort the table. I need to access the tablesorter config object to extract the SortList. How can I do this? Thanks, Carl
[jQuery] Multiple forms, validation plugin
Hi all, I have slowly put together a script to replace the input button with an image, using Jquery. Basically, the image is added as a CSS class; the Jquery replaces the input with a HREF. I have used this in conjunction with the validaition plugin, it works great with a single form, but I would like to perfect it so it would still work if you had multiple forms on a page, each with a unique ID. Here is the test page: http://paulcollinslondon.com/contactTest.php And the main validate line: $("form").validate();
[jQuery] [SVG] Animate element over SVG image
I've been trying to get some JavaScript effects to operate smootly over a (huge) SVG image. Every transition I try over the SVG image itself turns out really choppy. When I try the same effect on a part where the SVG image is not present it's displayed smoothly... Check it out here: http://gavro.nl/expo/svgtest/wereldkaart.html (note: really big imgs >> site is supposed to run locally...) I've tried simplifying the svg, but even at a factor 10x less lines/ points, the effects are still choppy...
[jQuery] Form select (show/hide)
Hi All - First time post, and first time working with jQuery. I have a form that hides two divs (one specific to bridges and the other div for the rest of the buildings) on page load. A user selects from a drop down list which building type they want to search for, and then from that selection, one of the hidden slides down. I have this working, but I would like to be able to add a toggle like function to the drop down. <script type="text/javascript"> $(document).ready(function(){ var opt1 = $("#brProducts");
[jQuery] jCarousel vertical is showing too many rows (height problem)
I'm trying to use jQuery to have this page to display a vertical carousel at the bottom of the page, in the large JJ Highlights section: http://beta.jewishjournal.com/ But as you can see, instead of having one row of highlights, I'm seeing all three rows and the height of the box is extremely large. I'm using this basic code, with some additional options set: jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ vertical: true, visible: 1 }); }); If I leave everything the same and
[jQuery] error in jcarousellite_1.0.1.js?
I was trying the yuicompressor on jcarousellite 1.0.1* and got this error: "invalid property id" at line 239: li.css({overflow: "hidden", float: o.vertical ? "none" : "left"}); What could be wrong? * http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.1.js
[jQuery] ?? howto code a plugin that needs to call itself from global scope (setTimeout())
Hi. I'm working on a lgpl-ed button animation plugin that needs a reference in the global scope, so that it can call its own functions through a setTimeout() (animations). See <a href="http://mediabeez.ws/mediaBeez/permalink.php?tag=buttonAnimated">http://mediabeez.ws/mediaBeez/permalink.php?tag=buttonAnimated</a> I've started by working from the datePicker plugin code, but i'm uncertain that this is the right approach afterall. DatePicker extends $.fn with quite a few functions (names preceded by
[jQuery] Odd behaviour with the "one()" event handler
I'm not sure if I'm misinterpreting how to use the "one()" event handler properly, but when I tried to use it in the bit of code below, I was unable to prevent the button from submitting the form (which it was now inserted into). I tried "return false" as well as an "event.preventDefault()", but clicking on the button still seemed to submit the form. The only way I could get it to prevent submitting the form was to use the .mouseup() event handler rather than .one(). Why didn't "return false" or
[jQuery] Trouble with attr() and IE7, and onclick...
Ok, So my code is running fine under FF2, no problems. However, IE7 is a different story. The only thing that seems to be working under IE7 in all of my jQuery code is this... Now... all of this following code works under FF2 PERFECTLY... and I feel like its something simple I am doing wrong under IE7 with this code: $(document).ready(function() { $("form#add_comment").submit(function(){ //function for ajax comment system var body = $("#body").val(); var maxCharacters
[jQuery] how to prevent default action on SELECT "multiple" elements in IE?
i'm trying to find a way to make a multiple SELECT element more intuitive to use by removing the need to use CTRL. all that you need is click once to select, click once to deselect. the simplest thing i could come up with is this: $("select[multiple] option").mousedown(function(){this.selected = !this.selected; return false;}); it works with FF and Opera but not with IE7 or Safari. Dont know if i need to use something different or additional like e.stopPropagation or e.preventDefault (are these deprecated
[jQuery] jQuery style guide?
As anyone who's flicked over my beginner's blog will know, jQuery provides a constantly vertical learning curve (!) It isn't made any easier by the lack of basic instruction. I realise this is largely because of my very basic Javascript knowledge - but some of the problems I encounter are special to jQuery, and I'd love to know whether somebody has already written a style guide? Example: I've just discovered I needed to concatenate a selector. Normally, one can use: $( '#someid .someclass' ) - as
[jQuery] Postal Code Validation
I've noticed a lot of requests for Postal Code validation. I don't know if anyone posted one, but here is an addon method I wrote for Canadian postal codes. $.validator.addMethod("postalCode", function(value) { // Addon method for validating postal codes. Valid formats are (X1X 1X1) or (X1X1X1) or (X1X-1X1). return value.match(/^[a-zA-Z][0-9][a-zA-Z](-| )?[0-9][a-zA-Z] [0-9]$/); }, 'Please enter a valid postal code'); You can then use the rule postalCode:true to validate.
[jQuery] jQuery Form Builder
Hi all After some search I found 2 examples about jQuery Form Builder: - <a href="http://www.phpletter.com/form_builder/demo.html">http://www.phpletter.com/form_builder/demo.html</a> - <a href="http://elpaso.homelinux.org/formbuilder/">http://elpaso.homelinux.org/formbuilder/</a> All very nice but impossible to download form builded. Somebody knows another examples related to Form Builder in jQuery? Cheers Marco Antonio
[jQuery] Ajax Calls + IE Issues
Hello, I'm currently developing a small web application and IE (6 & 7 tested) is not functioning as expected when submitting information via AJAX. In each case, the data to be submited is being sent via a form that is brought into the page with a previous AJAX call. All other browsers (Firefox, Opera & Safari) that have been tested with the application function as expected. For example, A user is able to tag content created by them or sent to them from another user. A tag link is provided. When clicked
Next Page