[jQuery] Error-Message: is not a function
Hi, I've been thinking the last two hours about this problem: The following function is part of a form validation script. The targeted selects contain a name attribute like "accomodation[1]" or "accomodation[2]". I neet the number within the brackets. The alert- function is just for testing and will be replaced later on by the processing of catid. I constantly get the errormessage "catid.replace is not a function" pointing to the line containing the first .replace. function checkacc() { var catid;
[jQuery] jQuery in the wild
Looks like MLB.com and in turn <a href="http://phillies.com">http://phillies.com</a> are now using jQuery 1.2.1, looks like they are using <span class="sourceRowText">jcarousel and corners.</span> -- Benjamin Sterling <a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a> <a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a> <a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>
[jQuery] ui.tabs + ajax question
Hi friends, While trying to use the ui.tabs plugin, i noticed with delight that since the links controlling the tabs are real urls, the plugin switches to ajax mode. The thing is, it doesn't quite work yet, and i suspect it's the html markup that i get wrong, because the tabs are rendered correctly, but the content does not get fetched. See, i'm not sure how the plugin understands in which div it must load the fetched html, so i added the div anchor name in the url, as for non ajax tabs. Is this
[jQuery] Slide Panel
Hi all, I am working on slide panel similar to http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html Problem: The panel which slides down pushes all the div' s in the page Excepted: The panel should act as an overlay on the current page without pushing any div's down This is my jquery code used $(document).ready(function(){ $(".btn-slide").click(function(){ $("#service").slideToggle("slow"); return false; }); }); Things tired: I gave z-index to the panel, didnt
[jQuery] Problem using html(val) with firefox (works in IE7)
Hi, I am writing a little web app that is supposed to show a table as a reaction to an ajax call to the server. So after the ajax post request, the server renders an html-table. This table is then inserted in a container div on the page using the "html(val)" method. In IE7 this works fine. Firefox shows a strangely different behavior: when the ajax call is done for the first time, i.e. when the container div is still empty, the table is correcty inserted and displayed. But on all subsequent calls,
Only perform function on child of clicked on element
Hi, I'm pretty new to jQuery, so my attempts to find the right way of doing this haven't yet worked. What I want to do is find the divs with the class .togbox and then use the slideToggle function to toggle the display of the .inside div. I can do that fine, with one problem; because I have to use classes, not IDs, when i click on the handle for one, it opens all of the content for the other elements too. How can I limit the slideToggle to just the exact element clicked on? I've tried parent/sibling
fadeIn OK, but how to fadeOut???
Hi guys I have a problem, I think its quiet, easy to resolve if u know how... I got to fade in the "div's" the way i want: $('dd.mtv').click(function(){ $('div#sport_kasten').fadeIn("fast"); $('div#news_kasten').fadeOut("fast"); $('div#karte_kasten').fadeOut("fast"); }); Now I want to fade it out by clicking everywhere else in the "wrapper" or "body" except in the one shown "div" (exp. sport_kasten), a little bit lightBox like^^ when I do it like this... $('div#wrapper').click(function(){
Ok so this is the final thing or two
hi all i have one more problem with the code for my wonderful menu i have going you can see the menu in action on this url http://koorliny.com.au/home.php now as you can see it works very nice as it is but just needs a few bits to finish it off what i need is that when i open a bit of the menu all but the parent UL's and the first UL of the #navi shut or are hidden for example when you click on Venue Information then General Information you will see that it opens fine now if you go to and click on
[jQuery] Which method is better?
Method #1 $('.someClass1').each(function(){ // Some stuff here }); $('.someClass2').each(function(){ // Some stuff here }); $('.someClass3').each(function(){ // Some stuff here }); Method #2 $('.someClass1, .someClass2, .someClass3, .someClass4').each(function() { var el = $(this); if (el.hasClass('someClass1')) { // Some stuff here } if (el.hasClass('someClass2')) { // Some stuff here } if (el.hasClass('someClass3')) { // Some
[jQuery] Superfish current state
Hi, I am using the Superfish plugin and have one small problem. I'd like the "current" state to be selected when you first land on the page. So I want the "Television" subnavs to be visible always and to fade out when you hover over another main nav and for those subnavs to fade in. Just like the example on this page: http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/ I can't figure out what I'm doing incorrectly. It's probably something simple but I'm not finding it. Plus
[jQuery] Strange jQuery behavior in IE (6&7)
Hello all! I have some funny things with jquery. In developing my first application was confronted with such a problem: $.ajax () incorrectly works in IE6 and IE7. Example 1. jquery.autocomplete plugin. FF, Opera, Safari - all is well. In IE request sent to the server returns the data (text / plain), but the data do not appear on the autocomplete box. Example 2. simply jQuery.ajax (). The situation is similar, but I decided to find a solution. First it turned out that - IE does not consider a request
[jQuery] deferring script loading
Hi, I have some javascript code (which makes use of jquery), that is placed before the jquery library itself as in the following. <script type="text/javascript"> javascript code which makes use of jquery </script> <script type="text/javascript" src="path/to/jquery"></script> For reasons that it would be long to explain, I can't change the order of the scripts. Because of the order of the scripts I get of course the error: "$ is not defined". Is it possible, somehow, to defer the execution of the
[jQuery] What do you use?
Hi jQueryers, I am curious what people use as on the server side with jQuery? PHP, ASP, Groovy/Java/Spring, RoR, something else or nothing, just plain old (x)HTML? I generally use PHP but have used it with Java and Grails. Regards, Andrew
[jQuery] Odd behaviour with the "one()" event handler
I'm not sure if I'm misinterpreting how to use the "one()" event handler properly, but when I tried to use it in the bit of code below, I was unable to prevent the button from submitting the form (which it was now inserted into). I tried "return false" as well as an "event.preventDefault()", but clicking on the button still seemed to submit the form. The only way I could get it to prevent submitting the form was to use the .mouseup() event handler rather than .one(). Why didn't "return false" or
[jQuery] Can jQuery do this?
In this site, at the left column, the Model Number, when you click on Select a Phone, the dropdown stay and you can hover through each phone model with viewable thumbnails. http://www.nokiausa.com/A4409001 thanks! sutra
[jQuery] Plugin to show color chooser and let user drag over text to highlight?
Before I jump in and try to do this, is anyone aware of a plugin that will show a color picker and then let the user drag the cursor over text to highlight? Thanks!
[jQuery] Hide / Show a panel in an acordion
Hi Everyone, I have been searching through the archive for the past two hours and also had a chat with everyone's good friend - Mr.Google. I have also been checking out just about every accordion plug-in home page / demos - but haven't found what I am looking for, thus my email here. Anyway - what I need for an application is the ability to hide and show an accordion panel, based on input from some other panel in the same accordion. I.e. if the accordion has 4 panels - and the last panel contains
[jQuery] Printing iFrame contents
Hi, Is it possible to use jQuery to print ONLY the contents of an iFrame? I'm trying to add a PRINT button to a jQuery lightbox, but not getting anywhere. If I use a Javascript:print() then the entire browser window is printing. Thanks! Chuck
[jQuery] How to track/find the listener for the events?
Hi there, I was wondering if there is an "easy" way to find which is the function that deals with a specific element event. Let say that I'm browsing the net and find a website where you click a link a do some cool effect; then I open firebug inspect the html code and it turn that the link is just a span tag and of course there is a listener somewhere which deal with the click event; so I check the script tab in firebug and the amount of script files in huge and nothing has been displayed in the
[jQuery] question about plugin programming
Hi. I've created a button jquery plugin that does a png animation onhover, and takes text on the button from html/dom. Although i've modelled the code after the datePicker plugin, and it works, i think i have a problem with scope. When I instantiate buttons in two different windows, a click in the first window uses settings from the second window. :( I'd like some advice on the code i've written. If there are any tutorials about jquery plugin writing that you can recommend, i'd like to read those
[jQuery] loading metadata with Ajax
Hello, I'm having trouble getting the metadata plugin to DWIW when the metadata is loaded with Ajax. The metadata is contained within div elements like this: <div> some stuff . . . <script type="application/json">( {"keywords":["manufacturing","field service"],"categories":["Field Service","Manufacturing"], "industry":["Field Service"]} )</script> </div> The metadata plugin handles this nicely, with or without the parens before and after the brackets, when loaded normally. However, I want to grab
[jQuery] Override original jQuery method?
Hi, How to overrider the original jQuery method and use my own code? E.g. jQuery.fn.extend({ hover: function(fnOver, fnOut) { return this.bind('mouseenter', fnOver).bind('mouseleave', fnOut); } }); I want to override the hover method. Thanks.
[jQuery] Override original jQuery method?
Hi, For example, how to override the original hover() method and use my own code? jQuery.fn.extend({ hover: function(fnOver, fnOut) { return this.bind('mouseenter', fnOver).bind('mouseleave', fnOut); } }); Thanks
Problems with slideDown on Firefox and IE
Hi all, To begin, i want to say that i'm french and consequently, i'm sorry for my bad english . Like the title tells, i have a problem with slideDown on IE and Firefox. On Firefox, that makes gaps between my Menu and my footer and i don't know why... On IE, the slideDown is too fast and i don't know how i can fix this trouble. Can someone help me please? I've uploaded my files on my FTP : http://coenonympha.free.fr/Site.zip Thanks for replies
[jQuery] Jquery and Ext Menubar
I would like to use the Ext menubar with jquery and have jquery build the menu based on the unordered list contained within the menubar DIV. I am not familiar enough with either Ext OR JQuery to accomplish this. I have the JQuery and Ext properly configured as I can use this combination to display an Ext.Msg.Alert and my menubar is properly configured as I can generate this from the script itself. I have this defined: <script type="text/javascript"> Ext.BLANK_IMAGE_URL = "javascript/Ext/resources/images/default/s.gif"
[jQuery] Multiple jQuery pop-under boxes
Hello, Since some times, i try to create pop-under windows (like http://famspam.com/facebox Facebox plugin or http://trentrichardson.com/Impromptu/ Impromptu ) but i don't understand how can that it be changed to allow multiple pop-under boxes. For instance, i want to open a pop-under box by click on a link. In this box, there are two links which open two differente boxes. How can i do that ? With plugins i tried, a click on one of these two links send me on the page (in the href attribute) instead
[jQuery] How can I access methods of an applet element using jQuery?
Hi all, I have some problem using methods of an applet element when I use jQuery syntax. How can I solve this problem? Please refer to the following source code: <APPLET id="ch01" archive="classes.jar,jfreechart-1.0.9.jar,jcommon-1.0.12.jar,json.jar,netscape.jar" code="sooo.AppletXYLine" ></APPLET> <script type="text/javascript" src="js/jquery/jquery.js"></script> <script type="text/javascript"> // addValues() is a method defined in AppletXYLine.class returnValue = document.getElementById("ch01").addValues(strValue);
[jQuery] Ajax post and link
I'm sure that solution is simple but I can't find it... :/ I'v got such problem: $(".show_subpages").click(function() { $.post("/pages/get_subpages", { id: $(this).attr("rel") }, function(data) { $(".show_subpages").parent().append(data); }); return false; }); I want to add results of ajax query to the link which call the query... (In example is adding to all with class .show_subpages. thanks in advance Tomek
[jQuery] tablesorter and pager question - getting data from mysql
I'm missing something basic I think in using the tablesorter function. I have an index.php that does the following: - sets up my divs, including one called "content" where I want all my data to go - included jquery, superfish.js (menus), data.js, tablesorter, and tablesorter pager My data.js file has all my jquery calls - when I click a menu item such as "Search by Last Name" the fie "by-lastname.html" is loaded into the content div. This is a simple form - I type in a last name and click search.
[jQuery] jscrollpane
Hi, I'm using your jscrollpane plugin and it's working very well. I only have little bugs, maybe you know how to fix it. When we use the "tab" key of the keyboard. The focus of the page change between each element. If the content of the scrollpane have elements that can have the focus and the focus go to it the content scroll to make the element visible but the scrollpane disapear because it move with the content. It the same thing that it did with the anchor but I fixed that one. When we do ctrl+f
[jQuery] performance $(o).html(val)
Hi, I noticed that when i replace a large table(1000 tr's) in a div with $('#div_id").html(val); The performance gets poor, i got over 10000 calls to the functions nodeName() and unique(). Replacing the line with document.getElementById('div_id").innerHTML=val; is more then 4 seconds faster in my case. Is the html() function meant for something else or am i using it wrong or is this still a performance issue? regards. Hans
[jQuery] conflict
Hi I am getting into jquery and quite excited issue I am using 2 plugins and can only get one to work at a time I am sure this is a simple issue and it is just a colon or some such but I am stuck I have tried putting the 2 pieces of script together and I have tried adding the 2 plugin scripts together if I do the following neither works <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.corner.js"></script> <script type="text/javascript" src="corner.js"></script>
[jQuery] Problems with selectors
Hi friends, I've just discovering jQuery and it's a great library. My Javascript's knowledge is not so good than I wish, I'm a newby in this world. I've problems to select a certain element on code HTML generated by php. Following tutorials, api's and rest of very good docs I can't resolve this problem. ,----[ HTML Code ] | <div class="box-general"> | <div class="box-articles"> | [...] | {Article options linked with <a> or <img> tags} | [...] | <img class="box-slide" id="article-id"> | [...] | <div
Want to give an ID a Cookie
Hi all thanks for all the help so far now i have a new mission what i want to do is go about getting the LI ID that comes before the link i click and then set that id to a variable that i can add to a cookie so something like this <ul> <li id="foo"><a href="bob.html">here</a></li> </ul> so what i would like is when i click on here i get the value foo and asign it to a var which i then add to a cookie to do what ever i want with is there any hope for me
[jQuery] round corner slideout
Hi, I just start use jQuery for about 3 month. It really save me a lot of work. Now I have this problem, I have a div with 4 round corner. I made by picture. there are all kind elements inside, dropdown list, button, list, textarea, checkbox, ... Now we decide to change it to this, initially it will collapse with only title show up, when you click a image in the title, it will expand to full size. It will save a lot space for beneath datagrid. the problem is, we would like to still show 4 round corner
[jQuery] Problems with selectors
Hi friends, I've just discovering jQuery and it's a great library. My Javascript's knowledge is not so good than I wish, I'm a newby in this world. I've problems to select a certain element on code HTML generated by php. Following tutorials, api's and rest of very good docs I can't resolve this problem. ,----[ HTML Code ] | <div class="box-general"> | <div class="box-articles"> | [...] | {Article options linked with <a> or <img> tags} | [...] | <img class="box-slide" id="article-id"> | [...] | <div
[jQuery] Dynamic table column resizing when adding/removing nowrap attribute
Hello, I am having an issue when adding/removing the white-space:nowrap style from a span element contained within a table cell. Basically I have a complex table, with one column of cells (among others) that contain text. I've created a link that when clicked will toggle the wrapping on the text in these cells. The idea being that if the line is wrapped, the column will shrink (thus showing more of the table w/out scrolling.) Similarly, when a line is not-wrapped, the column width will increase to
[jQuery] select box replacement
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Liberation Sans">Has anyone found a select box replacement plugin?? I need the ability to have HTML inside of this "select box" </font> </body> </html>
[jQuery] tablesorter 2.0.3: sorter: false issue
I upgraded to the latest tablesorter release yesterday and noticed a regression in how the {sorter: false} is handled (at least when applied via metadata). When you click on <td>s that have that applied, the "sortStart" event is triggered (which was not the case previously) and then the "sortEnd" event is never triggered. Can anyone else confirm this issue? Any ideas for a fix?
[jQuery] Superfish with top-level background images - 2nd level hover not completely working
almost have Superfish working but running in to problems with the 2nd level drop-down. development link is here http://cmswebsolutions2.com/surefoot/careers.php. i only have a 2nd level list under the "services" tab. the menu flies out but i can't hover down the list - only the first href tag seems to be 'lit up'. is this a css issue or do i need to adjust one of the javascript settings? thx.
Next Page