jQuery 1.3 script documentation (.sdoc) for Netbeans
So I've been using the jQuery 1.2.6 library integration with netbeans 6.5.1 for a while now. The code completion and automatic documentation/examples is great. However, it of course doesn't have any of the 1.3 stuff (.live() for example). Has anyone been able to successfully use a 1.3 sdoc with Netbeans? Or does such documentation even exist? Netbeans currently only supports 1.2.6 natively. Thanks! BradVido
Jquery load variable
Hi, Is it posible to make a variable in the load function of Jquery. this is the code: $(document).ready(function(){ $("#page").load("2009-04/14-084131/index.xml #column-1-of-2"); }); i want to make something like this: $(document).ready(function(){ var file = "2009-04/14-084131/index.xml"; $("#page").load(file + "#column-1-of-2"); });
[jQuery] Nyromodal frame reference
Hi, I'm using Nyromodal to show some web content that includes page transitions controlled by Javascript that specifies window.location. The trouble with this is that it navigates the main browser window rather than navigating just within the nyromodal frame. I'm not sure how to get round this, especially as the Nyromodal frame seems to have no name, and I'd really appreciate some help. Thanks!
[jQuery] Edit in place plugin
<br clear="all"><span class="Apple-style-span" style="font-family: 'times new roman'; font-size: 16px; ">Hi all<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "> </div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "> </div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Can u you please tell me , How to do the Edit in place using jquery ,</div><div style="margin-top: 0px; margin-right:
[jQuery] Superfish
'Hello, i'm using the Superfish menu just recently. It works almost like a charm. Exept if i open in other browser then IE it shows bullets in front of the menu items. For example open in let's say Firefox; www.7evenfashion.nl/webshop. Now to see the difference in IE. I'd like to get rid of these dots. Is this in the .js or .css and the next question is it in joomla css or superfish css if in css. I'm a noob, no ict background, self learned joomla etc. in 2 month by reading forums and google. Help
jQuery bug on animate() function???
Hi everybody: I'm a newbie with jQuery trying to write a plugin and have som problems with the animate function. I've developed a Mootools plugin and now I'm trying to port it to jQuery. The fact is that I want to move a div from the bottom of a document, but it has a weird behaviour in Firefox (it works well on Internet Explorer 7). This is the code for the html test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
[jQuery] Jquery not working in jsp
I'm a jquery newbie and am trying to use it in a simple web application. This application has a controller servlet that forwards the request to a 'login.jsp' page by default. In the login.jsp page, I used Jquery for the hover effect on the submit button. If I name my file 'login.html', it works absolutely fine. If I rename it to 'login.jsp', the javascript is not working. I see the following error in Firebug console: syntax error [Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Jquery not working in jsp
I'm a jquery newbie and am trying to use it in a simple web application. This application has a controller servlet that forwards the request to a 'login.jsp' page by default. In the login.jsp page, I used Jquery for the hover effect on the submit button. If I name my file 'login.html', it works absolutely fine. If I rename it to 'login.jsp', the javascript is not working. I see the following error in Firebug console: syntax error [Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Event-Bubbling the other way round ???
I´ve written this source ... <div id="folderTree"> <span>2. Legen Sie fest auf welcher Ebene der Ordner erscheinen soll</span><br /><br /> <ul id="0"><li id="ersteEbene">Oberste Ebene</li></ul> <ul> <li id="1">Verfahrensanweisung</li> <ul> <li id="3">Verfahrensanweisung2</li> <li id="4">Verfahrensanweisung3</li> <li id="7">Test</li> <ul> <li id="8">Test2</li> </ul> </ul> <li id="2">Arbeitsanweisung</li> <ul> <li id="5">Arbeitsanweisung2</li> <li id="6">Arbeitsanweisung3</li> </ul> </ul> <div id="spacer"></div><label
What Am I Doing Wrong? (scrollTo plugin...)
Ok. So I'm completely baffled. In my head, this all looks right...so..erm...why doesn't it work? Here's the 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=utf-8"> <title>scrollTest</title> <script type="text/javascript" src="http://www.designedinnewcastle.com/wp-content/themes/designedinnewcastle/assets/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://www.designedinnewcastle.com/wp-content/themes/designedinnewcastle/assets/js/jquery.easing.1.3.js"></script>
[jQuery] Class selection
I need to select all elements that have a class name that is the last element of the class list. So I may have class=class1 class2 class3 for one element and class=class3 class1 class2 for another... I only want to affect everything that has the last class as class3. So in this example, the first element should be chosen and the second should not even though they both have class3. Let me know if that doesn't make sense and I can post a more complete example. Any help is appreciated.
explanation datepicker event
Hello, could someone explain too me how this code will work Because, I don't know if I should put the code in the pluginfile or de head section off the page what else do I need too pay attention for the code is from http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerCloseMouseOut.html thanks in advance, Richard $(function() { var cal; var $this; var checkForMouseout = function(event) { var el = event.target; while (true){ if (el == cal) {
[jQuery] Can I use more than one JQuery code on a page at a time?
I am using the lavalamp navigation and the coda slider on the same page but only one will work at a give time... Can anyone help? Here is my Jquery... <script type="text/javascript" src="/assets/scripts/ jquery-1.3.2.min.js"></script> <script type="text/javascript" src="/assets/scripts/ jquery.easing.min.js"></script> <script type="text/javascript" src="/assets/scripts/ jquery.lavalamp.min.js"></script> <script type="text/javascript"> $(function() { $("#a").lavaLamp({ fx: "backout", speed: 700, click:
[jQuery] Replace element by another
Hi, I'm a beginner with jQuery. I know how to switch from an element "a" to another "b", but i can't find a way to "re-switch" from "b" to "a". here is my script : $('a').click(function() { $(this).replaceWith('b'); }); Any suggestions ?
[jQuery] tablesorter.js vs Numerals with Commas
<div><div><div>I'm using jQuery's tablesorter.js to create tables with sortable rows. It works fine on both text and numerals - but only if they have no commas. For example, the following column would sort properly:</div> <div></div><div>2</div><div>18</div><div>401</div><div>3</div><div>15</div><div></div><div>But this column...</div><div></div><div>1,200</div><div>408</div><div>26,048</div><div></div><div>...would sort like this:</div><div> </div><div>1,200</div><div>26,048</div><div>408</div><div></div><div>Does
[jQuery] Needed - An Easy Way to Keep Plug-Ins Up-to-Date
I'm sure this has been discussed before - one thing the jQuery community greatly needs, is an easy way to keep all your plug-in code up-to-date - some easy code to run, or site to access, that would check all your plug-ins, and update them when new versions are available. It might be good to think about some ways to do this and try to identify the one that's easiest to implement. What are some good approaches for accomplishing this? -- Something using Subversion? -- Something building on jQuery.com's
[jQuery] Invalid Argument Error (IE) when getting "width" property
The following script works fine in all other browsers (centering a nested img). On IE I get the following error message: Line: 13 Char: 12949 Error: Invalid argument. Code: 0 I narrowed it down to the line: var i = $("#tabs-1a").css("width"); It appears ie doesn't like the "width" property but I don't know why. Here is the whole script for the page: $(function(){ $("#FraudVideo").tabs(); $("#TipsNews").tabs(); var i = $("#tabs-1a").css("width"); var num = parseFloat(i,10); var
Getting AJAX to work in IE7
How do I get AJAX to work in IE7? It works in Firefox and Chrome but not in IE7. //display html var disp = $('#display'); $('#btn').click(function(){ $.ajax({ url: 'myfile.html', dataType: 'html', success: function(data){ disp.html(data); }, error: function(){ //display error } }); });
jquery.each inside jquery.each
im a noob, so forgive me... i have an array, that holds the names of two other arrays that I want to check for a number match, and then return which array it is in.. var $backgroundType = ["grassArray", "sandArray"]; var $sandArray = ["0"]; var $grassArray = ["291", "281", "271", "261", "251", "241", "231", "221", "211", "201", "191", "181", "171", "161", "151", "141", "131", "121", "111", "101", "91", "81", "71", "61", "51", "41", "31", "21", "11","92", "102", "112", "122", "132", "142",
[jQuery] Select multiple options
Dear Jquery guru's, Not too long ago I started using jquery, it's working faily well but I'm not exactly an expert yet to say the least. At the moment I'm trying to create a way to select multiple options from a large list. I did this in the following way here: http://web-develop.nl/tests/jquery/ However I decided something wasn't quite right. First of all, even though it works when javascript is turned off (yes the values are different for the checkboxes but if I automate this with php they will
[jQuery] Embedding jquery code in body of page...
Reading up on web page optimisation, the YSlow tool recommends that you embed all Javascript in the foot of the webpage. This works OK with Prototype/Scriptaculous but when I try to do the same with jQuery the scripts get reloaded.... <html> <head> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="page_layout.js"></script> </head> <body> content </body> </html> works ok - but the supposed optimised code does not.... <html> <head> </head> <body> content
[jQuery] POST Redirection
Hi Folks! Here's my problem: I want to make a post request to a web service site. This site is automaticly redirecting me to a file. Now I want to find out the location of this file. As far as I can see (please correct me if there are more) there are two possible solutions: 1. I somehow disable redirecting (on jQuery) and so I would have the link to the file in the answer of my call 2. Or I read the final location after the redirection But of course I don't know how to do this... So I really hope
[jQuery] Known issues with webkit and jQuery 1.3?
Hi, Sorry for the vague question but I'm wondering if there are any known issues with webkit browsers (e.g. Safari and Chrome) and jQuery 1.3? I've had quite a few queries from users of my jScrollPane plugin who have noticed issues with it on Safari on mac. They seem to be related to either document.ready firing at the wrong time or possibly to calculations of height going wrong. You can see some of the reports here: http://code.google.com/p/jscrollpane/issues/detail?id=60 It also seems to be related
[jQuery] passing the state of a checkbox on a page reload
Hi I have a div which contains a search box and gets hidden when the page loads. A user can click a link to reveal the div. If I added a checkbox inside the div with the text 'click this box to always keep this search box open'... how would I pass the state of the checkbox to jquery [to not change the css to hidden] after the user has done a new search and reloaded the page? Thanks Matt
[jQuery] problem filtering out via parents() and :not()
Hello ! I'm assigning a specific "swap position" behaviour on click to a list of links, all sitting inside a multilevel unordered list with id "detailsNavigation" That behaviour only concerns specific anchors and those with class "noSwap" shouldn't ... swap. Can you explain me why this does not work? $("#detailsNavigation li ul li a").bind("click", function() { var $thisA = $(this); var $thisLI = $thisA.parent(); var $thisUL = $thisLI.parent(); if ($thisUL.parents('li').is(':not("#metadesign,
[jQuery] Webkit not complying with simple jQuery selector
I'm attempting to make every ".inputbox" element except the last one read-only on my webpage. Firefox and IE comply but Safari and Chrome apply "readonly" to ALL ".inputbox" elements on the page, even the last one. I've narrowed down my issues to the selector in this line: $(".inputbox:not(:last)").attr("readonly", "readonly"); Am I missing something in this selector, or is there a problem with Webkit? (I'm assuming Webkit since the problem spans Chrome and Safari only.) One can reproduce this by
[jQuery] why is animation on <td> is messing up layout in firefox?
hello all, I'm here trying to simply expand a table cell's width to 88% while decrease it's siblings's width to 2% each. Below is the code $('#mytable td').click(function (event) { $(this).animate({ 'width': '88%' }, 'slow') .siblings().css({ 'width': '2%' }) .end() }); The problem is that in Firefox (3.x), it always extends a bit too much for the current cell clicked (as if it
prevent object from being clicked until animation is over
As in topic. I have dynamic gallery containing just 3 elements: http://szycha.kylos.pl/test/gal.html Problem occures when image is clicked another time(you have to click quick to see the problem) before end of animation. I think that preventing it from being clicked would solve the problem but im not sure. Please help me find the solution $(function() { $('#gallery img').click(function() { var zIn=$(this).css('zIndex'); if(zIn==3){
[jQuery] prevent object from being clicked until animation is over
As in topic. I have dynamic gallery containing just 3 elements: http://szycha.kylos.pl/test/gal.html http://szycha.kylos.pl/test/js/gallery.js -script Problem occures when image is clicked another time(you have to click quick to see the problem) before end of animation. I think that preventing it from being clicked would solve the problem but im not sure. Please help me find the solution Code: $(function() { $('#gallery img').click(function() { var zIn=$(this).css('zIndex'); if(zIn==3){ $(this).animate({"width":"365px","height":"265px"},
[jQuery] Zebra (stripes) Widget vs Colgroups (CSS)
<div>I'm using jQuery and the Zebra widget to produce alternately colored rows on my tables. It works great but it kills my CSS colgroup functions. For example, the following code...</div><div></div><div><div><table class="sortphp" id="myTable"> <colgroup style="background: #0ff;"></colgroup></div><div><colgroup style="background: #ff0;"></colgroup> <thead></div><div></div><div>...should produce a table where every cell in the first column is aqua, every cell in the second yellow. But if my Zebra
[jQuery] Double submitted ajax requests
Very intermittently, I am finding ajax requests submitted with jquery are being submitted twice, once with parameters, and once without parameters. The code looks something like this: jQuery.post("url?id=id", {param1: param1, param2: param2, id: id}, callback); We are using jquery 1.3.1, and the error occurred most recently from a firefox 2 browser. What we see on the server side, is a request with all the expected parameters,
[jQuery] How to make td clickable for table sorting
I want to make the table header clickable and used the sample code from Textbook Learning JQuery I am not sure where is the class 'clickable'present. Does anybody know how can I get this working. I loaded the JQuery.js and its linked properly. Works fine. 7 $(document).ready( function() { 8 $('table.sortable').each( function () { 9 var $table = $(this); /*This returns the current table for each table */ 10 $('tbody tr:odd', $table).removeClass('even').addClass ('odd'); 11 $('tbody tr:even', $table).removeClass('odd').addClass
[jQuery] Style div overflow scrollbar ? cant find jQuery equivalent to this
Hello all. I've been looking around for a jQuery plugin that will let me style the scrollbar you get when a div uses overflow(vertical). When i say style i dont mean just change the color, i mean change the overall look. This is exactly what i need i think. http://greengeckodesign.com/projects/mooscroll/examples/example1/ but i dont know how to use mootools and trying to stick to jQuery. Any help will be appreciated.
yahoo mail type tabbed panel
Hello Guys I need to build a Tabbed panel similar to yahoo mail (latest version). means whenever i click on the link the page should be open in new tab, with closing button. is there any jQuery plugin which provides same functionality. Thanks in advance Vijayson
Ajax breaking JQuery
Hi Guys. I'm new to Ajax and JQuery, so bear with me. I have a site that uses Ajax to load the pages, with effects instead of reloading the whole page. This works great. On the index page I have a JQuery MB(mask) Gallery. And I also have a gallery page separate using a different, full gallery. Both of these pages work fine when loaded directly. By this I mean previewing the page from dreamweaver, or going direct to the link on my web server. However, if I use the navigation to go to the page, then
[jQuery] [validate] Conditional required fields
I have a form with a flexible number of field sets on my form. I think it'll be easier to understand if you just fiddle around a bit here: http://content.constructioninst.org/corporate_renewal.html I want to make a handful of fields be required in each field set, but only fields in visible field sets should be required. I have a mechanism to check this; the toggler I created updates a hidden field when a set is added or removed (there is one such counter field for each expandable section, "Individual
[jQuery] Form plugin: input elements excluded
Hi, I'm using the form plugin to submit a form by ajax. But oddly some of my form fields aren't included in the form. As far as I can tell by debugging, the elements are found by the browsers form.elements property. I don't know why some of the form input elements aren't included but it seems to be caused by these elements being in a div that is made into a dialog. Are hidden form fields not included? Any ideas on how to circumvent this? Thanks, -dennis
[jQuery] File uploads, Form plugin and XMLHttpRequest
I'm trying to ajaxify my application, which requires submitting forms via $.post or $(form).ajaxSubmit. Problem I'm having with $.post is that file fields don't work. So I use $(form).ajaxSubmit and my response text is something like this: { '_JS':'/* javascript code to evaluate, contains escaped quotes (\") */', '_CONTENT' : '<!-- html code containing escaped quotes and stuff --
[jQuery] POSTing JSON cross domain
Hi all, I've been pulling my hair out today trying to get this to work. I have a large form of data that needs to be sent back to it's home server when a user triggers an action. Using getJSON, I am able to post the data successfully back to the home server. However, when I try and replace this with POST instead (in order to get around data size limitations) nothing at all happens. I can see no activity at all in my log files or console. If I move the client page on to the same server as the home
[jQuery] jQuery Ajax SUCCESS: using 'THIS'?
Hello, I have the following jquery ajax request: <html> <head> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> </head> <body> <a href="#" id="yt1">Approve</a> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() { jQuery('#yt1').click(function(){ $(this).replaceWith("<i>Approving...</i>"); jQuery.ajax({ 'type':'POST', 'data':'id=205', 'dataType':'text', 'success':function(msg){ alert($(this).attr("id")); }, 'url':'/approve/article', 'cache':false });
Next Page