[jQuery] New to jQuery --> Dynamically navigating the DOM
Hi gang, I'm just coming across to jQuery and trying to figure out the best way to dynamically navigate the DOM. Where there's an element object, I'm happy with parent() and next(), but in functions that don't reference an element object, I'm a little confused. Here's some clarification: errorPlacement: function(error, element) { error.appendTo( element.parent().parent().next().next()); }); I'm happy and fine with this. However: success: function() { "want to do a similar --> 'this' works here, but
[jQuery] script tags and domManip
Is it a known issue that various domManip actions can case javascript inside script tags to fire twice? For example if I have this example <div id="myDiv> <script type="javascript"> alert("Hello World"); </script> </div> and somewhere else in the page I use the collowing jQuery: <script type="javascript"> $(document).ready(function() { $(#myDiv).wrapAll("<div class=wrapper></ div>"); }); </script> then what happens is the "Hello World" alert gets triggered twice. Once when the page loads and once
[jQuery] help : why doesn't object.property.name work?
Hi friends, This post seems long but it really isn't , so please bear with me :) i store a bunch of xml files inside an object for later use, here is a an example dump: datascape.ds = ({ ds_projects_XML : "<?xml version=\"1.0\" encoding=\"UTF-8\"?> \n<datascapes>\n\t<scape title=\"title\">\n\t\t<col name=\"T\"/>\n\t \t<col name=\"P\"/>\n\t\t<col name=\"F\"/>\n\t\t<project sortby=\"title \" dsanchor=\"T\" title=\"touch\">touch</project>\n\t\t<project sortby= \"title\" dsanchor=\"P\" title=\"pixflow-1\">pixflow-1</project>\n\t
[jQuery] Is there a way to use regex to remove text from a filename
So if I have the following text that prints out on the page file.gif Is there a way in jquery to search for the ".gif" and remove it from showing up and/or replace it with an icon? please let me know
[jQuery] Proper jQuery object creation for chaining
Sorry in advance if this is confusing... I am new to jQuery (converting myself from Prototype), and as such I am finding situations where I need to create a new object, which I would have done with a class in Prototype (as such, doesn't make sense for it to appear anywhere except the start of a chain, since it will return a new object). This object will also be used similar to a superclass for other objects as well. I also want the object to be chain-able as well. My first attempt at this was something
[jQuery] Modal using dimScreen and Dimensions
I can't get it to work. Anyone have a test page I can look at to see it working.
[jQuery] JSON request printout works in FF/Safari but not in IE
Help me please! Im trying with JSON print out content in two DIV's and make them fadeOut and in. This works flawless in Safari and FF but not in any IE. Can anyone see the problem? $(document).ready(function() { $("#jquery_spinner_2").hide(function() { first = true; teaser(function() { $("#jquery_spinner_2").hide(function() { $("#jquery_spinner_1").fadeIn('slow') }); }); teaser(); }); function teaser() { var spinnerContainer_1 = $('#jquery_spinner_1'); var spinnerContainer_2 = $('#jquery_spinner_2');
[jQuery] IE8 bug when using .find()
Hello, I have a code snippet that seems to cause IE8 to choke. The part of the jquery core it chokes on is when there's a bit of browser sniffing done. I think it's when the .find() function runs but it could be .parents() or .hide() functions. I made a quick demo page so you can see it happening in IE8. http://www.sanchothefat.com/dev/jquery/bugs/ie8-jquery-find-bug.html If you use the built in script debugger and switch to IE7 mode it works as expected. Hope it's an easy patch to add in. Cheers,
[jQuery] Beginner: Load Bind Event Problem
My page: I click a tab and it loads in the html file for the tab. I click a link on the newly loaded html file but it doesn't run the function I wrote for it. The link only runs the function when it's in the home file, rather than the loaded file. I know this has to do with binding, but it's too confusing. Any help would be appreciated. Thanks, Jason
Populating a text field from a drop-down menu
Pretty simple — I'm sure you guys have seen this. A user selects an option from a drop down menu. The change function then takes that data to populate a text field with it. I'm just having trouble making it work. Am I close? <form method="post" action="#"> <select name="menu" id="menu" /> <option value="one">one</option> <option value="two">two</option> <option value="two">three</option>
[jQuery] [Forms Plugin] Reloading/Refreshing an iFrame after success
'lo all, I don't even know if this is possible, but here's a shot at explaining what I have and what I am trying to accomplish. I have a rather large data entry form and the Forms Plugin works great for that submission, returning a message on success, clears the desired elements for new entry, and everything is grand. I have added the ability to upload images via the ajaxMultiFileUpload plugin, tweaked it so that it returns an array of file names that gets added or deleted as the images get added/deleted,
[jQuery] Ajax load() problems
Hi guys, I'm having problems with the Ajax load() function. I use it one time and then I'm not able to use it anymore. I know there's a section for this in the FAQ but there it talks about links... I need to use that function with the onload event or in the body inside a javascript tag, so I don't really know how to fix this problem. Please help =(
[jQuery] [Validation] required dependency issue
Hi, Trying to use the validation plugin (http://docs.jquery.com/Plugins/ Validation) to manage the following: <input type="radio" name="q8b" id="q8b_1" value="1" /> <input type="radio" name="q8b" id="q8b_2" value="2" /> <input type="radio" name="q8b" id="q8b_3" value="3" /> <input type="text" name="q8c" id="q8c" value="" maxlength="200" size="30" /> Either a radio button must be checked, or something must be in the text box. If no radio button is checked and nothing is typed in the text box, I need
[jQuery] [autocomplete] Found characters are not bolded
<div dir="ltr"><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><font face="Calibri" size="3">Hi all, I have plugged in autocomplete which is cool and works fine but I have noticed that on Firefox 3, Chrome or Safari, the found characters are not being 'bolded' in the dropdown list. It works fine on IE, and the demos work fine on both browsers (for example in the bird demo, typing 'f' will embolden all the letter f's on each row found)</font> <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><font
[jQuery] Form plugin + Table Drag and Drop plugin
Hi, what I'm trying to do is when a user clicks on submit the form sends all the form variables + the <tr> id's that tDnD generates using ajax. Also when I tried to serialize the table outside the onDrop function it generates an error. I tried many ways to do it but without any success. Ideas are: ************ 1. serialize the table and serialize the form, then submit both variables 2. concatenate both serialized variables and send it to the form Question: ************* 1. I've tried to add parameters
how to get a return value from a ajax callback
Hi everyone, here is my function: function test(){ $.ajax({ type: "POST", url:"/ajax/test/", data: { ...] dataType: "json", success: function(data){ return true; } }); } } How would be possible to get the return of the callback function in the test() function in order to make something like: function test(){ return $.ajax({ type: "POST", url:"/ajax/test/", data: { ...] dataType:
[jQuery] invalide property value in IE
Has anyone ever seen this bug? The example comes directly from the jquery website. When you try and use animate to manipulate the color value, you get this error in IE. In Firefox it works fine. Your help is appreciated. Here is the code below: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#go1").click(function(){ $("#block1").animate(
[jQuery] DOM manipulation slow
Hi all, This is my first post here because I can almost always find some help in Google from someone who has had a similar problem to mine... but this time is different. I am using the code from Remy Sharp's gallery slider found here: http://jqueryfordesigners.com/slider-gallery/ I am loading list items via ajax and then initializing the slider attached to it. When I load 50 items or less, the slider works just fine. However, I need to support the possibility of loading up to 1500 (maybe even more)
[jQuery] Form plugin + Table Drag and Drop plugin
Hi, what I'm trying to do is when a user clicks on submit the form sends all the form variables + the <tr> id's that tDnD generates using ajax. Also when I tried to serialize the table outside the onDrop function it generates an error. I tried many ways to do it but without any success. Ideas are: ************ 1. serialize the table and serialize the form, then submit both variables 2. concatenate both serialized variables and send it to the form Question: ************* 1. I've tried to add parameters
[jQuery] Tooltip Plugin Looking Horrendous in IE6 - How to fix?
Any ideas why the tooltips made by this plugin(http://docs.jquery.com/ Plugins/Tooltip) look so bad on my site (http://www.gigbayes.com) in IE6? I'm following it's advice of including the bgiframe plugin but it doesn't seem to help. Is this tooltip plugin just not good with IE6? I notice its demos page (http://jquery.bassistance.de/tooltip/demo/) is having the same problems my site is. Let me know if there is a fix. If there's no easy fix, I'd like to just not use this tooltip in IE6. What's the
[jQuery] jguiry conflicts Nitobi development
i am using Interspier Shopping cart and they are using Jquiry. when i add the nitobe combo box to page it doest work. if i comment out the <script type="text/javascript" src="javascript/jquery.js"> it works. any idea how i can resolve this problem. the link to see my page and nitobe scripts are www.needme.com.au. Currenly i have commented the jquery so nitobi combo box can function. the nitobi combi box is right under subscription form. Regards
[jQuery] .net generated JSON failing in mozilla, works in ie7
I feel like an idiot but I can't get getJSON to work in firefox - can anyone give me a pointer? here is the code - top function is the jquery documentation demo code which works in IE and firefox. bottom version never hits the alert: $(document).ready(function(){ $.getJSON("http://api.flickr.com/services/feeds/ photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.media.m).appendTo("#images"); if ( i ==
[jQuery] Hover In/Out with quick mouse movements
So I have this bug... I have an initial div set to hide on document init, and fadeIn when I hover over the parent div, then fadeOut when I hover back out of the parent div. When I move the mouse fast in and out of the parent div, the child div seems to queue up the movements so after I stop moving the mouse, the fadeIn and fadeOut effects keep running until they have caught up with the mouse movements. Any ideas how to fix this? Still getting my head around jQuery and javascript, so any help would
[jQuery] Validation - stop validation
Hello, Is it possible to stop the validation on a form after X number of errors? If I have a form with 100 textboxes and each fails it becomes a mess --- I would like to maybe list the first 5 errors and on the sixth say something like "There are more errrors". Regards, Eben
[jQuery] discount Gucci necktie wholesaler (paypal accept)(www zhengtrade com )
discount Armani necktie wholesaler (paypal accept)(www zhengtrade com ) discount Boss necktie wholesaler (paypal accept)(www zhengtrade com ) discount Burberry necktie wholesaler (paypal accept)(www zhengtrade com ) discount D&G necktie wholesaler (paypal accept)(www zhengtrade com ) discount Gucci necktie wholesaler (paypal accept)(www zhengtrade com ) discount Her Mes-Paris necktie wholesaler (paypal accept)(www zhengtrade com ) discount Lv necktie wholesaler (paypal accept)(www zhengtrade com
[jQuery] Problem with jCarousel in Safari.
Im using google.load to fire up jquery and it seems that its causing jCarousel to behave funny in chrome / safari, firstly if the jcarousel call is before the carousel itself then the next / previous buttons stay disabled then if you move the call after the carousel then it lose position and scroll more than it should compared to firefox etc. im using the simple template as a debug as the page i am using this on has allot of other function which i thought to be the problem originally, here is the
[jQuery] Flashing Messages
How can I do the following... I have 20 messages canned and want to show all of them one after the other.. like flashing a message... each message should stay - at least 3secs. It would be great if we can incorporate the "slow" animation of show & hide. Also the process should be repeated.. once it finishes showing all the 20 messages... it should again start from the first message... I did not find any function or any plugin to do this.
[jQuery] Jquery Plugin history
Hi, I am a newbie in using jquery.Please excuse me if similar query has been posted earlier. I am building a maillist with extensive use of jquery.This list displays the list of emails as in Inbox (in slot of 15) and has Next and Prev links to traverse next or prev set of mails. I want my mailist to be cached and so that if user is in slot 31-45,can get slots 16-30 on click of browser’s back button. i searched and found the jquery plugin history but not getting exactly how to use it in my situation.
[jQuery] jQuery singleton, across iframes
<div dir="ltr">Say I have an application that utilizes heavy AJAX, but also uses iframes (same domain). In these iframes, I need access to jQuery. I want to avoid loading another instance of jQuery for each one. Ideally, there would be an event to that I could bind to that would auto-alias the top window's jQuery to any new iframes (or new windows?), or similar. Basically I want to avoid each iframe having to load jQuery and the 50 plugins that I plan to use. I looked for a plugin that might do this,
[jQuery] Place empty value in a field when an error message is encountered
Hi, Can anyone help me please?? I had a form with file type input fields. I placed validations for them like if file type is .jpg/.png/.gif ,accept otherwise don't accept. The messages are displaying. I want the text to be emptied when an error occurs. Following is the code i
[jQuery] JSON data issue in IE | Language Translation
Hi All, Hope, you all would be doing well. I am trying to create a language translation utility using jQuery for some specific words only, seems working fine in Firefox but don’t do well in IE 6/7. Given is the JSON file, where I map headings which needs to be translated in French. JSON Data: { "download" : "télécharger", "categories" : "sujets d'actualité", "recent_comments" : "mais que l'histoire de l'", "recent posts" : "Messages Récents", "also worthy" : "aussi digne", "archieves" : "archives",
[jQuery] Make 'this' child 'ul' appear
Hey guys, I have a menu like this: <li><a href="#">Test</a> <ul> <li><a href="#">Another</a></li> <li><a href="#">Another</a></li> <li><a href="#">Another</a></li> </ul> </li> <li><a href="#">Test</a> <ul> <li><a href="#">Another</a></li> <li><a href="#">Another</a></li> <li><a href="#">Another</a></li> </ul> </li> I want to be able to hover over a <li> and have its corresponding child 'ul' show. I have tried this jQuery but it won't work, any ideas why? $(document).ready(function(){ $("li").hover(function(event){
[jQuery] XML Parsing Question...
For much of my app, I'm doing an Ajax hit to the server to grab XML. That works great. But, in some cases, I've got too many pieces of data (unrelated) that I need to pull so I'm trying to do a simple passthrough from the server side (I'm using ASP.Net). So, I'll either output from SQL Server or hand-stitch some XML and write it to the page. Whenever I do this passthrough (whether it comes from SQL Server or from my own efforts), the XML doesn't get parsed by Jquery. For example: var sTestXML = '<?xml
[jQuery] .show() the child of 'this'
Hey all, I have a menu structured like this: <ul id="primary-navigation"> <li><a href="#">Testing</a> <ul> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> </ul> </li> <li><a href="#">Testing</a> <ul> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> <li><a href="#">Again</a></li> </ul> </li> </ul> And I have some script
[jQuery] Loading Mask
<html><head><style type='text/css'>p { margin: 0; }</style></head><body><div style='font-family: Arial; font-size: 12pt; color: #000000'>Is it possible to add a loading mask to a specific element?? </div></body></html>
[jQuery] Issue loading content with jquery in IE
Hi ! I realy have not found why this issue is happening with my jquery app. After reading the tutorial at http://www.detacheddesigns.com/blog/blogSpecific.aspx?BlogId=62 , I tried to use it with my own needs, but im having a very annoying issue with Internet Explorer (6,7), yes this issue is not happening with Firefox. I have a photo gallery that loads the files from a XML file, dinamicaly jquery also creates the Divs and populate the pictures inside them, if I click in the thumbs than the full jpeg
[jQuery] draggable performance issues
On Firefox 2.0, Linux, I'm seeing horrible performance issues on a draggable div. I thought it might be due to images in the div, but I removed all of that and even a simple div with little content performs poorly. Interestingly enough the demo on the jqueryUI site works great. This makes me think it's something else on my page. My question is: what kinds of things could effect the performance of the draggable?
[jQuery] Help combining two small jquery scripts
Hi, I posted this a few weeks ago but I didn't get any traction. I've been fumbling with it on and off since then, but I'm not getting anywhere. I figured it couldn't hurt to try again. I think I'm pretty close to getting this to work, but it's not quite there. This is essentially tab functionality, but the initially showing div needs to be randomly chosen. I can either show the random div initially, but then the links don't work. Alternatively, I can make the links work, but then I can't get the
[jQuery] .next() -- huh?
hi, should be simple to say what's wrong ... well - alert() works, but alerts nothing / empty ... something like 'MOO!' or 'BETA!' would be great -- what's wrong with code? -------------- $("#nav div").hover(function(){alert($ (this).next('span').text());},function(){}); -------------- <div id="nav"> <div> <span>MOO!</span> <ul> <li>foo</li> <li>bar</li> </ul> </div> <div> <span>BETA!</span> <ul> <li>hello< /li> <li>world</li> </ul> </div> ... </div>
[jQuery] document.ready() not firing when the URL has a target
This seems like somebody should have come across this bug before, but my searches haven't turned up anything... So I'm working on a Drupal application, and when I hit a URL on it, for example at http://localhost/node/13, jquery loads up fine, document.ready() fires, and all the jQuery goodness is on the page. Here's a little html snippet: .... <body> <a name="top"/> .... .... .... <a href="#top">goto top of page</a> .... if I click on the 'goto top of page' link, everything that's done in the document.ready()
Next Page