[jQuery] SuperFish for Joomla - SlideUp Animation
Dear developers, dear community, in order to complete my design, I'd like to kindly ask you if there's a possibility to use JQuery's SlideUp animation within a horizontal menu created by SuperFish. I tried to modify the mod_superfishmenu.xml to be able to set parameters within the "animation" - dropdown list, but i can't find the type-definitions :(. Is there a possibility to create a custom animation below in the specific field? Many thanks in advance and your great work, Chris
Accordion on Dom elements
Hi, I am using jquery on google map api. But I stuck somewhere. I have a leftbar which have title and description of a product. I want to apply accordion on that bar. The problem is that the title and description are coming from database on php call and then i am embedding them in runtime generated div. I want to show title only at page load and clicking on title the description will be shown. But i am not able to do that. I tried the slide up and slide down on class, but not able to access the class.
[jQuery] Weird jumping happening with hover-over
Hi, Could someone take a look at this website I developed and let me know what's going on with the footer logos please? It seems to happen on all browsers on my computer at work (Mac and PC) that the logos jump about when you hover over them: http://www.water4lifeconference.co.uk/ It's not happening on my system at home, but can someone confirm whether it's happening on their as well? Anyone know how I can stop it if so? Thanks, osu
[jQuery] Retreiving values from Jquery to a controller in cakephp
hai guys am new to this and dont know how to get the values from jquery to a controller in php i will xplain my simple login form is as follows ////////////////////////////////////////////////////////////////////// <form method="post" action="" id="customForm" name="customForm"> <table cellpadding="0" cellspacing="10"> <tr><td>User Name :</td><td><input id="username" name="username" type="text" /></td><td><span id="usernameInfo"></span></td></tr> <tr><td>Password :</td><td><input id="password" name="password"
[jQuery] Problem with hover method
Hello, I heve a problem whith the hover method, i've tried lose onmouseover, onmouseenter and my problem is not solved. On FF is works fine but not in ie. I have not tried it on other client. my problem is this : I create a div in annother div : $(#div1).html("<div id='div2'>toto</div>"); then : $("#div2").hover(function() { $("#div3").show() }, function() { $ ("#div3").hide(); }); This works fine when i hover or leave the div2. But if the mouse is already hover the div2 when it appears, this dosen't
[jQuery] table sorter memory leak in IE6
a simple table 10*200, based on the one on the plugin page leaks 1.3mB on every page refresh in IE6. I have tried unsuccessfully to fix this in about 10000000 different ways. Has anybody else experienced this? Has anybody a fix/suggestions on how to fix this? thanks, Pierce
[jQuery] ajax: don't read the html reply
Hello all, sorry for my bad english. I have a problem whit the jquery ajax; I have this test page whit the jquery javascript: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title> Jquery test </title> <link rel="stylesheet" type="text/css" href="/style.css" /
Weird problem with variables
Hey guys, I'm pretty new to jQuery, and I'm trying to figure out why this isn't working. I'm gonna attach the code below, but it's pretty long, so I'll detail the problem here. I'm trying to pass the variables declared in the document.ready function to the other click functions below, but for some reason, it won't animate the divs. It's getting the height correctly (I checked with the $('#homeBottom').text("The height is " + homeContentHeight + "px."); line. If you want to see it in action (or inaction),
[jQuery] Firebug shows the updated class of an element but live() function takes the old class,Why?
Hello, I am new to this discussion but hope you would post reply for my query and encourage me to keep in touch with this discussion. Well here is my problem. I have made an edit in place form in which we can add and remove the elements. I have used jquery.jeditable.mini.js and jquery.duplicate-remove.js plugins for edit in place and add and remove action. I have live() function to access the dynamically ganerated elements like this. $(".addressDiv span").live("mouseover", function(){ clickable function
[jQuery] JCarousel
Hi, I am using JCarousel in my website, and it seems to slow down, and even freeze, the page when shown with IE8. I was looking in the other posts and no one mentioned this problem before! how ever I found a suggestion on another site with a similar issue, which works as a work-arround... it to set the compatibility to IE7 <meta http-equiv="X-UA-Compatible" content="IE=7" /> Any solution? Thank you
[jQuery] jQuery selector performance / jQuery Tester
Hi, I just tested all my jQuery selectors using the jQuery Tester (http:// jquery.nodnod.net), and the results seem to "contradict" one thing I read in a performance article: that you should descend from the closest parent ID when using classes in your selector (the article says "April 09", so the latest jQuery version was already available). In my tests, using just the class selector (like span.myClass) was always fastest (sometimes twice as fast as #myDiv span.myClass), and this in all browsers
[jQuery] reload an SWF object from jquery
I am using Open PHp chart. It uses a flash object to display charts. I would like to update this swf object via ajax. I have a problem accessing the object using jquery selectors: Here is the HTML code <object id="reportChart" ...> //access via pure javascript document.getElementById('reportChart').reload("charts/ genrate_chart.php"); // this works :-) //access via jquery $("reportChart").reload("charts/genrate_chart.php") // does not work Apparently $("reportChart") is not returning really an SWF
[jQuery] Namespaced events losing namespace when bubbling up
I have two namespaced events bound like so: $("body").bind("selected.proctor",function(e,data) { /* stuff*/}); $("body").bind("selected.spg",function(e,data) { /* stuff*/}); Then an anchor (inside the body of course) fires the event like so: $("a").trigger("selected.spg",[somedata]); But both bound event handlers are getting executed. However if I make the event trigger specific to the bound element things work as expected : $("body").trigger("selected.spg",[somedata]); Am I wrong in assuming the
[jQuery] jquery.ui.cascade null/not an object/undefined, etc etc.
So I'm sure I'm just missing something simple, but I'm having a problem with the cascade plug in. When debugging in visual studio, it stops on the "if($.ui.cascade.ext) {" line (line 35), and says it is null or not an object. When debugging in firebug, it says "$.ui.cascade is undefined". Can someone help me? This is killing me... thanks!
[jQuery] Auto Complete Question
Is there some form of auto complete that completes the query in the actual input box instead of a drop down box or the like? I'm not really sure how I would explain it so I did a quick photoshop (http:// img21.yfrog.com/img21/3313/autor.png). Thanks in advance, Bryan
[jQuery] Changed attributes on <div>. Now I get no event
for the JCarousel (http://sorgalla.com/projects/jcarousel/), I attempted to keep my next button enabled. Currently, it only becomes enabled if you have more items (images) added to the carousel than it's currently showing (visible when you look at the carousel). For us, we want to be be abe to control this because I don't want to have to add an extra item(s) just to get the button to be clickable so that we can load the next set of images. So I tried this: jQuery(document).ready(function() { $('#mycarousel').jcarousel({
Getting the padding correct on a div using slideDown
Hello, I have a slidedown effect with a div. The padding is 15px, it is correct on the left and right, but on the top and bottom, the padding gets rid of itself after the slidedown effetct. Here is my code: $(document).ready(function() { $("#loginButton").click(function() { if($("#loginform").css("visibility") == "visible") { $("#loginform").slideUp("slow", function() { $("#loginform").css("visibility","hidden"); }); } else { $("#loginform").css("visibility","visible");
[jQuery] (validate) no data submitted to remote: from IE6 - works fine in IE7+, FF, Safari, Chrome
Hi, We're using jquery.validate for a form with several fields. One of the rules uses the remote: method to send a field to the server, which replies with eithe "true" or "false" (as a string). This works in IE7+, Firefox 2-3.5, Safari and Chrome but not in IE6. The debug bar for IE6 lists no POST request at all - but it does list a "200 OK" response! But the response has no length, (i.e. is empty) so the form won't validate. The entire header shown for IE6 is HTTP/1.1 200 OK X-Powered-By: PHP/5.2.8
[jQuery] jQuery ajaxSubmit(), how to send the form in a json format?
Hi guys, i just leanerd the existence of the ajaxSubmit jQuery plugin, im wondering if there is a way to use the JSON both to send and retrieve the requests. I mean, no the plugin have the option 'dataType', that is used to specify the format that the server will send back, but i need to send the form as jquery to the server. For example, if my form looks like: <form name="mytest" action="mypage.php" method="get"> <input type="text" name="firstone" id="firstone" value="here some text!" /> <input
[jQuery] Ajax .get won't execute the callback function is a & is in the returning XML
I've found a situation where the callback function won't run if there is a & in the returned XML. I am calling PHP on the server side and passing the input text. I can see through FireBug that the result set is created, but the callback never runs. The callback will run if the & is not present in the XML. Does the & mean something special to XML or jQuery? Is there a way to escape the & character?
[jQuery] class inheritance
var A=function(){ }; $.extend(A.prototype, { init:function(){ alert('A init'); } }); var B=function(){ }; $.extend(B.prototype,A.prototype,{ init:function(){ alert('B init'); } }); var p=new A(); p.init(); var x=new B(); x.init(); is the above the best way to create class and inheritance in jQuery? In B's init how do I invoke parent's init (similar to super.init() in OO languages)?
[jQuery] Animating background color
I use jQuery 1.3.2 and tried to use: $('.applied').each(function(){ $(this).css('background-color', '#ff0000').animate ({backgroundColor: "#000" }, "slow"); }); For some reason, the background doesn't change and my firefox debugs the error of "NaNpx" a few times. What is wrong?
[jQuery] "Swapping" attributes with attr
Hi, I am trying to swap two attributes around, I am trying to achieve something like this: $(trigger).find('input').attr({value: img_id, name: $(this).attr('id')}); As you can see, I am trying to swap the value of the name attribute with the value of the id attribute. The above code does not work, as $(this) is not input field object. Can anyone suggest a clean way in which I can do the above? -- View this message in context: http://www.nabble.com/%22Swapping%22-attributes-with-attr-tp24308061s27240p24308061.html
[jQuery] Architect This: Cascading dropdowns :)
I have 2 dropdown lists (car and color). when I choose my car, I want my distinct list of colors. After i select both, I want to display how many are in stock. I thought about pushing down to the client a string array/JSON object something like this when the page loads ({Civic:Blue:3},{Civic:Red:2}, etc...) Ideas on implementation? Thanks everyone! paul
fisheye with icon padding
Hi, my problem is that I want to make fisheye like any other, but I need to add some space between icons. example: ICON (space of 30px) ICON2 (space of 35px) ICON3.. and I have made this using margin-left and also with padding-left, but fisheye is wrong on calculating icon positions because it is not using padding for it's calculation. Is there solution for this?
[jQuery] jQuery.ajax and SpiderMonkey
I'm trying to get this script to work with SpiderMonkey, http://www.sfu.ca/~jdbates/tmp/jquery/200907020/sauce It's a port of a script I previously wrote with Python's httplib, but I prefer to use jQuery However it complains when I try to run it, $ ./sauce jquery-1.3.2.min.js:12: ReferenceError: document is not defined $ I'm using SpiderMonkey 1.8.0, $ js --version JavaScript-C 1.8.0 pre-release 1 2009-02-16 usage: js [-zKPswWxCi] [-b branchlimit] [-c stackchunksize] [-o option] [-v version] [-f
[jQuery] Selector :eq(x) issuing warning in FF
When calling this jQuery: $("#homepage-slides img:eq(0)").fadeOut(300, function() { $("#homepage-slides img:eq(1)").fadeIn(300, function() { $("#homepage- slides img:eq(0)").remove(); }); }); I'm getting this warning in the Web Developer toolbar in Firefox: Warning: Unknown pseudo-class or pseudo-element 'eq'. It seems to work, however the image preload function I'm calling just before it isn't functioning and I'm thinking it's because of this issue. I'm using jQuery 1.3.2. Is there a different
[jQuery] jQuery.extend(deep) not working?
I'm trying out this need extension: http://binarykitten.jkrswebsolutions.co.uk/2009/01/21/jquery-plugin-ajax-head-request/comment-page-1 which allows jQuery to do a HEAD request on an arbitrary URL in order to grab header values for a given page. Unfortunately, if that page is the page the script is currently running from, it goes into an infinite loop which results in: [Exception... "Component returned failure code: 0x80004001 (NS_ERROR_NOT_IMPLEMENTED) [nsIDOMLocation.host]" nsresult: "0x80004001
[jQuery] Question on : syntax
I have yet another syntax question. I know that : can be used for specifying things like filters, but what does it do in this case: $jc.fn.extend({ setup: function() { this.first = null; this.last = null; this.prevFirst = null; this.prevLast = null; this.animating = false; this.timer = null; this.tail = null; this.inTail = false; if (this.locked) return; this.list.css(this.lt, this.pos(this.options.offset) + 'px'); ...rest of code here }, so what is the syntax setup: an attribute?
[jQuery] jQuery - Click function + Ajax
Hi there, I have a hyperlink ( <a> ) after i click on that hyperlink, the script sends some data to a .php page; That works fine, but for just one hyperlink , i want to be able to have 2 or more hyperlinks in the same page using the same script. Here goes the script: $("#button").click(function(){ var element = this; var productId = $(element).attr('product'); //$(element).attr("href", "javascript: void(0);"); $.ajax({ type: "GET", url: "index.php",
[jQuery] Selector Syntax, new to jQuery
Starting to use jQuery having read 'jQuery in Action'. Came across the following sysntax for sortable tables: $('table.sortable').each(function() { var $table = $(this); $('th', $table).each(function(column) ..... Clearly the $('th', $table).each syntax results in traversing 'th' elements that are descendants of each of the 'table.sortable' elements. I'm missing where this syntax is documented and explained.
[jQuery] Cluetip - Tooltip positioning issue within an iFrame in a UI dialog box
I began using Cluetip (which is a wonderful plug-in - thank you) on a project I'm working on, but encountered positioning issues for tooltips associated with elements housed within an iFrame in a UI dialog box. On parent pages, tooltips appear as expected outside the associated element (e.g., hyperlink, input, button, div). Within an iFrame, which is in a UI dialog box, tooltips appear wherever the cursor hovers over the element. This behaviour can obstruct the view and subsequently result in display
[jQuery] how to reset radio button ?
Hello, i got 2 radio button and default selected "p" <input type="radio" value="p" id="vo_grantview" checked />p <input type="radio" value="f" id="vo_grantview" name="vo_grantview" /
How to use jQuery with ImageMap
I. Aim: First click on imagemap area - select area(highlight). Second click - deselect area. II. Very similar example. The result should be like this: a) HTML code: <p class="blue">Click to toggle</p> b) CSS: .blue { color:blue; } .highlight { background:yellow; background-color: #1a3654;} c) JS: $(document).ready(function(){ $("p").click(function () { $(this).toggleClass("highlight"); }); }); III. I'd found jQuery plugin "Map Hilight". It works great onOver, however like I said - I need possibility
[jQuery] jQuery Animation & Loading
I think my problem would be better clarified if you guys were able to view the live site. The link is http://nxiel.com/ and the password is "guest1234" (without quotations). Now if you browse through the pages you will see how the animation slides to the left and back to right with updated content. My problem arises when I use this to access the portfolio section. The portfolio section doesn't seem to work. If you head over to http://nxiel.com/Portfolio/ , you can see how the section should render
[jQuery] Syntax Explanation
jQuery right now is still like a foreign language to me. I have books, etc. but can someone tell me what's going on here: // Create shortcut for internal use var $jc = $.jcarousel; $jc.fn = $jc.prototype = { jcarousel: '0.2.3' }; what is prototype, and what is jcarousel: '0.2.3', is that just setting some other variable's value?
[jQuery] How to use jQuery with ImageMap
I. Aim: First click on imagemap area - select area(highlight). Second click- deselect area. II. Very similar example. The result should be like this: a) HTML code: <p class="blue">Click to toggle b) CSS: .blue { color:blue; } .highlight { background:yellow; background-color: #1a3654;} c) JS: $(document).ready(function(){ $("p").click(function () { $(this).toggleClass("highlight"); }); }); III. I'd found jQuery plugin "Map Hilight". It works great onOver, hovewer like I said - I need possibility to
[jQuery] removing submitHandler
I have 4 buttons in a form. Save, Back, Submit, Confirm. The submit does form validation and has a submitHandler and invalidHandler. If no errors, a modal Confirm screen is shown with another button of Confirm. This button does the actual post to the form to complete the process. The Save and Back buttons need to post the form, but does not have any validation. The problem is that if I hit Submit and my Confirm modal pops up and I cancel out the Save and Cancel button now inherit the submitHandler
[jQuery] Jquery bind with parameters? replace inline onclick for server side generated lists <td onclick="fn(${serverSide.parameters})">
Hello, I've wondered if there is a way to do this for a while. Perhaps I am missing something or should use a different approach altogether. Say I have a dynamic page that generates some td elements. The syntax here is freemarker but you can easily envision your favorite serverside text generating language instead. <table id="records"> <thead><th>Name</th></thead> <tbody> [#list records as record] <tr> <td class="trigger" id="trigger_${record.ID}" onclick="showDetails (${record.ID})">${record.name}</td>
jquery vs ie7, scrollable div layer
check this http://alturl.com/qa2o (please dont post full url) scroll works in ff but not in ie. i've been at it for hours, ie doesn't like line 174 });anyone know why it's not working, and can advise how to rectify it?
Next Page