[jQuery] jQuery(window).width() not registering sizes lower than 497 in Firefox.
I'm working on implementing a menu and need to have information when the menu size is larger than the width of the window. The problem is that pas a certain point, jQuery("body").width() keeps registering 497, despite being much smaller than that. Has anyone had this issue
[jQuery] Single page application and jQuery
First of all, hi, my name is Phaedra and i am a web developer in Italy. So, i'm working for a company that's developing a single-page application, with an extensive use of jQuery and we this it's a very good library, especially for the easy semantics. Running some performance tests last week, we run some tests also with sieve 0.08 because ie7 became very irresponsive after some minute of work. We realized that the problem was the amount of nodes that after $.remove were not freed from memory by ie7.
[jQuery] JQuery ui dialog issue
Hi all, I have an issue. I am showing modal loading dialog while making ajax call. My dialog config is shown below : $('#loadingSearch').dialog({ autoOpen: false, modal: !$.browser.msie, bgiframe: true, width: 270, height: 'auto', title:'Loading Search', draggable: false, resizable: false }); $('.ui-dialog .ui-dialog-titlebar').hide(); $('#loadingSearch > div:eq(1)').css({'left':'135px'});
[jQuery] Creating a tabbed UI
Can someone post a simple example of creating a tabbed UI with JQUERY?
[jQuery] select cannot check checkboxes' states
hi, i have a group of check boxes, and i want to iterator over all the checked ones. i use the following code, but without luck. $("input[type=checkbox][checked=true]").each(function()...); can someone give a better solution? -- Best Regards, David Shen http://twitter.com/davidshen84/ http://meme.yahoo.com/davidshen84/
canvas cut out a rectangle
Hello, I work with canvas ctx = canvas.getContext("2d"); and I am very satisfied with it, but now I have a special problem. On my canvas I have a x and y scale and lines. Now I will cut out an area of the canvas (e.g. x = 20, y = 30, width=100, height= 40) and draw the cutted area in the size of the original area. So my question is, is it possible to cut out an area of the canvas (or context respectively) and to scale it like the original context, and when yes, what functions should I use? Thanks
[jQuery] Creating a new tag
How do I create a new tag with jquery? I tried something like this: link = $('a').attr({ class : 'logoLink', target : '_blank', href : 'http://www.someurl.com/' }); And then appended it to another image, but this added every link that already existed on the page.
[jQuery] animate on page load
Hi all Please can you help? I want to animate the width of the 'progress_bar' div when the page loads. I'm using the code below, which works fine in Firefox... but it doesn't want to work in IE6. Where am I going wrong? Many thanks in advance.... $(document).ready(function(){ $("#progress_bar").animate({ width: "250px", }, 1500 ); });
Problem with scrollbars in Coda Slider
We set up a slider gallery based on coda slider for a client for us: http://www.durchschuss.ch/content.cfm?nav=3&content=14 The Problem is, that as long as the pictures load, it appears horizontal and vertical scrollbars. (I know the picture are really huge. But the client wants it like this.) Does anyone know how to avoid this? overflow: hidden; doestn work. If anyone can help, I would be really happy and it would save my day!! Best regards Martin
[jQuery] Get rid of "long-running script dialog box" ?
Hello all, I'd like to know if you have a way to disable the long-running script dialog boxes, as one can see many in this article : <a href="http://www.nczonline.net/blog/2009/01/05/what-determines-that-a-script-is-long-running/">http://www.nczonline.net/blog/2009/01/05/what-determines-that-a-script-is-long-running/</a> I can hardly "split my processing into smaller chunks", and cannot ask clients to tweak their browsers or registry ! I hope my call for help is in the right section, shouldn't it
[jQuery] ajax returned data format
Hi all, I've been working with jQuery for a few weeks now (still a noob so :), and I'm a bit confused about getting information from a php file. Basically : MY JAVASCRIPT FILE: $.get("phpfile.php", {param:param...}, function(data) { if(data == "ok") { ...do stuff... } }) MY PHP FILE: <?php echo "ok"; ?> In this dumb example, I'm unable to match the 'data' returned variable with the value I assigned to it in php (I can't manage to enter my 'do stuff'), yet its value is 'ok' if I display it.
[jQuery] About jquery append and automatic deleting
when you append by using an existing content, jquery will delete the orignal: $(new).append($('#ori')); then the orignal $('#ori') in the document will be deleted, is this by design?
[jQuery] Can't seem to figure out this simple toggle situation...
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] javascript
<div>hi i am new to javascript language </div><div> </div><div>i written a script and it works fine and i modified it a bit </div><div>and it is not working .</div><div> </div><div>i don't know why this is not working but the later is working well</div> <div>please tell me what is wrong with this</div><div> </div><div>// not working</div><div><div><div>SocialSite.Home.UserInfo =</div><div>{ </div><div> options : {</div><div> beforeSubmit: this.friendRequest,</div> <div> success:
[jQuery] document.body is null or not an object
There is a ticket with JQuery,Ticket #5032, which describes a problem where JQuery fails during start-up with the message "document.body is null or not an object". So far the bug is only reproducable in IE6. It seems that a fix is not imminent for this issue, so I may need to patch JQuery. I am curious to know what the implications of wrapping the place in code where the error is thrown from. The error originates from support.js 82 // Figure out if the W3C box model works as expected 83 //
[jQuery] Is it possible to clone all attributes on an element and copy to a DIFFERENT type of element?
OBJECTIVE: Copy all the attributes of a TEXTAREA element then apply them to a new element (ie. a DIV) and finally delete the original TEXTAREA element. POSSIBILE SOLUTIONS: 1) I could write a function that cycles through all possible attribute names (ie. class, style, title, name, id, etc.) and if they exist copy their values to the DIV element (but this seems intensive -- is there a shortcut?) 2) I looked at trying to set the .nodeName property but it only has a getter method, not a setter method
Subboards
Maybe it's better to have some subboards in "Help, I'm stuck" - jQuery Core: just plain jquery problems - jQuery UI: problems with UI components - jQuery plugins: problems with plugins - ...
[jQuery] fadeIn and fadeOut divs
lease help... What I need to do is simple. When I click on .log or .tweets it fades out a div and fades in another div. The problem I have though is that it fades in/fades out at the same time causing a 'bump' in the animation effect. I need the first div to fade out first, and only when that has faded out completely can the second div fade in. Here's my script. Thanks in advance C Code: $(document).ready(function(){ $("#weight_log").hide(); $("#selector").show(); $(".log").click(function () { $("#latest_tweets").fadeOut(1000);
[jQuery] More Jquery calls on a page
hi. i always seem to have problems with this so i thought i would join here and ask. i cant use two different jQuery calls on the same page in two different <script> tags, something like this.... the reason i need to work like this is because i do asp.net... so i got the first one on my masterpage and the other on the page that needs it.. <script type="text/javascript"> $(document).ready(function() { SOME JQUERY }); </script> <script type="text/javascript"> $(document).ready(function() { SOME JQUERY
[jQuery] Accessing functions inside $(document).ready()
Hi all I've got a js file where all the functions are wrapped inside $ (document).ready(). I want to call one of the function from within the HTML but it says that the function "is not defined". Any ideas? Cheers Matthew
[jQuery] Update Div after ajax submit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=112485720-23092009>I am using the jquery.form.js script and submit a form just fine.</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=112485720-23092009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN
[jQuery] jQuery Validate -- how to require series of checkboxes when named as array[]
I have a working example of jQuery validate working in the link below. The newsletter checkbox is required and working. However, the "colors" checkboxes are all named as an array ( ex: name="color[]" ), and so the problem lies in the validation code, where it uses the name of the element to require elements ( ex: newsletter: "required" ). ====================================================== <script> $("#testform").validate({ rules: { // how do i name colors below? // colors[] ??? // fieldset#color_preference
[jQuery] jQuery Validate -- how to require series of checkboxes when named as array[]
I have a working example of jQuery validate working in the link below. The newsletter checkbox is required and working. However, the "colors" checkboxes are all named as an array ( ex: name="color[]" ), and so the problem lies in the validation code, where it uses the name of the element to require elements ( ex: newsletter: "required" ). $("#testform").validate({ rules: { // how do i name colors below? // colors[] ??? // fieldset#color_preference input:checkbox ??? colors:
Changing text between href tags
I am using an online e-commerce hosting solution and they wont let me modify certain pages because they have full control. Is there a way to do it through jQuery? Here is the tag: <a href="AccountSettings.asp?modwhat=change_a">Change e-mail address, or password</a> I want to change the text "Change e-mail address, or password" Thanks, I appreciate any help in advance.
JQuery .load() function double id
Hi, When i use the load function on my first page (index.html): $('#content').load('page1.html #content'); i got two divs on my page with the same id (id="content"). ... <div id="content"> <div id="content">Content from page1.html</div> </div> ... How do i resolve this issue without a another div? Thanks
[jQuery] Datepicker and IE7
I searched all IE7 FAQs and tips but I could not find the solution. Basically the Datepicker doesn't work at all in IE7. It does not appear and most disturbing, IE7 doesn't show any Javascript error. Works just fine in FF3. My code is: <script type="text/javascript"> $(function() { $('#campaignDate').datepicker($.datepicker.regional['pt-BR']); }); </script> <input type="text" name="form.campaignDate" size="7" value="__/__/ ____" id="campaignDate" class="textoTextfield"/> I tried removing the last
[jQuery] how to display birthdate format behind the date textbox on edit/insert dialog
hi... I don't know whether jqgrid provides this or not? but what my actual requirement is "I want to display format of date like 'MM/DD/YYYY' behind my birthdate's textbox, so user will enter proper date while he insert/update particular record from jqgrid.." In short how to display format text in jqgrid's insert/edit dialog?? Thanks... Regards. Ravi Mori Software Developer.
[jQuery] how to get flash expressinstall working with jquery media and swfobject?
Hi, I'm using the jquery media plugin (.90) with swfobject (2.1) My markup has something like this: <a class="leftmedia {width: 400, height: 350, autoplay: true} href="somevideo.flv">My video</a> To load the video, I simply call jQuery('a.leftmedia').media(); If the browser has flash installed, the video loads fine. If it does not have flash, there's no video displayed and no prompt to install flash. I'd like to use swfobject's ability to automatically prompt the user to install flash, but I can't
[jQuery] position of js code
one doubts that where ever I put my js code inside the block <head> or out ... Does anybody know any good tutorial explanatory label it?
[jQuery] read cross-domain html content
hi, since a few days i try to load external html content from another domain. obviosly it is hard to access cross domain content wit javascript ajax methodes. first i' ve tried iframes but access denied. after that I' ve tried $.ajax but all request returned zero byte data from server. here is a way that seems to work but raise an error while processing data from text to json object $.getJSON("http://example.com?jsoncallback=?",null, function(data){ alert(data);
jquery modal-form / submit
Hey everyone! I need your help and I'm a total javascript illiterate :S. I want to submit the form which i have placed in the modal-form dialog, so I have tried it that way: ...code.. buttons: { 'Rechnung suchen' : function() { this.form.submit(); //<-- that does't work. $(this).dialog('close'); ...code... , but that doesn't work. Can you help me solving this
[jQuery] Clickable autocomplete, like google
Hello I'm looking for an autocomplete that have no "submit" button, but that when the user click on the autocomplete keyword he would be redirected to another URL, that i will choose i'm using http://dyve.net/jquery/?autocomplete but even the author dont know how to make this example: user type "goo" then appears GOOGLE for him, when he click on GOOGLE the script send him to www.google.com it would be great if i could just do with the script i told you guys i'm not a programmer so i need like, the
plugin question
I'm new to JQuery and creating plugins Here is my plugin code: (function($) { $.fn.myPlugin= function(options){ var defaults = { }; var options = $.extend(defaults,options); return this.each(function(){ obj = $(this); var listItems = $("li", obj); }); }; })(jQuery); and here is my HTML: <div class="pluginStyle"> <li title="">list 1</li> <li title="">list 2</li> <li title="">list 3</li> </div> in the plugin, how would I
[jQuery] Need a callback function to delay processing...
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
calling a webservice using ajax
I'm calling a webservice using the ajax method and it seems to work since the 'success' function is executed. I need to output the raw results returned, but when I use alerts, the messagebox shows the output as: event='' XMLHttpRequest=success ajaxOptions=undefined What am I doing wrong and how can I output the raw results. $.ajax({ url: "http://mysite/service/lists.asmx", type: "POST", dataType: "xml", data: soapEnv, contentType: "text/xml; charset=utf-8", success: function(event, XMLHttpRequest,
[jQuery] slideviewer looks messed up upon pageload and then snaps back
Hello all, I am working on a photo blog here: http://tinyurl.com/kp8zwo which is based upon the slideViewer (http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html) If you'll notice, the jQuery image slider I've got on the homepage works, but the client is complaining about the fact that while the page is loading, ALL of the images display in an unordered list until the CSS fully loads. Ultimately, the slideviewer is working, it's just this delay that's the problem.
[jQuery] (validation) removal of error message problem
the validation error message isn't removed/hidden after i fix an invalid input. If I make the input invalid again another error message is appended below the first error message. error messages are added/removed appropriately on all other pages. this problem is only occurring on one page.
jQuery SlideViewer looks bad onLoad and then snaps back
Hello all, I am working on a photo blog here: http://tinyurl.com/kp8zwo If you'll notice, the jQuery image slider I've got on the homepage works, but the client is complaining about the fact that while the page is loading, ALL of the images display in an unordered list until the CSS fully loads. Is there a clever way around this so that the slide viewer is hidden until everything is loaded and we avoid that momentary (1-2 seconds) flash of broken-ness? Thanks! Doron UPDATE: DUH! I just remembered
[jQuery] [JQuery][Struts 2] Link 3 select tags with JQuery
Hi, I'm totally new with Struts 2 & JQuery. I have 3 <s:select> populated via 3 linked hierarchic tables : GROUP (id_group, group) > CATEGORY (id_category, id_group, category) > SKILL (id_skill, id_category, skill) <s:select name="group" id="group" headerKey="0" headerValue="-- Select --" list="listGroups" listKey="idGroup" listValue="groupName"> </s:select> <s:select name="category" id="category" headerKey="0" headerValue="--
[jQuery] Adding a new feature to the Reflection.js plugin (Image reflection embedded in a carousel)
Hi all, I'm new to this group, nice to meet you everyone. I've been using jQuery for some time, and now I'm trying to create a super-fancy image carousel with a functionality similar to the one of this page: http://www.lafeltrinelli.it/fcom/it/home.html (in the middle of the page, the tabbed carousel) I'm currently using jCarousel Lite for the "carousel part" but, as you can see in the "original carousel", the images have a reflection. So i've googled a little bit and found this plugin: http://www.digitalia.be/software/reflectionjs-for-jquery
Next Page