[jQuery] Strange problem in firefox (I think)
Hi, I am doing so performance testing with javascript and jquery and came across a strange issue. The following code works fine in IE 7, I can refresh multiple times. When I load the page the first time in firefox 3.0.6 everything is fine, but when I do a refresh firefox locks for about 2 minutes, cpu usage is 100% and memory usage has a peak of ~300MB and avarage of ~170MB. The problem occurs when the click event is attached to the span elements, if I put that part in comment firefox allows multiple
[jQuery] Adding methods to Plugins
Hi, I'm trying to write my first plugin and so far have managed to get it working fine including passing options in. What I can't seem to find out is how to create plugin methods eg, Using jQuery UI Draggable, passing an option in: $('.selector').draggable({ opacity: 0.35 }); So this would make the selector draggable with 0.35 opacity. However, UI Draggable also has the 'disable' method: $('.selector').draggable('disable'); Which disables the draggable functionality - this is
[jQuery] Cannot Modify Dynamic Content
Basically, I'm trying to create a Form using jQuery. The user selects what kind of field to add and it adds the fields needed, dynamically giving each new field a new name/class by changing each field attribute from _q1 to _q2, etc. Here is the basics of my script: <script type="text/javascript"> var q = 0; function nameup(rep, cnt){ var output = rep; output = output.replace(/Question #1/g, "Question #"+cnt); output = output.replace(/_q1/g, "_q"+cnt); return output; } $(document).ready(function()
[jQuery] on click on a checkbox, highlight complete table row
Hi, sorry, for this newbie question: <input type="checkbox" name="paradigm[]" value="{$value.ver_id}" /> How can I check if this checkbox is checked or not? And how can I avoid this check for this particular checkbox: <input type="checkbox" id="paradigm_all" /> Thanks so much!!
[jQuery] Creating callable methods, and binding them to objects' actions.
Hi All, I'm having a bit of a problem with selectors and binding in jQuery. Basically I want to do 2 things: 1) create a javascript method callable by name that updates a div 2) bind that method to a set of radio buttons that runs the method on change It seems that none of the examples explicitly cover instances where you roll your own methods. They all assume "function(){}" which I personally consider messy. That said, I have the following code thus far: <script type="text/javascript"> $(document).ready(function(){
[jQuery] Minified and Gzip?
How do I setup JQuery to be server Gzipped? Using apache I installed mod_deflate and set it up to serve .js files as gzipped, but it doesn't seem to be working. Does anyone have any example configurations I could steal from? - Scott
[jQuery] Send a file, receive data and populate form
Hello, I need to build a page with a form to send a file to a server and take the (XML) data sent back from this server and dispatch them to several form fields. How can I do that with jQuery and its Ajax functions ? Thanks a lot G.
[jQuery] 1.3.1 Bogs down on table parsing
I have a table that I am parsing with jQuery. The table is used to show data related to various objects. It alternates between a row with applicable data, and a hidden row that contains other details. The main body of the table is built with multiple html blocks like so: <tr class="text3" valign="top" id="row01"> <td id="arrow-row01"><div><img src="/d-elearn/intranet/inv2/themes/ default/icons/general/disabled_arrow.png" alt="Detail Toggle Icons Column" width="16" height="16" /></div></td>
[jQuery] Jquery 1.6rc6 Dialog Boxes Internet Explorer Bugs
Hi, I'm using JQuery 1.6rc6, and I am attempting to create dialog boxes which I had no trouble with using 1.5 and have no trouble with in Firefox, the problem is when it comes to Internet explorer (6 ro 7), there are 4 main problems these are listed below. Firstly I will give the code i'm using to open the dialog boxes: function openDialog(title,node,x,y) { $('#'+node).dialog({ width : x, modal : true, height : y, title : title }); $('#'+node).dialog('open'); } As I said this works great in firefox,
[jQuery] tech demos
Hey, now that i have a working example of my CMS again, i'd like to share a tech demo with the world, and see other people's work with jQuery too.. Mine is currently up at http://snow-show.info/ It tends to max out a browser with all the visuals ;) Lemme know what you think of it...
[jQuery] Howto: Adding a pause button to jcarousel
I'm using jcarousel (in vertical alignment) for a project and discovered a need for a button to pause/resume the plugin from auto- scrolling through its contents. I was a bit surprised that I wasn't able to find any previous example of this online; all the more reason to share, though. Feedback and criticism is more than welcome. I was working off of Jan Sorgalla's original documentation: http://sorgalla.com/projects/jcarousel/ The only snafu I ran into was the prev and next buttons reactivating
[jQuery] Jquery Png Fix
I am testing PNG FIX from http://jquery.andreaseberhard.de/pngFix/index.html plugin, it works great on localhost on my machine Ubuntu/apache/php5. When I upload it to my server it doesnt work at all showing no error, I uploaded all the folder and everything the same. any solutions or experiences?
[jQuery] IE Problems
Hi, I am using 1.6rc6, in firefox everything is absolutely great, but the problems come in Internet Explorer (6 and 7) Firstly the code i'm using to generate the dialog boxes is: function openDialog(title,node,w,h) { $('#'+node).dialog({ width : w, modal : true, height : y, title : title }); $('#'+node).dialog('open'); } In internet explorer however the height option seems to be totally invalid, for example if I pass through a height of 300, it gets a height of around 50, in almost all occasions
[jQuery] Superfish - sifr or image replacement?
Hi - I am developing a site in joomla using the superfish drop down menu and would like to be able to replace the main menu links (not the drop downs) with a true type font. I know there are many joomla sifr plugins, but none of them seem to be compatible with the superfish menu. If I can't integrate superfish with sifr, is it possible to make the links images instead? Here's the site I'm working on: http://projects.thatsus.com/angelinascms/ Thanks!
[jQuery] hide/show answer based on question click
I am very new to jquery and just can't wrap my head around this. It is probably something very basic and I apologize in advance. I have a list of questions and answers, the answers showing when a question is clicked the answer with hide/show and the parent div will change class. I have come up with the following but it don't seem to work (it only hides answers.) <script type="text/javascript"> $(document).ready(function(){ $(".question").click(function(){ var $this = $(this);
[jQuery] jQuery jCarousel Lite and Image Swap problem
I have tried to use the jCarousel Lite to do the task that I am after on its own, but without any luck. The best way for me to describe what I want is to not tell you what I want and point you to http://htmlstore.co.uk/jqueryproblem/ The carousel works fine, and the swapping of images works fine also, however, when it gets to the point where the carousel goes back to the start there appears to be a break in the code and nothing works. Any ideas?
[jQuery] How to know when body height causes a scrollbar to appear
Hey list, I'm looking for a way to let my application know when the body height has changed to exceed the viewport height. There are quite a few different methods which inject elements in the DOM dynamically, so I'm not able to implement a check for changed body height in each and every one of them. The thing I'm trying to accomplish is making a message bar (which is floating on top of the page, width scaled to the width of the viewport) resize whenever a scrollbar appears. Is there an event that
[jQuery] slideUp strange behavior under IE7
Hi, i have a div which i use to slideUp with jQuery. if under FF3 there is not problem, i met an issue under IE7. for example if i have several divs within this "SlideUp" div, (and that there is 1 div which is placed with css at the bottom of this SLideUp div) while this div is slidingup, the "bottom" child div, is not slidinup with the whole content of the sliding div, but it only disappear on the sliding div is hidden... so where could be the problem ? i do not understand as under FF the whole
[jQuery] code optimizing
hei everybody, i got this little snipped and i am wondering about how to make it more efficient: $('#respond').show(); $('#formComment').hide().addClass('javaCommentForm'); $("#respond").click(function(){ $('.storyBox').animate({"opacity": "0.4"}); $('#formComment').slideToggle(); $(this).css('visibility', 'hidden') return false; }) $('#closeComment').show().click(function(){ $('.storyBox').animate({"opacity": "1"}); $('#formComment').slideToggle();
Understanding animating on group
Hi all, If i'm doing this : $(".abc").animate({ top : '40px', left : '40px', opacity : "show", width : 400, height : 300 }, 1000, null, null); and that my $(".abc") returns many elements, all elements animate at the same time. How can I do to have the elements animate each one after the other ? Thanks for your help
[jQuery] JQuery with ASP.NET
Can anyone tell me What is alternate for following JavaScript with asp.net functions using JQuery. pls give example.. -> window.open -> ScriptManager.StartUpScript -> Make JQuery function and call it from code behind. Also how can i get intellisense support for JQuery in vs 2008 without upgrading to sp1. I donwloaded one hotfix Hotfix for Microsoft Visual Studio 2008 – KB946581 ..but it doesnt help.
[jQuery] Jquery Form Plugin issues
I'm going nuts here, and I think i've been staring at this far too long. I have done more than one of these in my day, but for some reason this just isn't working. I'm hoping a fresh set of genius eyes can help me out here. Everything has been checked for validation and so on. Doesn't work in IE or FF. Thanks in advance! <script type="text/javascript"> $(document).ready(function() { var submitoptions = { target: '#loading' }; $('#e2').submit(function(){ $(this).ajaxSubmit(submitoptions);
create vertical variant of the standard ui.tabs
Hi all, I am bowworing the same question from http://www.sitepoint.com/forums/showthread.php?t=594234 since I have the same question: I would like to create vertical variant of the standard ui.tabs. In visual terms, I would like to "rotate the basic ui.tabs layout by 90 degrees, clockwise"; the tabs should be on the right, with a maximum width of 50-60px. Basically, I would like to re-create a standard, paper-based, address-book, with each tab having a letter (or a range of letters). I've tried a
[jQuery] .height() issue
Hi, i use the following code to set up the height of a div (framework): <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote">var GridTitle_OuterHeight = parseInt($("#gridtitle").outerHeight(),10); var Navigation_OuterHeight = parseInt($("#navigation").outerHeight(),10); var FrmBottomBorder = parseInt($("#framework").css("borderBottomWidth"), 10); var FrmTopBorder = parseInt($("#framework").css("borderTopWidth"), 10); ... </blockquote><blockquote
[jQuery] Define functions before DOM loads
How can we define functions even before the DOM loads fully. I tried like (function() { msg = function() { alert("Hello User"); } }); $(function() { msg(); }); This is just an example. But it gives me "Object Expected" error. Please let me know how to do it.
[jQuery] [validate] plugin maxlength bug with textarea?
When maxlength is set for textarea and the field is validated, the plugin seems to consider line breaks within the textarea as two characters at least in IE and Opera. That is because in IE and Opera, the textarea string received with element.value contains line breaks represented with two characters \r\n. With Firefox, this problem does not occur. As improvement suggestion, could this line in code: var result = $.validator.methods[method].call( this, element.value, element, rule.parameters ); be
[jQuery] Way of code execution?
Hi, I've got following code: var tr; function updateNummbers(typ) { var ret = ""; $.ajax({ type: "POST", url: "DFWebService.asmx/getNummbers", dataType: "text", data: "typ=" + typ, processData: false, error: function(XMLHttpRequest, textStatus, errorThrown) { ajaxError(XMLHttpRequest, textStatus, errorThrown); }, success: function(xml) { ret = $(xml.replace(/</g, "<").replace(/>/ g, ">")).find('anzahl').text(); tr = ret; alert(tr); // OK
[jQuery] jQuery Form Plugin
Hi there, I am using jQuery Form Plugin with Matt's Script Formmail, and I simply cannot get it to work. Rather than showing up with the ajax form, it still just default redirects me to a success or error page. I am not jQuery expert, but I was hoping someone can point me in the right direction, basically on submit, rather than redirecting to the default success (or error page), I just wanted this message to appear in the alert. <script type="text/javascript"> // wait for the DOM to be loaded $(document).ready(function()
[jQuery] jquery and the accents
[jquery-1.1.3.js] client-side: I have a form with text field and file field. + iso-8859-1 transmission by ajax to the server server-side: I have a var_dump($_POST); First test I enter in one text field the string "rené" : the dump gives "rené" Second test I enter in one text field the string "rené" and in the file field "logo.gif" : the dump gives "rené" That means that jquery changes somewhere the charset ? How can I manage that cleanly ?
Simple gallery loading. Adding a Next link.
I'm working on a simple gallery and have run into a problem. The navigation is a long div with thumbnails, when you click on a thumbnail it loads the full size image into a container without refreshing the entire page. That works great and doesn't cause the thumbnails to reset. The problem I'm running into is how would I create a button to go to the next image based on the full size image that is currently loaded? The main problem I'm running into is how to define the current position so that the
[jQuery] clueTip onclick call from JS and positioning
Hello, Problem: To show a clueTip when the user clicks To show the clueTip at the mouse click position To change dynamically the attr rel I define the div that will contain the html page to put in <div id="tip" rel="#" title="jTip Style!" style="display:none">test</ div> $().ready(function() { $('div#tip').cluetip({ width:'300', height:'600', cluetipClass: 'jtip', positionBy: "mouse", activation : "click", arrows: true, dropShadow: false, //hoverIntent: true, sticky:
[jQuery] [autocomplete] Using autocomplete as a link-chooser
Hello everybody, first of all: this plugin ist really amazing! Good job, Jörn. So now my question: Is it possible to make use of this plugin in combination with linklist? E.g. I got my results from remote, scroll through them with my up- and down-arrows and finally choose one of the suggested items. This item is a normal html-link (a href). Is it possible, by choosing with enter the link is "clicked"? Thanks for your help! ghost2008
[jQuery] Tooltip hide delay
Is there any way to implement a delay for the hiding of a tooltip after the mouse moves off the element that displayed it? Would be a nice enhancement if not already available.
[jQuery] Execute function in parent window
Hi, I've got question. I'm opening a new javascript window after clicking on button. On parent page I've got some jquery stuff. Is it possible to execute some function on parent site when new window was closed or by clicking the button in new window? Cheers Radek
Opening submenu depending on what url
Hi there, I am rather new to jQuery and I got stuck. I made myself a simple slideup/slidewon menu. On default the subcontent is hidden, but I would like to show the subcontent of the menu depending on where I am. $(document).ready(function() { $('div.subnav').hide(); $('div.navheader').click(function() { $(this).next().slideToggle('fast'); return false; }); $('div.navheader a').click(function() { $(this).toggleClass("active"); }); }); <div class="navhlavicka"><a href="#" class="top"><span
[jQuery] default value of an object's property
hi there, a quick question: i'm using an object to pass a series of variables. Sometimes, i test for a specific property, which might not exist. I can't seem to find the right way, i tried Obj.sortby = (typeof Obj.sortby == 'undefined' || Obj.sortby=='' ||Obj.sortby == null) ? 'time' : Obj.sortby; but everytime that property "sortby" hasn't been set, firebug returns it as "null" can you clear that up for me? Thanks a lot! Alexandre
[jQuery] Need help in accorion Menu.
Dear Team, I hope , I am asking a help to the right team... I am new to JQuery and I amusing a accordion menu and have a challenge in opening and closing the panel based on a Flag. On post back I need to check the flag and If flag is true, I need to open it. or else it should be closed(all panel closed- and this is the default view). Kindly help me to get the solution... Or let m know if u are aware of a team who can help me...
[jQuery] jQuery Form Plugin
Hi there, I am using jQuery Form Plugin with Matt's Script Formmail, and I simply cannot get it to work. Rather than showing up with the ajax form, it still just default redirects me to a success or error page. I am not jQuery expert, but I was hoping someone can point me in the right direction, basically on submit, rather than redirecting to the default success (or error page), I just wanted this message to appear in the alert. <script type="text/javascript"> // wait for the DOM to be loaded $(document).ready(function()
few small questions..
1) well, lets say i string1 = "1". how would i use string1 in this manner: $(".classname*variable1*) so that i would get: $(".classname1") 2) how would i get the name of a html elements class/id to become a string. for example, if i click on a button with id='2', how would i turn that 2 into a string that i could use in the same way as in number 1.
[jQuery] Cascade plugin - feature/improvement request (data optimization)
Mike et all: Now that I've worked through some of the basics, I would like to know how easy it would be to accommodate a JSON file in a bit of a more efficient structure using arrays rather than simple value pairs. IE.: You have designed around this structure: {'when':'selectedValue','value':'itemValue','text':'itemText'} Whereas after some testing, I've realized the data sizes would become rather huge rather quickly. I'm proposing a JSON structure such as: { "Country1": [ { "Region1": [ "City1",
Next Page