[jQuery] jQuery Ajax throws parseerror in IE
When using jQuery Ajax, I am receiving a parseerror in IE (Firefox & Safari work). Has anyone run into this before - and know how to fix it? Or something I can at least try. CODE >> object = { path : 'data.xml', data : 'lat=40.935&lng=-125.000' } $.ajax({ url: object.path, data: object.data, type: 'GET', dataType: 'xml', timeout: 1000, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('Error loading data: ' + textStatus); }, success: function(xml){ ... } }); OUTPUT >> 'Error loading
[jQuery] QuickSearch plugin - triggering events
Hi, I'm trying to modify "RikRIkRik" Lomas' excellent QuickSearch plugin. I want to set up clickable links to remove all sorting, and to setup predefined sorts (defined strings sent to the text input). I can clear and fill in the text input box easily enough, of course. But that does nothing. All sorting changes are tied to keypress events (as-you-type updates a'la iTunes), and I can't determine how to trigger a sort otherwise. There is no clearly defined function (reSort(), e.g.) to reference in
[jQuery] dimensions plugin: relativeTo not working?
Or am I trying to set it the wrong way? var getOffset = $(icon).offset({relativeTo: '#col-left' }); Also tried the variants: var getOffset = $(icon).offset({relativeTo: 'col-left' }); var getOffset = $(icon).offset({relativeTo: ('col-left') }); but I keep getting the same result, and that is the offset relative to the body. Am I missing something?
[jQuery] hide/show (trying to prevent inline loop code)
Hi all, I an trying to create a simple hide/show toggle with jQuery, but My content loops over a query and so when I test it it opens all my table blocks (since they have Identical code duplicated to the length of the records). So then I got cleaver and created a variable that generates a random number every time the code iterates the loop. But then I have all these copies of something that needs to be only created once. So would other people manage this? Thanks, Frank
[jQuery] Magnify pictures
Hi Everyone, I was looking at the magnify example at http://docs.jquery.com/UI/Magnifier , but i cant seem to get it to work myself. Ive tried copying the code and download the script files such as fx.js and fx.magnifyer.js etc like the demos have on the demo page but still no joy. Can any one point me at a different example or know why the example on the above page does not work. Best Mark
[jQuery] serializeHash() instead of serializeArray()
I need some help by a jQuery internals hacker, because I don't really know how to add this particular feature that I need to jQuery: Sometimes I want to serialize a form to a Hash/Object in the form of: { key: 'val', key2: 'val2' } jQuery only gives me serializeArray(), which gives me something like this which is rather awkward sometimes: [ { name: 'key', value: 'val' }, { name: 'key2', value: 'val2' } ] I use the following code to convert from an array like that to a Hash: var new_item = $(this).serializeArray();
[jQuery] Appending text to an attribute
Hello everyone, In advance of my question below I must say that I'm a designer that has HTML/CSS down very well, and I can deal with Ruby/PHP in my templates to do some pretty basic variable stuff and conditional logic. My attempts to pick up Javascript though have always fallen pretty short. Tried Jeremy Keith's DOM Scripting book, but got lost pretty quick once I tried applying the knowledge. I got introduced to jQuery through Klaus Hartl's Tabs plug-in (now apart of jQuery UI), which is literally
[jQuery] Target secon
I have a simple problem, but for some reason I can't figure out the jQuery way to do it. Basically, all I want is to target every child (except the first one) of a group of elements. Say, for example, one has multiple divs: <div class="myDiv"> First Second Third </div> <div class="myDiv"> First Second Third </div> And say, I want to hide every except the first one of every <div>: <div class="myDiv"> First </div> <div class="myDiv"> First </div> I thought I could simply: $('div.myDiv p').not(':first').hide();
[jQuery] Selectors in IFrame
What would be a jQuery equivalent for this iFrameTable.document.getElementsByTagName("td") if iFrameTable is the id of the iframe?
[jQuery] IE 6 problem with AJAX
Hi all I have a serious problem with jquery I have an ajax call to update a region with some HTML that contains itself an in-place-editor script (jquery.jeditor). when executing the js loaded from ajax which contains $ (document).ready( .... ) the page turns to blank with only this : <script id=__ie_init defer=true src=//:></script> this happens of course only for IE and only if the html is loaded with ajax (if i put manually the result of the ajax request into the page, it works !) Please I need
Getting Contents of Specific Form Fields? part 2 [SOLVED]
My code for this still isn't working for some reason. Here's the html: <table width = "100%" class="alloy_planner_targets"> <tr> <td align = "center"> <b> Target weight</b> <br /> <input type="text" name="target_weight" value="2300" maxlength="50" size="50" id="" style="width:140px; text-align: center" /> </td> <td align = "center"> <b> Target iron %</b> <br /> <input type="text" name="target_iron" value="30"
[jQuery] Transparent PNG backgrounds with superfish
hi I am trying to get transparent png background to run on the drop-dowm menus of superfish. I tried unsuccessfully to the 2 related jquery plugins : pngfix and ifixpng. Both are resulting in the following error : 'filter.match' is nul or not an object Those scripts are AFAIK hiding the css background and replacing it by the same imaged tranformed through microsoft's sprecial chemistery. I am pretty sure that it conflicts with the way jquery is doing animations, but I do not really understand the
[jQuery] Is there a problem with the demos - the droppables don't seem to work
Is there a problem with the demos - the droppables don't seem to work. The draggables make copies of themselves and can't be dragged, and clicking on the droppables just puts text on top of them.
[jQuery] Include javafile
I am using separate javascript file for the function I have written. When I include this file in header of my page these function doesn't worked. But when I include it in the bottom of page it start working. I want to include it in header can anyone help me.
[jQuery] How to reproduce this effect ?
Hi I have to redesign a site to a new cms and Im running into troubles with the javascript, I want to redo this in jquery How would i create the following effect http://www.siriusplayground.nl/ the 3 images with the sliding layers on them? thanks Armand
[jQuery] Add a <li> based on updates the database
Okay, So i have a basic shopping cart/order system application. I would like the back-end (php and mysql based) that displays current orders to be able dynamically see a new order and display it on the page, without refreshing the page? How do i have jQuery work with my php to accomplish this? Thank you for any help!!
[jQuery] jQuery + Interface Slideshow = IE death
Hi guys I'm a noob on here, so hi to everyone first of all. Also, I'm a bit of a noob to jQuery, although I've been a designer for around 2 years so have a good understanding of XHTML / CSS etc, plus I'm a "junior" level devloper in .Net using VB. Anyway, that's a bit about me! Ok, the issue I have is this: I'm building a .NET site, all seems to be going well but I've decided to use the jQuery library in conjunction with the slideshow rig from the guys at Interface. All works perfectly in FF but
[jQuery] Select change event on item 1 not firing
Hello, I have the following http://richmondshire.riverprojex.com/ page the select boxes are wired upto change event. When user picks item the page redirects. The issue is for some reason the first item does not trigger the change event. My code looks like this $('#residentsSelect').change(function(){ document.location.href=$('#residentsSelect option:selected').val(); //have to do this to stop the post back which occurs return false; }); Any ideas? -- View this message in context: http://www.nabble.com/Select-change-event-on-item-1-not-firing-tf4822557s27240.html#a13796993
[jQuery] Accordion or jQuery broken if the accordion data is loaded dynamically
Trying this again to see if anyone has any clues. I have been doing some dynamic things with accordion and have found some areas that don't work. After some rather extensive debugging it appears that the problem lies in jQuery. I'm doing some very dynamics things with the content that lives in the accordion. The problems I've found seem to stem from accordion getting out of sync with the changes that are made to the data after accordion is called and setup. I haven't unraveled why the problems are
Newbie question... please help
Hello, My doc structure is as follows: <body> <form> <div id="wrapper"> <div id="subcontent"> <div class="forms"> <div id="container-1"></div> </div> </div> </div> </form> </body> How do I access container-1? I tried $('#container-1'), I tried $('#wrapper').$('#subcontent').$('#container-1') but nothing worked... Please help. I'm very new to jquery and still learning the ropes...
[jQuery] ClueTip Question...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>ClueTip Question...</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">Hey, Karl</FONT></SPAN><SPAN LANG="en-us"><FONT FACE="Consolas">…</FONT></SPAN><SPAN LANG="en-us"><FONT FACE="Consolas"> (or anyone else who might know)</FONT></SPAN></P>
[jQuery] how to animate div to dissolve to new html
i have a div that contains the html of a youtube video embedcode. when a user clicks on a thumbnail of a different video, content is retrieved by .getJSON, and then .html is used to load it into the same div. when the new video embed is loaded, i'd like to have a really clean transition. currently, the div goes white, then the new video shows up. is it possible to dissolve between the 2 videos visually? maybe i need 2 divs? anyone have any tips here? are there particular jquery functions or a plugin
[jQuery] Let a container follow page scrolling, easing
Hi there, does anyone know how to quickly implement a container that follows the scrolling of a page in an slightly animated way? There's quite a lot of such implementations around the web, though I couldn't find an example today. But with jQuery this shouldn't be much of an effort, is it? I tried on my own by simply doing the following: $(document).ready( function() { $(window).scroll( function() { myOffset = $(document).scrollTop(); // using dimensions plugin $("#fixed").animate( { top: myOffset},
[jQuery] Tablesorter + pager question/bug?
Hello, I just found Tablesorter and I'm in love. It's fast, beautiful, easy... However, it looks like there is a bug with the pager module. I checked the code and documentation and didn't see any workaround or mention of this issue, so I thought I would ask about it in the forums. If you go to the sample page on the tablesorter.com web site: http://tablesorter.com/docs/example-pager.html And change the number of display entries from 10 to 20 (or any other value), the pager div does not get moved
[jQuery] each help
Hi, I have this in each row (a couple of rows...) <input type="text" class="num" name="qty[]" value="" onkeyup="javascript:test();" /> <input type="text" class="num" name="price[]" value="" onkeyup="javascript:test();" /> <input type="text" class="num" name="row_sum[]" value="" disabled /> i'd like to calculate the data function test(){ $("input[@type=text]").each(function(i){ var price = $("input[@name='price[]']").val(); var qty = $("input[@name='qty[]']").val(); res = price * qty; $("input[@name='row_sum[]']").val(res);
[jQuery] Draggables IE7 problem
Hi there, I'm using jQuery for a ecommerce site I'm working on. It's using Draggables and the site can be found http://www.sibenet.com/limeblue here . My problem When viewing in IE7 the sidebar menu (semi-transparent menu on the far right) jumps to the left of the screen after it's been dragged. If you only drag it a small distance it won't jump completely off the screen. I'm trying to get this menu to stay in it's current position when released like in FireFox. I've played around with the CSS a
[jQuery] Partial .load()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>Message</TITLE> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.2900.3157" name=GENERATOR></HEAD> <BODY> <DIV><PRE><SPAN class=545481016-24092007>I'm going nuts with a fairly simple selector issue.</SPAN></PRE><PRE>$("#<SPAN class=545481016-24092007>topic</SPAN>").load("<SPAN class=545481016-24092007>help.html</SPAN> #<SPAN class=545481016-24092007>topic-example</SPAN>");</PRE><PRE><SPAN
[jQuery] heavy lifting
We have been attempting to write a medical records system for the poor in developing countries. A most worthwhile project. The goal has been to develop a web based application to store medical records and provide patient histories to medical personnel in developing countries. The system must use biometrics for patient identification as the patient's generally have common names, no addresses, unknown date of birth, etc. Towards that end, I have engaged 2 software companies. The first failed entirely,
[jQuery] [Announce] Release of jMap2 API
Recently I have been so busy that I’ve been neglecting some of my code - however this weekend I decided to make some amends for that. The most requested piece of code I have released has been the jMaps plugin for jQuery. The last version I worked on, I tried to combine a single API for Google Maps and Yahoo Maps. With this new release, I am focusing on Google Maps only. This is a re-write from scratch, hence the new version is jMap2. First of all, you need to grab the code - I’m now hosting it in
[jQuery] Close/hide div on click outside
I've searched the posts and the web but I can't find a clear answer/ solution. I hope someone can answer this one: I want to hide a div when there's a click anywhere outside of the div. How would one do this? Gav
[jQuery] Triggering event added by addEventListener
Hello all, I recently started using jQuery in Greasemonkey scripts and am loving it. I have two Greasemonkey scripts running on a page. Script A adds an element to the page and binds a mouseover handler using DOM addEventListener method. This script is not using jQuery. Script B wants to trigger the event on that element added by script A using the jQuery .trigger('mouseover') method. But the event doesn't fire. Looking at jQuery code (1.2.1) and with the help of Firebug, I found that .trigger('...')
[jQuery] How to control order of events or wait until something is loaded?
So this isn't specific to validate, but it seems to be the one that for what ever reason causes me pain. I usually try not to load the same javascript over and over so I do something like this: if (typeof(writeLog) == 'undefined') { $.getScript("/javascript/mystuff/logger.js"); } This happens after I make sure jquery is loaded. But when I do this with validate(???), it takes longer to load for some reason and the next script starts loading and executing and I get a bunch of undefined errors: load
[jQuery] Clear a siblings $.toggle() function
I've tried to search for this in the discussion. but didn't know what to search. Is there a way to clear a toggle? Say on a callback of an effect I clear the toggle event for a sibling of this element? My example is online if you're curious: http://hire.chrisjlee.net
[jQuery] Scrollable table sorter
Can table sorter be configured to scroll add have expandable/shrinkable columns like ExtJS? Thanks Steffan --------------------------------------------------------------- T E L 6 0 2 . 7 9 3 . 0 0 1 4 | F A X 6 0 2 . 9 7 1 . 1 6 9 4 Steffan A. Cline Steffan@ExecuChoice.net Phoenix, Az http://www.ExecuChoice.net USA AIM : SteffanC ICQ : 57234309 YAHOO : Steffan_Cline MSN : steffan@hldns.com GOOGLE: Steffan.Cline Lasso Partner Alliance Member ---------------------------------------------------------------
[jQuery] How to change css-style of nested elements
I have such html code: <ul> <li><span class="trig">Elements Set 1</span> <ul> <li><a href="#">Element 1</a></li> <li><a href="#">Element 2</a></li> <li><a href="#">Element 3</a></li> <li><a href="#">Element 4</a></li> <li><a href="#">Element 5</a></li> </ul> </li> <li><span class="trig">Elements Set 2</span> <ul> <li><a href="#">Element 11</a></li> <li><a href="#">Element 22</a></li> <li><a href="#">Element 33</a></li> <li><a
[jQuery] clueTip > 'rounded' theme issue with showTitle: false
If you change the first 'rounded' example to showTitle: false as shown below you can see there's an issue with the lineup of the edging in the upper right corner of the clueTip. $('ol.rounded a:eq(0)').cluetip({titleAttribute:'title', splitTitle: '|', showTitle: false,dropShadow: false, cluetipClass: 'rounded'});
[jQuery] .css("border-color") problem in FireFox
Hi, I want to get the border-color of a div. The following code works in IE and alerts the color of the border: $("#mydiv").each(function() { var borderColor = $(this).css("border-color"); alert(borderColor); }); In FireFox it just alerts 'undefined' The border is set with CSS, not by javascript or jquery. Am I doing something worng or is this a bug?
[jQuery] IE 7 Problems - Won't load javascript - fine in FF 2+
For some reason my website (http://hire.chrisjlee.net/) does not work at all on IE 7. It refuses to read any of my javascripts while on Firefox it's totally fine. It's probably something simple that I'm not thinking about. But I've looked it over for quite a while and would like a pair of fresh eyes. Anyone have any ideas - Chris
[jQuery] An horizontal scroll disappear with Opera 9
Hi all, I've done an horizontal scroll whiwh works with FF2, IE7, Safari3 but with Opera9 the list disappear! I reaaly don't understand what's happening. This is a simplified test code mostly generated with the inspector DOM : --------------------------------------------------------------------------------------------------------- <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <META content="text/html; charset=ISO-8859-1" http-equiv="Content- Type"/> <TITLE>jQuery mon album photo</TITLE> <style>
[jQuery] superfish - using different animations?
Hi, (I think my previous post got lost...) I just started using jQuery and I am absolutely stoked with the library and all the beautiful extensions - Great work! I am using the superfish and it's working absolute perfect. But I have two different menues on my site and would like to use two different menues on my hp and would like to use different animation types. I have attached my code below. Unfotunately the declaration of the first animation type gets overwritten by the second one. Does anyone
Next Page