[jQuery] Function overriding
Consider I have a simple plugin, e.g. jQuery.example = function(name) { sayHello = function(str) { alert("jQuery.example.sayHello: " + str); }; sayHello(name); }; at sometime later, I would want to override the original sayHello method(), so I add, jQuery.example.sayHello = function(str) { alert("jQuery.example.sayHello(Overrided): " + str); }; But this does not work. Any idea? Thanks.
[jQuery] Re: identify tables with same ID ( duplicate ids)
On Mar 3, 4:28 am, "Karl Rudd" <[EMAIL PROTECTED]> wrote: > 2. Try: > > $('table[id=Instructions]') Instead of working around an error on your side try not to use duplicate ids. An id is supposed to be unique in a document - that's why length is 1 because the underlying document.getElementById always returns 1 element, namely the first one. Scripting on top of an invalid DOM won't make your life easier and give you unexpected results. That said, you should use classes instead of ids if you have more than one occurence. --Klaus
[jQuery] Re: Can not get simple post snippet to work NEWB
Looks like you need a closing parenthesis for your document.ready: $(document).ready(function() { $.post("check.pin.php", [uid: "1"], foobar); }); // <-- need the closing paren and semicolon here function foobar() { alert("works"); } --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Mar 2, 2008, at 6:45 PM, leotemp wrote: $(document).ready(function() { $.post("check.pin.php", [uid: "1"], foobar); } function foobar() { alert("works"); } Returns "missing } after element list" can anyone point out to me whats wrong?
[jQuery] Re: Need to slide a Div containing an image so that it is always on the screen as the user browses a gallery containing many thumbnails
On Mar 2, 2008, at 1:48 PM, quirksmode wrote: Hi, Hi Dave. I am building this website for a client (http://www.melaniepotro.com/ collection.html) and the collection section features many photos. At the moment when a user clicks on a thumbnail the screen suddenly jumps to the top so that the main image can be displayed. This is very annoying for the user when they are trying to view thumbnails found further down the screen because they will have to scroll back down again if they want to view the next one. The reason the screen "suddenly jumps" is that the JavaScript is instructing it to do so. This line in particular: window.scrollTo(0,180); // remove this line. I also notice that you aren't using jQuery anywhere on the page, just plain DOM scripting. ;-) What i need is a way for the main image to slide up/down to fit on screen as the user clicks on the various thumbnails. Does that make sense? How about using CSS? Something like this for modern browsers: #placeholder { position: fixed; top: 10px right: 10px; } Then, in a stylesheet for IE6 and under (using conditional comments), something like this: #rightcolumn #placeholder { position: absolute top: expression( ( 10 + ( document.documentElement.scrollTop || document.body.scrollTop ) ) + 'px' ); } Untested, by the way, but it should at least get you very close. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Superfish animation problem in ie
This is strange: everything works fine for me in all browsers (except that in IE6 the bottom nav doesn't show above the iframe generated by the bgIframe plugin - it is a white with the word 'false' in it). IE7 on Win XP works perfect for me :/ I noticed you are including hoverIntent twice. It is also within the bgIframe JS file. Sorry I couldn't help. Love your site! Joel.
[jQuery] Re: why jQuery?
As someone who finds javascript real difficult at times I have tried both sine prototype was all the rage at one time I found it really tricky and never got to flight with it. Later I tried jQuery I made a lot of progress very quickly I have been spurred on, still at times fumbling but I am able to do real useful things with a tiny amount of code Ironically I think my time with prototype et al was important (even if only extending my understanding of js code a little more) I am finding more and more sites using jquery now (bbc.co.uk - live site now using jquery) to me its tiny and fast and makes a lot of sense, also the documentation is clear and concise In short as someone who is no where near a JS Guru jQuery is for me. Still you should check all you options; jQuery has no conflict support to allow it to work in the same page you could use jquery + proto On 03/03/2008, Shawn <[EMAIL PROTECTED]> wrote: > > > First, I think that only YOU can make that choice for yourself. Each > developer has their own techniques/styles. We can't make judgements to > match your environment or habits :) > > Next, I think both have a future because they serve slightly different > needs and audiences. (IMO). jQuery seems to me to more useful for a web > developer or those building the not so simple interfaces. > Prototype/scriptaculous seems to be better for those who either a) use > Rails (this is changing though), b) look for the cut/paste solutions, or > c) don't need to go beyond the "simple" tasks. (i.e. web and graphic > designers with little JS experience) > > Now, that above is kind of a loaded statement and I expect lots of > rebuttals... :) But that's the way I see it. To be fair though > Prototype on it's own *could* be used for more, but for me at least it > gets in the way more often than not, though I haven't used it for bout a > year now... > > My random (and suspect) thoughts > > > Shawn > > > zok wrote: > > Hey, > > > > what is going to have the best future: jQuery or Prototype > > (scriptaculous)? > > Maybe you can tell me a few differences and/or reasons for your > > joice... > > > > Regards, > > zok >
[jQuery] Re: why jQuery?
First, I think that only YOU can make that choice for yourself. Each developer has their own techniques/styles. We can't make judgements to match your environment or habits :) Next, I think both have a future because they serve slightly different needs and audiences. (IMO). jQuery seems to me to more useful for a web developer or those building the not so simple interfaces. Prototype/scriptaculous seems to be better for those who either a) use Rails (this is changing though), b) look for the cut/paste solutions, or c) don't need to go beyond the "simple" tasks. (i.e. web and graphic designers with little JS experience) Now, that above is kind of a loaded statement and I expect lots of rebuttals... :) But that's the way I see it. To be fair though Prototype on it's own *could* be used for more, but for me at least it gets in the way more often than not, though I haven't used it for bout a year now... My random (and suspect) thoughts Shawn zok wrote: Hey, what is going to have the best future: jQuery or Prototype (scriptaculous)? Maybe you can tell me a few differences and/or reasons for your joice... Regards, zok
[jQuery] Re: trigger click in a hyperlink
Do you mean something like $('a#somelink').click()? No, that's not possible. But you can "simulate" it. You could do something like: window.location = $(a#somelink').attr('href'); Karl Rudd On Mon, Mar 3, 2008 at 2:31 AM, MrViSiOn <[EMAIL PROTECTED]> wrote: > > Hi: > Is it possible to do a trigger with a hyperlink? > Tanks >
[jQuery] Re: Tablesorter 2.0.1 with pagination plugin trigger("update") problem.
+ $("#pager *").unbind('click');
[jQuery] Re: Tablesorter 2.0.1 with pagination plugin trigger("update") problem.
This is quick and dirty hack I have to use. // remove old sortable ^^ $('body').find("table.sortable colgroup").remove(); // create new ^^ $('body').find("table.sortable").tablesorter( { widthFixed: true, widgets: ['zebra']} ).tablesorterPager( { container: $("#pager") } ); If anyone has better solution please offer On Jan 11, 8:42 am, "dr.ew" <[EMAIL PROTECTED]> wrote: > I seem to be losing all the data on any page not currently being shown > if I do a $("table").trigger("update"); > > I'm trying to remove a row then do the update (if not it just comes > back when you sort or change page) > > I'm also trying to replace a row after I know it's value has changed > then do an update (if not the value changes back if you sort or change > page)
[jQuery] Re: identify tables with same ID ( duplicate ids)
1. Not that I know of. 2. Try: $('table[id=Instructions]') Karl Rudd On Mon, Mar 3, 2008 at 6:32 AM, Samant <[EMAIL PROTECTED]> wrote: > > hi, > > I have 2 questions here for the group.. > > 1. Does Jquery have native functions or lib or plugins to support > conversion of HTML Table data into XML string ( which can then be > sent via AJAX to server for getting a respone) ? > > > 2. If my html page has tables with same ID , how can i obtain a > handle to all these tables. Eg. there is html page with 3 tables of > which 2 tables have same id. > Can i get a handle to these tables using any method like > alert($('#Instructions').length); > This however give me length as 1 instead of 2 . > > I tried using (IE only solution) > document.all('Instructions').length which works fine , but this does > not work if there is only 1 id . eg. > alert(document.all('UserData').length); > > Any help is appreciated !! > > sample code > - > > > > > > > Table 1 > > > > > > > > > > > > > > > Table 2 > > > > > > > > > > > > > > > > Table 3 > > > > > > > > > > > > > TIA for reading this >
[jQuery] Re: jQuery in Action
"Thoughts?" There's at least 4 to 5 topics so far with thoughts about this book :-)
[jQuery] Re: Can JQuery do a slider/button like on yui?
UI slider would do that: http://docs.jquery.com/UI/Slider To be just like the YUI example, you'd hide the slider, show it when one clicks a button, wire the "slide" event and change the opacity/ button text On Mar 2, 9:11 pm, otherjohn <[EMAIL PROTECTED]> wrote: > Hi, > I would like to make a form input field that has a button attached to > the side, in-which when the button is clicked, a slider bar appears > for a user to slide and change the number value in the form. > Basically, I am looking for something like this:http:// > developer.yahoo.com/yui/examples/button/btn_example14_clean.html > Can jquery easily do this and if so, can someone point me in the > correct direction of a tutorial that might help me pursue this. > John
[jQuery] trigger click in a hyperlink
Hi: Is it possible to do a trigger with a hyperlink? Tanks
[jQuery] Need to slide a Div containing an image so that it is always on the screen as the user browses a gallery containing many thumbnails
Hi, I am building this website for a client (http://www.melaniepotro.com/ collection.html) and the collection section features many photos. At the moment when a user clicks on a thumbnail the screen suddenly jumps to the top so that the main image can be displayed. This is very annoying for the user when they are trying to view thumbnails found further down the screen because they will have to scroll back down again if they want to view the next one. What i need is a way for the main image to slide up/down to fit on screen as the user clicks on the various thumbnails. Does that make sense? Dave
[jQuery] Re: How do I make an inline anchor link slowly scroll down?
Firebug is spitting out this error: $.scrollTo has no properties scroll(Object type=click target=a currentTarget=a eventPhase=2, acalendar#test, Object duration=1000 axis=y event=click stop=true)jquery.localscrol... (line 86) (no name)(Object type=click target=a currentTarget=a eventPhase=2) jquery.localscrol... (line 72) trigger(Object type=click target=a currentTarget=a eventPhase=2)jquery.js(line 27) unique()jquery.js (line 26) var $target = $( settings.target || $.scrollTo.window() );//if none specified... On Sun, Mar 2, 2008 at 12:03 PM, Michael Ray <[EMAIL PROTECTED]> wrote: > Thanks for pointing me in the right direction. I am tryign to use > LocalScroll but it doesn't want to work. I included 'jquery.scrollTo.js' > and 'jquery.localscroll-1.2.4.js' in my > > Here is the code > > > $(document).ready(function(){ > $("#Cont").localScroll(); > }); > > > and here is the html > > THIS IS A TEST > ... > ... > ... > This is where it should go > > here is the page. > > http://66.199.224.168/calendar > > Does any of this look wrong? > > THANK YOU, > Mike > > > > > > > > On Sat, Mar 1, 2008 at 9:39 PM, Ariel Flesler <[EMAIL PROTECTED]> wrote: > > > > > Thanks for mentioning me Karl, but ScrollTo doesn't handle links.. > > LocalScroll does: > > http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html > > > > Cheers > > > > Ariel Flesler > > > > On 1 mar, 23:58, Karl Swedberg <[EMAIL PROTECTED]> wrote: > > > Hi Mike, > > > > > > This tutorial shows you how you can achieve the effect: > > > > > > http://www.learningjquery.com/2007/10/improved-animated-scrolling-scr. > > .. > > > > > > And Ariel Flesler's ScrollTo plugin is a great way to add this feature > > > > > quickly: > > > > > > http://plugins.jquery.com/project/scrollto > > > > > > --Karl > > > _ > > > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > > > > > On Mar 1, 2008, at 7:13 PM, mike ray wrote: > > > > > > > > > > > > > > > > > > > I want there to be an event such that when I click on an inline link > > > > it scrolls down to the anchor slowly enough where it is visible. I > > > > can't find out how to do this. Any suggestions? Here is the effect I > > > > am looking for. Click on any of the five top navigation links on > > this > > > > Jquery page: > > > > > > >http://jquery.com/demo/thickbox/- Ocultar texto de la cita - > > > > > > - Mostrar texto de la cita - > > > >
[jQuery] yet another xml question
hi, i believe this is an easy one, but i cannot get my head around it... i have a sample xml file: first first first first 03/25/2008 production $(function() { //$('#update-target a').click(function() { $.ajax({ type: "GET", url: "xml/projects2.xml", dataType: "xml", success: function(xml) { $(xml).find('project').each(function(){ var name = $(this).find('name').text() var prod = $(this).find('prod).text() var ag = $(this).find('ag').text() var dir = $(this).find('dir').text() var date = $(this).find('date').text() var status = $(this).find('status').text() $('') .html(name + prod + ag + dir + date + status) .appendTo('#update-target ol'); }); //close each( } }); //close $.ajax( //}); //close click( }); //close $( with this,i can get every sequence inside a div, how can i put the child tags like , , ... inside html tags like or . I tried wrap,wrapInner but couldn't make it work. thanks
[jQuery] Re: Firefox Only Error..... jQuery is not defined..... jScrollPane.js (line 94)
Turns out this error was being caused by Joomla!. The Email Cloaking Mambot was inserting javascript that was breaking everything. Turning the Mambot off has solved the problem. On Feb 29, 12:10 pm, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > Hi, I need some help with a website I have recently put online. The > address ishttp://www.pamelaneil.co.uk. I am using jScrollPane and > everything works fine in IE6 and IE7, but in Firefox the page just > hangs and Firebug shows this error: jQuery is not defined(no name) > ()jScrollPane.js (line 94). > > Strangely when I run it on localhost it works in Firefox, but on the > live site it doesn't. I'm really stuck, any help or ideas would be > great. Thanks. > > Here is the JavaScript I'm using: > > > > > > > > $(document).ready(function(){ > $('.scrollMe').jScrollPane(); > }); >
[jQuery] value attribute update problem
Hello Little problem with value attribute I have some input element where I try to update attributes. Input element before jQuery code: jQuery code: $("input[name='test']").attr("value","test123"); $("input[name='test']").attr("size","15"); $("input[name='test']").attr("testparam","test123"); But it seems to me that jQuery update in DOM tree only testparam and size attribute because if I look in Firebug then I see following row: Value is not updated can somebody tell why? Indrek
[jQuery] Re: Extending jQuery
I think there's a wysiwyg editor being worked on in the development trunk. You should look into whats going on with it and be a major contributer to it! On Wed, Feb 20, 2008 at 10:20 AM, Alan Gutierrez <[EMAIL PROTECTED]> wrote: > > I want to learn the ins and outs of jQuery by writing a WYSIWYG > editor using jQuery. > > I'm not sure where to start, though. I can't find a consistent way to > extend jQuery. Different libraries do it in different ways. I asked > about this once before a long time ago in 2006 on a grid control I > created. > > http://www.mail-archive.com/[EMAIL PROTECTED]/msg09124.html > > Here is my thoughts on an API. I'd like to get your feedback. (The > working name of my project is swimlane.) > > You can create a swimlane object and operate on that. > > var swimlane = $(".editor").swimlane(); > > swimlane.activate(); > swimlane.toggleOrderedList(); > swimlane.store("http://blogometer.com/swimlane/store";, >function() { alert('done'); }); > > You could mimic the array oritented selectors. > > $("#editor").swimlane() > .activate() > .toggleOrderedList() > .store( > "http://blogometer.com/swimlane/store";, > function() { alert('done'); } > ) > .end().css("wdith", "480px"); > > I've seen some interfaces where it seems like they are using a very > simple string messaging, along the lines of... > > $('#editor').swimlane('activiate'); > $('#editor').swimlane('toggleOrderedList'); > > Your thoughts are much appreciated. > > -- > Alan Gutierrez | [EMAIL PROTECTED] | http://blogometer.com/ | 504 > 717 1428 > Think New Orleans | http://thinknola.com/ > > >
[jQuery] jQuery in Action
So I got this book this past Friday and was like a little kid on Christmas eve. I've been going through the first few chapters and this is clearly one of the most thorough and comprehensive books on jQuery and its functionality. I started using jQuery about 3 weeks ago and am totally hooked. It has made the various jobs and tasks I'm given at work INCREDIBLY easy. With having this book alongside "Learning jQuery" the sky is the limit. Anyone else pick this up yet? Thoughts?
[jQuery] why jQuery?
Hey, what is going to have the best future: jQuery or Prototype (scriptaculous)? Maybe you can tell me a few differences and/or reasons for your joice... Regards, zok
[jQuery] Can not get simple post snippet to work NEWB
$(document).ready(function() { $.post("check.pin.php", [uid: "1"], foobar); } function foobar() { alert("works"); } Returns "missing } after element list" can anyone point out to me whats wrong?
[jQuery] Will this post work?
Test
[jQuery] Can JQuery do a slider/button like on yui?
Hi, I would like to make a form input field that has a button attached to the side, in-which when the button is clicked, a slider bar appears for a user to slide and change the number value in the form. Basically, I am looking for something like this:http:// developer.yahoo.com/yui/examples/button/btn_example14_clean.html Can jquery easily do this and if so, can someone point me in the correct direction of a tutorial that might help me pursue this. John
[jQuery] Re: problem with tablesorter plugin
I recently addressed the same need with the following code: $(".listtable").tablesorter(); $(".listtable").bind("sortStart",function() { $("#busybar").fadeIn(400); }).bind("sortEnd",function() { $(".listtable tr:odd").removeClass("alterow"); $(".listtable tr:even").addClass("alterow"); $("#busybar").fadeOut(400); }); $(".listtable tr:even").addClass("alterow"); $(".listtable tr").hover(function(){$(this).addClass("hoover")},function(){$(this).removeClass("hoover")}); The tr:even line near the bottom should be unnecessary if you define an initial sort column/direction for the table, since that will entail a sort taking place onload. So I fade in the animgif 'busy' on sortStart (some of my tables are several hundred rows of a dozen or two columns, taking several seconds to sort sometimes) then on sortEnd I remove any 'alterow' class on odd rows (clears ONLY from even rows that are now odd after sorting) then applies 'alterow' class to even rows, in practice affecting only odd rows that are now even, post-sort. Originally I was clearing 'alterow' from all then applying to all even rows, but the display update was often more jarring that way. Obviously the 'busybar' bit and the hover highlight are not pertinent to your stated question, just part of the code chunk I've utilized, and pasted. (FWIW, 'hoover' is an in-joke - an ex employer of mine consistently referred to onmouseover events as 'hoovering', and we all joked about it so much it's sort of stuck ;) I realize this can be condensed further, but haven't tried. And I suspect there's some way to chain the tr:odd and tr:even, but don't know if it would be worth the effort, given that the odd vs even selection will still need to take place. j > >> >> >> table starts out with alternating row colors. but once i sort it > >> by > >> >> >> clicking on one for the columns. the row colors get all out of > >> whack. > >> > >> >> >> can someone tell me how i can keep the alternating row colors in > >> order > >> >> >> after > >> >> >> the sort? >
[jQuery] Re: Treeview with checkboxes
Patch works perfectly for my needs. Thanks. Mike
[jQuery] Re: How do I make an inline anchor link slowly scroll down?
Thanks for pointing me in the right direction. I am tryign to use LocalScroll but it doesn't want to work. I included 'jquery.scrollTo.js' and 'jquery.localscroll-1.2.4.js' in my Here is the code $(document).ready(function(){ $("#Cont").localScroll(); }); and here is the html THIS IS A TEST ... ... ... This is where it should go here is the page. http://66.199.224.168/calendar Does any of this look wrong? THANK YOU, Mike On Sat, Mar 1, 2008 at 9:39 PM, Ariel Flesler <[EMAIL PROTECTED]> wrote: > > Thanks for mentioning me Karl, but ScrollTo doesn't handle links.. > LocalScroll does: > http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html > > Cheers > > Ariel Flesler > > On 1 mar, 23:58, Karl Swedberg <[EMAIL PROTECTED]> wrote: > > Hi Mike, > > > > This tutorial shows you how you can achieve the effect: > > > > http://www.learningjquery.com/2007/10/improved-animated-scrolling-scr... > > > > And Ariel Flesler's ScrollTo plugin is a great way to add this feature > > quickly: > > > > http://plugins.jquery.com/project/scrollto > > > > --Karl > > _ > > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > > > On Mar 1, 2008, at 7:13 PM, mike ray wrote: > > > > > > > > > > > > > I want there to be an event such that when I click on an inline link > > > it scrolls down to the anchor slowly enough where it is visible. I > > > can't find out how to do this. Any suggestions? Here is the effect I > > > am looking for. Click on any of the five top navigation links on this > > > Jquery page: > > > > >http://jquery.com/demo/thickbox/- Ocultar texto de la cita - > > > > - Mostrar texto de la cita - >
[jQuery] Re: Treeview with checkboxes
::: Apologies ::: Testing to see if my post appears.
[jQuery] Using slideDown in a table
Hey Sorry if this is a totally stupid post, but I have never used javascript before in my scripts. I was looking for a slidedown effect and came accross jquery and I have to say, it's actually amazing that the effects are all there to use. However I'm clueless how to use it. Basically, I have something like this basic table: Code: test test test test test test test test And in the last column of each row, I want something like view all, and on clicking that view all, a new row will slide down underneath it and show some more details, I want that row to be the full width of the table (also stuck on that), but I have no idea how to apply jquery to that table, can anyone help?
[jQuery] Using jQuery without ready()
Hi, all. I often use jQuery outside ready() function. Like this some html $("#a").some actions Have this way some hidden troubles or it's ok such using?
[jQuery] Context Menu plugin - id of clicked element
Hi, Im new to jquery and im struggling with hopefully a simple question! Im using the Context Menu plugin - http://www.trendskitchens.co.nz/jquery/contextmenu/ which allows you to generate a right-click menu. All works fine, however im now trying to pass in the id of the item that has been clicked upon. Im listing several images on a page, and offering the right-click menu for each. I need to pass in the id of the image which has been clicked. Each image has a div with a unique id. The documentation mentions "bindings" which i think is what im after, but have no idea how to display the function pairs. Here is the description from the docs - An object containing "id":function pairs. The supplied function is the action to be performed when the associated item is clicked. The element that triggered the current menu is passed to this handler as the first parameter. Can anyone advise me on how to proceed? Best regards, Ben.
[jQuery] Using Toggle for Form hints?
Hi folks. I would like to make my forms a little more functional - by having some "instruction" text that can be toggled visible/invisible. - - - - - - - - - - - - - - - - - - - - - - - - - I have the following code; $(document).ready(function(){ $('.noshow').hide(); $('a.toggle').click(function() { $(this).next('span').toggle('fast'); return false; } ); }); Details Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam in leo. Nam tellus. Sed tincidunt. Nunc molestie diam sit amet orci. Ut semper. Curabitur cursus euismod turpis. Aenean quis elit ut nulla accumsan nonummy. Phasellus tristique purus quis nibh. Donec adipiscing laoreet nibh. In hac habitasse platea dictumst. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In ut justo. Nulla libero. - - - - - - - - - - - - - - - - - - - - - - - - - As you can see, it's not exactly perfect. The NNN is so that I can use and image over the top of the "Details" text. The problem is that I cannot get the above to work with the following setup; NNN Instructions I really want that "link" inbetween the label and the input, and the instruction text to appear beneath it all. I also have multiple inputs, and would prefer something that could "self-relate" (rather than haivng to make tons of code with individual id's). - - - - - - - - - - - - - - - - - - - - - - - - - I hope all of that makes sense, and someone/s can help. Much appreciated.
[jQuery] Re: Firefox Only Error..... jQuery is not defined..... jScrollPane.js (line 94)
Changing the URLs didn't work. And the error only happens on pages where there is no scroll bar, for example this page (with a scrollbar) works: http://www.pamelaneil.co.uk/index.php?option=com_content&task=view&id=13&Itemid=33 On Mar 1, 5:55 pm, "Michael Ray" <[EMAIL PROTECTED]> wrote: > Try not to use absolute paths whenever you can. Try putting a forward slash > at the beginning of your relative URLs > > > > > > > On Fri, Feb 29, 2008 at 11:21 AM, Alexandre Plennevaux <[EMAIL PROTECTED]> > wrote: > > > > > > > try using the absolute path to point to the jquery script ? > > > src="http://www.pamelaneil.co.uk/templates/pamelaneil/jquery-1.2.3.js > > "> > > > On Fri, Feb 29, 2008 at 1:10 PM, [EMAIL PROTECTED] > > <[EMAIL PROTECTED]> wrote: > > > > Hi, I need some help with a website I have recently put online. The > > > address ishttp://www.pamelaneil.co.uk. I am using jScrollPane and > > > everything works fine in IE6 and IE7, but in Firefox the page just > > > hangs and Firebug shows this error: jQuery is not defined(no name) > > > ()jScrollPane.js (line 94). > > > > Strangely when I run it on localhost it works in Firefox, but on the > > > live site it doesn't. I'm really stuck, any help or ideas would be > > > great. Thanks. > > > > Here is the JavaScript I'm using: > > > > > > > > > > > > > > > > > > > > $(document).ready(function(){ > > > $('.scrollMe').jScrollPane(); > > > }); > > > > > > -- > > Alexandre Plennevaux > > LAb[au] > > >http://www.lab-au.com- Hide quoted text - > > - Show quoted text -
[jQuery] Re: Firefox Only Error..... jQuery is not defined..... jScrollPane.js (line 94)
Unfortunately changing the paths doesn't seem to make a difference. And I've noticed it's only happening on pages where the scrollbar shouldn't be displayed. For example this page works because the text is too big for the container div and needs scrollbars: http://www.pamelaneil.co.uk/index.php?option=com_content&task=view&id=13&Itemid=33
[jQuery] Re: Firefox Only Error..... jQuery is not defined..... jScrollPane.js (line 94)
Turns out this error was being caused by Joomla!. The Email Cloaking Mambot was inserting javascript that was breaking everything. Turning the Mambot off has solved the problem. On Mar 1, 5:55 pm, "Michael Ray" <[EMAIL PROTECTED]> wrote: > Try not to use absolute paths whenever you can. Try putting a forward slash > at the beginning of your relative URLs > > > > > > > On Fri, Feb 29, 2008 at 11:21 AM, Alexandre Plennevaux <[EMAIL PROTECTED]> > wrote: > > > > > > > try using the absolute path to point to the jquery script ? > > > src="http://www.pamelaneil.co.uk/templates/pamelaneil/jquery-1.2.3.js > > "> > > > On Fri, Feb 29, 2008 at 1:10 PM, [EMAIL PROTECTED] > > <[EMAIL PROTECTED]> wrote: > > > > Hi, I need some help with a website I have recently put online. The > > > address ishttp://www.pamelaneil.co.uk. I am using jScrollPane and > > > everything works fine in IE6 and IE7, but in Firefox the page just > > > hangs and Firebug shows this error: jQuery is not defined(no name) > > > ()jScrollPane.js (line 94). > > > > Strangely when I run it on localhost it works in Firefox, but on the > > > live site it doesn't. I'm really stuck, any help or ideas would be > > > great. Thanks. > > > > Here is the JavaScript I'm using: > > > > > > > > > > > > > > > > > > > > $(document).ready(function(){ > > > $('.scrollMe').jScrollPane(); > > > }); > > > > > > -- > > Alexandre Plennevaux > > LAb[au] > > >http://www.lab-au.com- Hide quoted text - > > - Show quoted text -
[jQuery] unbinding ajaxXXX events
i could not find any example doing this and digging thorugh the source i hit a dead end somewhere at jQuery.data($.fn, "events") is it possible to remove a ajaxXXX(send/start/success...) that is once bound ? (with regular unbind etc callbacks ?) mg
[jQuery] identify tables with same ID ( duplicate ids)
hi, I have 2 questions here for the group.. 1. Does Jquery have native functions or lib or plugins to support conversion of HTML Table data into XML string ( which can then be sent via AJAX to server for getting a respone) ? 2. If my html page has tables with same ID , how can i obtain a handle to all these tables. Eg. there is html page with 3 tables of which 2 tables have same id. Can i get a handle to these tables using any method like alert($('#Instructions').length); This however give me length as 1 instead of 2 . I tried using (IE only solution) document.all('Instructions').length which works fine , but this does not work if there is only 1 id . eg. alert(document.all('UserData').length); Any help is appreciated !! sample code - Table 1 Table 2 Table 3 TIA for reading this
[jQuery] Re: How to add unique options to select?
Ok, I found it: $(xml).find('province').each(function(){ if($(select +"/[EMAIL PROTECTED]"+$(this).attr('id')+"]")){ select.append(""+$ (this).attr('name')+""); } should be $("province",xml).each(function(){ if($("select option:contains('"+$(this).attr('name')+"')").length==0) { $(select).append(""+$ (this).attr('name')+""); } }); Just if anyone has the same issue...
[jQuery] Re: Firefox Only Error..... jQuery is not defined..... jScrollPane.js (line 94)
Thanks for the replies on this. Unfortunately changing the URL doesn't make a difference. I've tried using the absolute path and tried just adding a starting slash. Another wierd thing is that it works on this page: http://www.pamelaneil.co.uk/index.php?option=com_content&task=view&id=13&Itemid=33 On this page the text overflows the div so the scroll bars are needed. On pages where there is less text (and scrollbars should not be shown) firefox goes nuts. I guess I could use MS conditional comments to comment out the javascript and just accept ugly scrollbars on non-IE browsers.
[jQuery] Flickering in fadeIn, fadeOut functions.
Hi.. I use this method to show the submenus of every button, here u can see a preview in this link http://64.224.178.181/2/home_page.htm anyway, ull notice how the flickering occurs if you move fast ! i set all the submenus with one comon class (buttons), and each submenu items, like for example all the ones under travel, will have an additional class called travel. and then each menu item hovered, will fadeOut all $(.buttons) and fadeIn $(.);... it works fine, but im always stuck with this flickering i can't remove it.. please i searched the forum for similar problems, i found it quite often but the solutions never worked for my code if you please what is wrong, or is there a bettor coding method to do the job than the one im using, cuz i feel it's a little stupid :).. thank you alot.. p.s, i tried setting the time to 1ms, but again it flickers.. thnk you again.
[jQuery] How to avoid Double click content selection and click event
Hello, In my design i would like to bind a funtion on dblclick event. My problem is when i double click on the div with the function binded its content is selected. Is there any solution to avoid the div content selection ? My second problem is also with the dblclick event. On the previous div there is also a function on click event and when i dblclick on the div the function binded on click event is always executed before the one binded on dblclick. Is there any solution to avoid the click function execution and execute only the dblclick one when user double click ? Thank you. Guillaume Sempé.
[jQuery] Re: Superfish animation problem in ie
Hi Joel, sorry for stealing this thread... I seem to have a very similar Problem, but I have read this thread over and over again and still don't get it right. I have used superfish in two different navigations on the same page. Here's the page http://www.eyeculture.de. Everything works fine in all browser except ie7... In the lower navigation I get an error and the fadeIn does not work. The strange thing is that when I switch of Javascript the lower navigation works (without the effects of course) but the top navigation does not? I really hope you can help me out, cause I have been trying very long now.. AND thank you so much for this wonderful plugin!!! Here is my CSS for the topnavigation: #border-top ul#nav { list-style: none; font-size:110%; } #border-top ul#nav li { position : relative; float : left; line-height : 18px; width: 90px; background-color: black; } #border-top ul#nav li ul.sub { list-style: none; font-size:100%; display: block; position : absolute; top: -999em; } #border-top ul#nav li:hover ul.sub, #border-top ul#nav li.sfHover ul.sub { position : absolute; top: 22px; } #border-top ul#nav li a { height: 20px; text-align: center; display : block; width: 90px; w\idth : 88px; color : white; text-decoration : none; border : 1px solid black; } #border-top ul#nav ul.sub li a { border-left: 1px solid white; border-right: 1px solid white; border-top:none; border-bottom:none; } #border-top ul#nav ul.sub li.last a { border-bottom:1px solid white; } #border-top ul#nav li a:hover{ color:#FF7300; } Here the CSS for the lower navigation: ul#subnav { list-style: none; font-size:110%; } ul#subnav li { position : relative; float : right; padding-left:3px; padding-right:3px; } ul#subnav li ul { list-style: none; font-size:100%; position : absolute; bottom: -999em; right:0px; background-color:black; border-top:1px solid white; border-left:1px solid white; border-right:1px solid white; padding:10px; } ul#subnav li:hover ul, ul#subnav li.sfHover ul { position : absolute; bottom: 20px; } ul#subnav li ul li{ text-align:right; float:none; } ul#subnav li ul li.pad{ padding-top:10px; } ul#subnav li ul#styleswitch li{ width:40px; } ul#subnav li ul#impressum li{ width:96px; } ul#subnav li ul#impressum li a{ color:#FF7300; } ul#subnav li ul#impressum li a:hover{ color:white; } And my Jquery: $(document).ready(function(){ /* Hauptnavigation */ $("ul#nav") .superfish({ animation : { height:"show"} }) .find(">li:has(ul)") .mouseover(function(){ $("ul", this).bgIframe({opacity:false}); }) .find("a") .focus(function(){ $("ul", $("#nav>li:has(ul)")).bgIframe({opacity:false}); }); /* Subnavigation */ $("ul#subnav") .superfish({ animation : { opacity:"show"} }) .find(">li:has(ul)") .mouseover(function(){ $("ul", this).bgIframe({opacity:false}); }) .find("a") .focus(function(){ $("ul", $("#subnav>li:has(ul)")).bgIframe({opacity:false}); }); /* Kontrast*/ $("a.on").toggle(function(){ $("span").addClass('contrast'); },function(){ $("span").removeClass('contrast'); }); /* Fade-In $("#index").hide(); $("#webdesign").hide(); $("#seo").hide(); $("#reference").hide(); $("#kontakt").hide(); $("#index").fadeIn(500); $("#webdesign").fadeIn(500); $("#seo").fadeIn(500); $("#reference").fadeIn(500); $("#kontakt").fadeIn(500); */ $("#text").hide(); $("#text").show('slow'); });
[jQuery] dblclick function bind and content selection
Hello, I have a function binded on dblClick event of a DIV. When user dblclick on the DIV its content is selected and my function is executed. Is there any solution to avoid content selection on dlbclick ? Thank you. Guillaume.
[jQuery] Problems with .load
Hi, I'm new to jQuery and I'm having some problems, so I turn to the pros. I try to do an ajax submit, that for example erase an entry from a database, all goes well, but when I use $ ('#employees').load("empinc.php"); to reload the employees info, and then try to use another .click event, to erase an entry (or do any other .click event) the event listener does not pick up the event and follows the link to other page (one that is stoped with return false if everything works ok). Here is some of the code: $('a.del-emp').click(function(){ var agree=confirm("Do you really want to delete it?"); if (agree){ $.ajax({ type: "GET", url: 'employ.php', data: 'action=del_emp&e_id=' + $(this).attr("id"), success: function(msg){ alert( msg ); $('div.add_employ_id').toggle("fast"); alert("A: " + $('#employees').); $('#employees').load("empinc.php"); } }); } return false ; }); Thanks in advance for any help as I'm completly lost.
[jQuery] Re: barack obama website uses Jquery
Well, since he's spending millions for flyers most people throw away, he really should donate a couple bucks to the JQuery project ... 50 grand would go a long way I guess :-) On Saturday 01 March 2008, Rey Bango wrote: > Yep. The site has been using it since day one which was awesome! Thanks > for sending the reminder though. Its good for the new folks to see how > entrenched jQuery has become. > > Rey > > PaulM wrote: > > I voted for Hillary but I also noticed that BarackObama.com uses > > Jquery. > > He has a nice website. > > > > Check it out
[jQuery] UI Datepicker: how do i run custom event when month/year changes
For the life of me, I cannot figure out how to run my own event (in addition to the events to change the calendar) when someone presses "prev", "next", or changes either the month or year select items Any pointers? I have already tried like $(".datepicker_prev > a").bind("click", MyEvent); but it doesn't do anything Thanks in advance
[jQuery] Re: Treeview with checkboxes
Would returning false on the event for the checkbox cancel the click event from bubbling up to its parent? JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jörn Zaefferer Sent: Sunday, March 02, 2008 12:38 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Treeview with checkboxes [EMAIL PROTECTED] schrieb: > I'm using a jquery.treeview as an input device. So I have nodes > rendering using > > value="32" />DisplayName > > This works fine *except* that a click on the checkbox also falls into > the hit area, so checking or unchecking a folder also expands or > collapses the folder. Any way to prevent the checkbox from being > included in the hit area? > See this ticket: http://dev.jquery.com/ticket/2360 It contains a patch, haven't gotten around to commit and release it. Jörn
[jQuery] Re: Treeview with checkboxes
[EMAIL PROTECTED] schrieb: I'm using a jquery.treeview as an input device. So I have nodes rendering using DisplayName This works fine *except* that a click on the checkbox also falls into the hit area, so checking or unchecking a folder also expands or collapses the folder. Any way to prevent the checkbox from being included in the hit area? See this ticket: http://dev.jquery.com/ticket/2360 It contains a patch, haven't gotten around to commit and release it. Jörn
[jQuery] Re: Adobe AIR v1.0 and jQuery Ajax calls
Hi Guys (again!), Tracked down the 'permission denied' part - I forgot to set the 'sandboxRoot' in the iframe to 'http://localhost/'. That stopped the error message, but now I get nothing! Nothing at all - no errors, no div content change, nothing. I tested that jQuery is actually working by adding a second div change to the same function with the ajax call, and that works perfectly. I also changed the ajax call to a $('#fff').load('http://localhost/ airtest.php') - this didn't do anything either! I'm really lost as to how we can get jQuery ajax to work with AIR. Still need help. Cheers, Dave
[jQuery] Re: Adobe AIR v1.0 and jQuery Ajax calls
Hi Guys, I've just installed Aptana with the AIR plugin. Nice program - better than when I previously tried it. The generated AIR project test file works fine as an AIR app, but modifying it just slightly to have jQuery.1.2.3 used and adding this code (below) to the auto-created 'forApplicationSandbox' js function (removing what was there) in the SampleUI.html file (along with a div id'd as 'foo' and the appropriate airtest.php (which just prints a text message - nothing else!)) - then I get a 'permission denied' error. I also removed the 'alert' in the main.html caller button - in case you were wondering! :) $.ajax({ url: 'http://localhost/airtest.php', success: function(d) { $('#foo').html(d); } }) Got any ideas why this might be happening? This is about the simplest use of jQuery Ajax I can think of, as opposed to the use of 'get or 'load' !! I'd prefer not to be using either of the latter two functions as the web app I'm converting has many instances of $.ajax calls. BTW, I am a very experienced PHP programmer (it's my main job!) with a reasonable knowledge of jQuery and Javascript. Cheers for any help, Dave On Mar 2, 10:20 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote: > > Might be a good time for Rey or someone to do a simple tutorial > > page ;) (I would do one - if I could get it to work!) > > Here's a trivial example: > > > > > > > > $(function() { > $('body').one('click',function() { > $.get('http://malsup.com/jquery/form/dummy.php', function(r) { > $('#main').html(r); > }); > }); > > $('button').click(function() { > window.nativeWindow.close(); > });}); > > > body { background: #ffd } > > > Hello World Close > > >
[jQuery] Re: Uploader 0.9 beta
Plugin will be ready in 2 to 3 weeks, have some seminars i have to attend, sorry. --- Gilles
[jQuery] Re: blockUI, select box and IE6
ooof, yes, I meant "when the block is removed, the select box _appears_". Thanks for catching that, and for the explanation. I think you're essentially saying that blockUI is setting the opacity of the iframe to something other than 100%, so the select box disappears? Any known workaround? - Jack Scott González wrote: Did you mean "When the block is removed, the select box reappears"? blockUI uses an iframe behind the blocked element to prevent select boxes from showing through in IE 6 (iframes are the only way to prevent selects from showing through, regardless of z-index). However, the interesting thing about putting an iframe over a select is that the select actually disappears, it doesn't just get covered up as you would expect. So by having an iframe that doesn't have 100% opacity, you'll see that the select is missing. On Feb 27, 11:18 pm, Jack Killpatrick <[EMAIL PROTECTED]> wrote: Sorry if this is yet another "WTF is up with IE6" posting but here it is anyway... :-) I'm using jquery 1.2.1 and blockUI 1.33. I have a div with a select box in it (in dropdown mode) and am blocking the div (not the whole page). When the block appears, the select box disappears. When the block is removed, the select box disappears. I'm not setting any z-indexes manually. Any tricks to prevent the dropdown from disappearing? It works fine in IE7 and FF2.x. Thx, Jack
[jQuery] tabs custom animation
Hi, I have a page with tabs that all have different heights (they're images, actually). Switching them causes the text to reflow or 'jump', which isn't a nice effect. Is it possible to create a custom animation for tabs which animates from the current dimensions of a tab to the new dimensions? Thanks, Jeroen Coumans
[jQuery] Re: Adobe AIR v1.0 and jQuery Ajax calls
> Might be a good time for Rey or someone to do a simple tutorial > page ;) (I would do one - if I could get it to work!) Here's a trivial example: $(function() { $('body').one('click',function() { $.get('http://malsup.com/jquery/form/dummy.php', function(r) { $('#main').html(r); }); }); $('button').click(function() { window.nativeWindow.close(); }); }); body { background: #ffd } Hello World Close
[jQuery] Re: Adobe AIR v1.0 and jQuery Ajax calls
when you end editing your code, made with aptana, ultraedit, pencil and paper ect, you have to assemble the application and generate the air installer: air has a plugin for this salvatore - Original Message - From: "Dave Probert" <[EMAIL PROTECTED]> To: "jQuery (English)" Sent: Sunday, March 02, 2008 11:43 AM Subject: [jQuery] Re: Adobe AIR v1.0 and jQuery Ajax calls Thanks Salvatore, I'll give Aptana another try - though I'm much more of a straight text editor user (and I have many macro's already defined for UltraEdit which is what I use mostly). For the general user though, a plain text tutorial (with no extra downloads required - apart from AIR/sdk and jQuery) would be useful. This allows people to get more of an understanding of the low-level requirements of the code I think. Thanks again - and I'll leave a comment here with any findings I get from using Aptana. Cheers, Dave On Mar 2, 5:15 pm, "Salvatore FUSTO" <[EMAIL PROTECTED]> wrote: If you use aptana and it's air plugin, it can directly include the jquery library when compling the project; if you define a simple app with an application sandbox , an ajax call $("#myDiv").load(myUrl) invoked by $(document).ready() should work. salvatore - Original Message - From: "Dave Probert" <[EMAIL PROTECTED]> To: "jQuery (English)" Sent: Sunday, March 02, 2008 8:24 AM Subject: [jQuery] Adobe AIR v1.0 and jQuery Ajax calls > Hi All, > Has anyone done any work with the release version 1.0 of AIR and > jQuery - specifically using the jQuery Ajax call (in a sandbox page) ? > I've tried it myself in many ways, but just can't seem to get it to > actually get the data. The page I have done works perfectly in the > browser, and the only bit that seems to fail is the $.ajax() call (or > it's 'success' callback - not sure which). > The latest 1.2.3 release of jQuery states that it is now compatible > with AIR, but to what extent? > All the Adobe docs and other tutorial/information sites about AIR use > various libraries (Spry, Ext, etc) for their Ajax bits, but I've seen > no examples with our favourite - jQuery). > Might be a good time for Rey or someone to do a simple tutorial > page ;) (I would do one - if I could get it to work!) > Cheers, > Dave > __ Informazione NOD32 2913 (20080301) __ > Questo messaggio è stato controllato dal Sistema Antivirus NOD32 >http://www.nod32.it __ Informazione NOD32 2913 (20080301) __ Questo messaggio è stato controllato dal Sistema Antivirus NOD32 http://www.nod32.it
[jQuery] Re: Adobe AIR v1.0 and jQuery Ajax calls
Thanks Salvatore, I'll give Aptana another try - though I'm much more of a straight text editor user (and I have many macro's already defined for UltraEdit which is what I use mostly). For the general user though, a plain text tutorial (with no extra downloads required - apart from AIR/sdk and jQuery) would be useful. This allows people to get more of an understanding of the low-level requirements of the code I think. Thanks again - and I'll leave a comment here with any findings I get from using Aptana. Cheers, Dave On Mar 2, 5:15 pm, "Salvatore FUSTO" <[EMAIL PROTECTED]> wrote: > If you use aptana and it's air plugin, it can directly include the jquery > library when compling the project; if you define a simple app with an > application sandbox , an ajax call $("#myDiv").load(myUrl) invoked by > $(document).ready() should work. > salvatore > > - Original Message - > From: "Dave Probert" <[EMAIL PROTECTED]> > To: "jQuery (English)" > Sent: Sunday, March 02, 2008 8:24 AM > Subject: [jQuery] Adobe AIR v1.0 and jQuery Ajax calls > > > Hi All, > > > Has anyone done any work with the release version 1.0 of AIR and > > jQuery - specifically using the jQuery Ajax call (in a sandbox page) ? > > > I've tried it myself in many ways, but just can't seem to get it to > > actually get the data. The page I have done works perfectly in the > > browser, and the only bit that seems to fail is the $.ajax() call (or > > it's 'success' callback - not sure which). > > > The latest 1.2.3 release of jQuery states that it is now compatible > > with AIR, but to what extent? > > > All the Adobe docs and other tutorial/information sites about AIR use > > various libraries (Spry, Ext, etc) for their Ajax bits, but I've seen > > no examples with our favourite - jQuery). > > > Might be a good time for Rey or someone to do a simple tutorial > > page ;) (I would do one - if I could get it to work!) > > > Cheers, > > Dave > > > __ Informazione NOD32 2913 (20080301) __ > > > Questo messaggio è stato controllato dal Sistema Antivirus NOD32 > >http://www.nod32.it
[jQuery] Re: Adobe AIR v1.0 and jQuery Ajax calls
If you use aptana and it's air plugin, it can directly include the jquery library when compling the project; if you define a simple app with an application sandbox , an ajax call $("#myDiv").load(myUrl) invoked by $(document).ready() should work. salvatore - Original Message - From: "Dave Probert" <[EMAIL PROTECTED]> To: "jQuery (English)" Sent: Sunday, March 02, 2008 8:24 AM Subject: [jQuery] Adobe AIR v1.0 and jQuery Ajax calls Hi All, Has anyone done any work with the release version 1.0 of AIR and jQuery - specifically using the jQuery Ajax call (in a sandbox page) ? I've tried it myself in many ways, but just can't seem to get it to actually get the data. The page I have done works perfectly in the browser, and the only bit that seems to fail is the $.ajax() call (or it's 'success' callback - not sure which). The latest 1.2.3 release of jQuery states that it is now compatible with AIR, but to what extent? All the Adobe docs and other tutorial/information sites about AIR use various libraries (Spry, Ext, etc) for their Ajax bits, but I've seen no examples with our favourite - jQuery). Might be a good time for Rey or someone to do a simple tutorial page ;) (I would do one - if I could get it to work!) Cheers, Dave __ Informazione NOD32 2913 (20080301) __ Questo messaggio è stato controllato dal Sistema Antivirus NOD32 http://www.nod32.it