[jQuery] JS stops running
I have the following function, it gets the data in a form and sends it to be verified before posting. $("#commentform form").submit(function(){ var uname = $("#commenter").val(); var email = $('#email').val(); var url = $('#website').val(); var commment = $('#commenter').val(); $.ajax({ type: "POST", url: "../../../testingphase/blog/commenttest.php", dataType: "html", data: "commenter="+escape(uname)+'&email='+escape(email)
[jQuery] New plugin: elementReady
I have written a simple but useful jQuery plugin. jQuery.elementReady() calls a function during page load as soon as a specific element is available -- even before the full DOM is loaded. It's useful if you have unobtrusive JavaScript that you want to apply to particular page elements immediately, without having to wait for the whole DOM to load in a large page. Using the elementReady plugin is very similar to the existing jQuery.ready() function, except that you must also pass in a string representing
[jQuery] Accessible News Slider plugin for jQuery -- the final release
I have made a final adjustment to the Accessible News Slider plugin for jQuery, and I will no longer be supporting new releases or feature requests. The primary purpose behind building this plugin was to demonstrate that dynamic components can be accessible if appropriate steps are taken. This has been a successful experiment, and I still get quite a bit of traffic for the plugin. Unfortunately, most of the feature requests that I receive do not take accessibility into account. Many of them are both
[jQuery] $(html) error...I think. Please help, I'm stumped!
Hello everyone! My name is Dustin and was hoping I could get a little help with a JQuery problem I've run into. I just started using JQuery and have been trying out a little AJAX when I ran into a problem. In Firefox (using Firebug) I get the error: ret[i].getElementsByTagName is not a function r = jQuery.merge( r, ret[i].getElementsByTagName( tag )); Here is my Javascript code where the error appears to be. $.ajax({ url: 'CS_AJAX_Server_Responder.cfm', type: 'POST',
[jQuery] getting query string val method with jquery
Hi all, Is there any new built in method to get a query string value into a var for jquery For example this same question came up awhile ago here: http://groups.google.com/group/jquery-en/browse_thread/thread/99e1bc29713bba37/09506175a651256e?lnk=gst&q=query+string&rnum=2# I wasnt sure with the new versions of jquery if there is anything new built in to do such a thing or if you'd still need to create your own function to handle it. Jim
[jQuery] Access Contents of iFrame/TinyMCE?
Is there any way to have a look at the contents of an iFrame with jQuery? My assumption is "no". Alternatively, anyone know how I can add jQuery etc. to a TinyMCE editor iFrame? Some recreational googling has yet to bear fruit. Basically, I've been asked to add some magical juju to images in the editors, and jQuery seems the straightest path, but getting to the content of an editor is proving tricky. It seems to nuke script tags, which strikes me as a Good Idea, though frustrating to my efforts.
[jQuery] jquery 1.1.3.1 to 1.1.4 $(document).ready issue
oky I have a strange error related to $(document).ready upgrading to 1.1.4 from 1.1.3.1 mdale: in 1.1.3.1 this works: ie "document ready" is printed http://pastie.caboo.se/92588 but in 1.1.4 http://pastie.caboo.se/92595 fails to print "document ready" thanks, michael
[jQuery] [Tablesorter] QuickSearch
Hi, I would like to know if there are plans to integrate a quicksearch (<a href="http://rikrikrik.com/jquery/quicksearch">http://rikrikrik.com/jquery/quicksearch</a>) funcionality in the tablesorter plugin as a widget. If someone already did that, can you share please? Thanks in advance
[jQuery] Cookie Plugin - Trying to get the values of elements in the array of cookies.
I'm using the cookie plugin. And, I have created 4 cookies with it and they are named: Expanded[1]=3 Expanded[2]=18 Expanded[3]=27 Expanded[4]=37 I also keep a count of the number of cookies that have been created and the name of this cookie is this: onExpandCount=4 How do I loop through these cookies? I can't seem to get the syntax right. Here's what I've tried: function expandMenuUsingCookie() { for (var index=0;index<$.cookie('onExpandCount');index++) { //console.log(index); YAHOO.widget.TreeView.getNode('menu',$.cookie('Expanded['+index
[jQuery] Problem with $.ajax() over HTTPS in FF2
Error: [Exception... "'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] this is the error message I get when I switch from http to https. It works fine in IE 7. I heard somewhere that FF2 needs to have a signed script in order to do https. Since I can't sign my script, is there a way around this? I need this login to work on all browsers. Any clue regarding
[jQuery] Weird behavior of CSS float! Different in IE and Firefox
I just discovered some weird behavior of float. The following is the html code. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div id="parent" style="width:800px;background- color:rgb(200,200,0);padding:5px;border:2px solid;"> <div id="child1" style="position:relative;float:left;border:1px solid;width:200px;height:40px;">This
[jQuery] Graceful degradation (Safari < 2)
I love jquery, the only issue I have is the non-graceful degradation of some methods with mainly Safari Ver < 2. I understand this browser is outdated, and perhaps the worst browser out there, but my colleagues at work still use it. If some of the features of jquery are not available for safari 1x, why not make it degrade gracefully? For instance, I want to show() a division layer, that has set display:none. If safari 1x does not support the opacity effects, then why not degrade to simply changing
[jQuery] Binding a Click Event to Anchor Tag
I used to be able to do this: $("a").click(function(){ alert("test"); return false; }); <a href="#">test</a> It no longer works in Firefox. I read some other posts that seem to be discussing the same thing, but nothing definitive. Bind does not work either. However, if I change click to mouseover, then it works. Suggestions? Thanks. Brian
[jQuery] trying to do a image selection depending on the div id
Hi all, i'm trying to make a script that selects a different image depending on the id of the div then if the div isn't existing show a different image. I'm quite new to jquery, but have some php skills. 1- is the first i tried but no good. (it stills hovers but doesn't show any different image. 2- same problem. $('.div').bind("mouseover", function(){ 1- if($('.div[@id*='+$(this).attr("id")+"]") != "1"){ 1- $(this).css({background:"url(images/
[jQuery] Question about Collapse/Expand
Hi there is an example that I would like to use on a friends website. Here is the link: http://docs.jquery.com/Tutorials:Live_Examples_of_jQuery I am working with example b. The think I am trying to do is to make it default collapesed instead of expanded. How would I do this? Thanks, Frank
[jQuery] Problem with $.ajax() over HTTPS in FF2
Error: [Exception... "'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] this is the error message I get when I switch from http to https. It works fine in IE 7. Any clue regarding what I need to do to get this login function to work? anyone else has come across the same issue? Any help with me very much appreciate it. thanks
[jQuery] Coldfusionistas
Hi, I have now set up a blog with the purpose to show up integration ways between cf and jQuery (basically converting jquery plug-in in easy reusable Custom Tags). Any suggestion, ideas, code and so on should be really appreciate. The blog is www.andreacfm.com Thanks Andrea Campolonghi
[jQuery] height of div
Hi, I'm trying to get the height value of a div that's contents are retrieved from a separate html file using .load, but it only ever comes back with a value of zero. This is probably because the div is yet to have any contents loaded into it. How would I go about getting the height only when the contents have been fully loaded? here is the code I have so far $('#content').load('home.html'); var sep_height = div = $('#content').height(); $('.seperator').css('height', height); Thanks for any
[jQuery] how to block another ajax request when one is in the progress
i write a hover event for div,and in the handler use ajax to request data.but it give me a problem: it do the same ajax request many times(the number is the times i hover the div) when the first ajax didn't finished. xinhaozheng
[jQuery] sending xml using $ajax()
$.ajax({ contentType: 'text/xml', dataType: 'html', data:'<project id="16"><title>asdf</title><client>asdf</ client><year>2007</year><description>asdf</description></project>', processData: false, timeout: 5000, type: 'POST', url: 'saveXML.php', error: function(){ alert('Error loading result from saveXML.php'); }, success: function(html){ alert(html); } }); my php file is simply echoing $_POST. each time an array is printed in the alert box.
[jQuery] jCarousel feature request
can you implement one thing: now, to rewind all items to the last one, i must know how much of them, substract quantity of scrolled items and set it to the property "start". but it nedded quite frequently. maybe it'll be good idea to make a new value to the "start" property: "last" or something... sorry for my bad english =)
[jQuery] Wrap JQuery into YUI namespace?
Is it possible? e.g. YAHOO.util.jQuery("#test").each(...);
[jQuery] Access Settings in a "Sortable" Element
Using the Interface Plugin, I have created a "Sortable" element: jQuery('#rank-products').Sortable(); In there I have passed params like: handle: 'td.rank-handle' Is it possible to reference that param? I am trying to call it in a function later, and I would like for this to be more generalized so that I don't have to update a bunch of different spots if I ever change something.
[jQuery] What the heck??? Click event intermittently...
<!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.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=990364214-30082007><FONT face=Arial size=2>On my blog users click the link at the bottom of each section to expand the comments section for that post:</FONT></SPAN></DIV> <DIV><SPAN class=990364214-30082007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=990364214-30082007><FONT
[jQuery] OT - theme: dropdown
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=265454014-30082007><FONT face=Arial size=2>Stu Nicholls has done it again: a css skin for dropdown menus. <A href="http://www.cssplay.co.uk/menus/pro_drop">http://www.cssplay.co.uk/menus/pro_drop</A></FONT></SPAN></DIV> <DIV><SPAN class=265454014-30082007><FONT face=Arial
[jQuery] How to detect jQuery presence and include it on-the-fly?
Greetings, The task: include jQuery source on the fly in case it's not loaded. The script is included on a third-party page and it's not possible to guarantee the jQuery is already loaded. What is the simplest way to do that? Thanks! All the best, Konstantin
[jQuery] tooltip with arrow , delay and fixed positions - help
hey. i got the following problem: i have a link and i want that once user hover it it will wait 4 secs and then shows the tooltip while he is in stays in the element text once he moves out its fade out in MY script the problem is that i stay in the element 4 secs, and then i have to move the mouse a bit for appear the tooltip also, the arrow.gif must be moved for fixing the position of the tooltip, and if the tooltip dont have enough space in the screen then disapear the arrow.gif i got inspired
[jQuery] simple math: add all values of (span class="number") and output result
I want to do some simple math. I want to collect all numbers that are in a span with the class "number" and add them to each other. Then output the result in another span (id="result"). <span class="number">25</span> <span class="number">25</span> <span class="number">25.5</span> So this should be the result: <span id="result">75.5</span> I know it's simple, but I don't know the syntax to add the numbers. Can you help me out or give me a hint in the right direction? It's probably just a one line
[jQuery] [OT] Comparison of Compressors
Ajaxian reported today about a site that compares the compression capabilities of the most popular tools such as JSMin, Packer, YUI Compressor and ShrinkSafe. Check it out: http://ajaxian.com/archives/compressorrater-compare-the-squeeze Rey...
[jQuery] Form plugin and error validation
Hi all, Is there a way I can stop resetForm: true from hitting when I deem something is invalid via server-side validation? For example, here's my ajaxForm object: $('#form2').ajaxForm( { target: '#container', type: 'post', resetForm: true, } ); And on the server-side I have a very rudimentary validation: if($error_message) { echo $error_message; exit; } Is there anyway to tell ajaxForm when there is a logical
[jQuery] Ajax .load
Is it possible to execute java after an ajax .load ? I have a page where I use .load to pull in an external page. The java code on the external page doesn't load or fire when it loads inside the new page. Is the .load event just for loading HTML only ? I'm very new to jquery and java in general, so I'm not sure if I'm using the wrong command. Warren -- View this message in context: http://www.nabble.com/Ajax-.load-tf4351900s15494.html#a12400416 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Invite from Andre Behrens (mrandre@gmail.com)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css" media="all"> <!-- #Qcntr { text-align: center; } #QmailMsg { color: #333333; margin: 10px auto; padding: 0px; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; width: 550px; text-align: left; } #Qlogo { margin: 0px; float:left; } #Qinfo { text-align: right; font-family: inherit; } #Qstrap { float: right; font-family:
[jQuery] about event delegation - on blur
I have read and (for the most part) understood the article about event delegation that's listed here: I have successfully used the event delegation to trigger events on click, as listed in the article. Now I want to do the same with form inputs, but the blur event seems not to work like this: $(document).ready(function() { $('body').blur( function(event) { if($(event.target).is('input[@class=aantal]')) { var id = $(event.target).attr("id").substr($ (event.target).attr("id").lastIndexOf('_')+1);
[jQuery] Can get the jqUploader Flash swf to appear in IE7 - ActiveX workaround won't work
The Demo doesn't work either in IE7. http://www.pixeline.be/experiments/jqUploader/ I have tried: 1.jquery uncompressed (Doesn't the problem only occurs with the compressed version? 2.query compressed with and without the patch If the plug in doesn't work in IE7 it is basically useless. Can anybody report the current status of the bug? Has the author given up on this since the plugin hasn't been updated for a long time? Thanks
[jQuery] How to detect jQuery presence and include it on-the-fly?
Greetings, The task: include jQuery source on the fly in case it's not loaded. The script is included on a third-party page and it's not possible to guarantee the jQuery is already loaded. What is the simplest way to do that? Thanks! All the best, Konstantin
[jQuery] How to add content "here"?
Greetings, The task: to add content (HTML) exactly at the place where <script> was placed, i.e. how do I get the parent of a <scrirpt type="text/javascript" src="scriptsource.js"></script> -like tag? I need to use DOM scripting, not document.write(). Thank you! Konstantin
[jQuery] Platform detection solved
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">I reviewed the source and its much simpler than I thought, here is an extension to jquery that works well, and obviouslly shouldnt break other plugins<DIV><BR class="khtml-block-placeholder"></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" color="#7F0055" face="Monaco" size="3"><SPAN class="Apple-style-span" style="font-size:
[jQuery] Any way to use cross browser method "document.selection.clear()" ?
Hi there, All I want is to AVOID any text selection and hightlight while doing these: "Click somewhere on the page, and Shift + Click elsewhere on the page again," and the text between the two Clicks would be selected and hightlighted. In IE, i can use the "document.selection.clear()" method to clear the selection. But for other browsers such as FF, it just say "document.selection has no properties" and not do nothing. Is there any way to handle this?
[jQuery] JQBrowser alternative
Hi, I was wondering if there happens to be an alternative to the JQBrowser plugin, it does what I want which is platform detection, not just browser detection although it breaks the jquery browser namespace , therefore breaks too many plugins that user that, as it overrides the property with a method which is really bad bad bad. Let me know, still trying to find a plugin detection API aswell.
[jQuery] Interface Elements & jQuery
Hi, I'm just wondering if anyone has any insight into using the Interface plugins. Specifically, I'm wondering if it is possible to have Selectable, Sortable elements. Or are they mutually exclusive? thanks, skube
Next Page