[jQuery] Re: cluetip ajax authentication
Hi there, I just tried your local code but I seem to be having problems with the beforeSend event var c = 1; $(.ic).cluetip( { ajaxSettings: { cache: true, type: POST, data: {username:' + username + ', c: + c + }, contentType: application/json; charset=utf-8, dataType: json, beforeSend: function(xhr) { xhr.setRequestHeader(X-MicrosoftAjax, Delta=true); --- ERROR: setRequestHeader doesn't exist } }, ajaxProcess: function(data1) { return data1.d; } . . . . The problem is that I have no access to the xhr object hence I get the error: setRequestHeader is not available, the only thing I have access to is the cluetip itself. So how can I actually set a header by overriding the beforeSend() method? The same problem will actually happen with the error callback where we won't be able to tell the status of xhr ie. xhr.status etc Is it possible to have access to the the request object? Regards DotnetShadow On Apr 19, 12:19 pm, Karl Swedberg k...@englishrules.com wrote: Yes, absolutely. You can add your own function to any of the $.ajax callback functions in the ajaxSettings option now. Your function will be queued first for beforeSend, complete, and success, after which the plugin's code will run. For error, however, yours will completely override the default. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Apr 18, 2009, at 9:41 PM, DotnetShadow wrote: Thanks for getting back to me, You are correct I had to modify the script hence it was a temporary fix, but now that I can use my own beforeSend() that makes it handy. Does this mean the error callback can also be defined to the ajaxSettings option? The reason I ask is because sometimes you would like your application to redirect to the login page if the forms authentication has expired instead of having the message say content could not be loaded... Thanks once again DonetShadow On Apr 18, 11:29 pm, Karl Swedberg k...@englishrules.com wrote: On Apr 17, 2009, at 11:50 PM, DotnetShadow wrote: Thanks for that, I haven't tried it yet. Does that mean we can now override the error and beforesend method? What happens when there is a redirec? Your documentation hasn't been updated, so not sure what the default behaviour is? I actually temporarly solved it using this: cluetip plugin - Need beforeSend() and error handling override http://groups.google.com/group/jquery-en/browse_thread/thread/ 74ed458... But I will have a go at your new implementation to see how it works I don't really see a solution in that post, other than to modify the plugin script itself, which, of course, isn't advisable. Am I missing something? if you pull down the most recent version from GitHub now, you can just add your own beforeSend callbacks to the ajaxSettings option. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com
[jQuery] Re: cluetip IE8 very slow adding to table rows
Hi there, I actually used your suggestion and things looked to be faster but now the problem is that the actual cluetip loads slowly and doesn't get cached. There is a delay of 1 - 2 seconds for it to load for some reason. Perhaps you can try testing it on IE8 you can download a virtual machine from Microsoft if you don't want to install IE8 Regards DotnetShadow On Apr 18, 12:32 am, Karl Swedberg k...@englishrules.com wrote: Not sure what's going on there, to be honest. I'll have to take a look as soon as I find some more time. It might just be that binding cluetip to a whole lot of elements won't work. I've used event delegation to get around this sort of problem with other plugins, but unfortunately I can't do it here without a complete re-architecting of the plugin and the elimination of the hoverIntent feature. I don't think this will improve performance, but you could write your script like this: $(document).ready(function() { $(.user).cluetip(); }); --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Apr 16, 2009, at 11:07 AM, DotnetShadow wrote: Hi there, I've recently been using cluetip on a datable of about 400 rows. Recently I tested this against IE8 and found it very very slow. Doing simply the following: $(document).ready(function() { $(.user).each(function(i) { $(this).cluetip(); } }); Basically for each row in my table (400 rows) it would attach the cluetip to it. In IE8 it would freeze the browser for a good minute, if I pushed the compatibility mode button to run in IE7 mode it worked as expected. In all other browsers it worked perfectly. Is there something different going on with IE8? Thanks in advance DotnetShadow
[jQuery] Re: get Ajax answer to test it
Thank you very much On 16 avr, 20:17, James james.gp@gmail.com wrote: success: function(responseText){ if (responseText == '1') // do something }, On Apr 16, 5:32 am, gostbuster jeremyescol...@gmail.com wrote: Hi everyone, I'm getting in trouble with ajax and jquery. Here is what i need: I want to execute a php script to test the value of an input. There is no problem with event and triggering the request. Here is my code : $.ajax({ url: 'emplacements/verifiernumero/numero/'+input.val(), success: function(responseText){ // on success callback alert(on a fait la rek+$.html(responseText)); }, error: function(responseText){ // on error callback }) the url is read thanks to zend_framework, which will take the parameter input.val the php script is rendering me something like : -if it'okay i get 1, else if get nothin If I executed the page 'emplacements/verifiernumero/numero/'+My_value I get 1 or nothingdepending of my tests.. well what I want to do is get the answer of the script, to test it how can we do this ? I read the documentation, but didn't found. Thankyou in advance for your help .
[jQuery] Re: hover and/or fadeTo breaking layout in IE 6 and 7
Figured this out - the problem wasn't jquery or hover and/or fadeTo, rather the infamous IE Guillotine Bug. More info and how to fix located here: http://www.positioniseverything.net/explorer/guillotine.html Cheers~ On Apr 20, 2:09 pm, Jonathan wyscr...@gmail.com wrote: Anyone come across something like this before? I understand it's easy enough to keep IE 6/7 from implementing the script -- if($.browser.msie $.browser.version 8) return; -- but I'd like to get IE working with this if possible. On Apr 20, 1:02 am, Jonathan wyscr...@gmail.com wrote: Sorry, forgot to include a link. You can see the IE bug here: http://themes.nimblehost.com/preview/sleek/test/ On Apr 19, 10:46 pm, Jonathan wyscr...@gmail.com wrote: I'm using jquery to add a smooth fade effect when users mouse over a menu item. The site has split navigation, with this effect applied to all menu items on the page. Hovering over the main top navigation works fine, but hovering of menu items in the second and third level split menu (IE 7) causes the content area to shorten by about 50px. In IE 6, the page displays properly until the script is applied, then the content area is automatically shortened by about 50px (before the user hovers over the secondary menus). Would appreciate any pointers on how to fix this issue. Google searches have yielded very little about this - the closest thing I've come across is an offsetWidth bug that doesn't quite fit the problem I'm having, and the solution doesn't work in my case. Many thanks~ Jonathan
[jQuery] Re: How to run cf regex (or regular regex) on this code?
Yes, it's certainly possible, and I'll probably code up that solution. However, the time difference may not even be noticeable because we're only talking about maybe 5 - 10 records max. Thanks for your help, Ricardo. Rick On Mon, Apr 20, 2009 at 12:31 AM, Ricardo ricardob...@gmail.com wrote: Good to see you managed it, I forgot to add the global flag. Yet, doing that replace in your storyStruct.QGETSTORYINFO method server- side (if that is possible, i've no idea) would certainly be a lot faster. cheers, - ricardo On Apr 20, 12:09 am, Rick Faircloth r...@whitestonemedia.com wrote: Ahh...found a one-letter js solution. There is no replaceAll function in js. However, adding a g modifier changes a single occurrence replace function to a replace all function. So, using out.push('div id=sectionTextDIV' + row[4].replace(/\r?\n/g, 'br/') + '/div'); causes all the line feeds to be replaced by br/ . However, I appreciate the idea for how to do this in CFML. There will come a time, I'm sure when it's preferable, or perhaps, even necessary. And I do like the idea of modifying the data before sending it back, instead of afterwards...more flexibility. Rick On Sun, Apr 19, 2009 at 9:53 PM, Charlie Griefer charlie.grie...@gmail.comwrote: wasn't meant to be quite as snippy as it came across. new laptop, and i had set the touchpad to click on tap... well, the tap is very sensitive and i tapped inadvertently and sent the msg prior to adding a smiley. don't get me wrong, there was a certain amount of snippiness intended... but not 100% snip :) anyway, back on topic... i still say play to your strengths and return the data in the format that's as close as possible to what you want it to be. write a utility method that takes the query object as an argument, does the replace on the text, and passes back an array of structs. this way, you're not bound to returning the data in that format. you can still return it as a query (if you want), or you can pass it off to the new method that converts it. or, just to blow your mind, you can do the replace in the SQL and return to CF exactly what you need :) On Sun, Apr 19, 2009 at 6:47 PM, Rick Faircloth r...@whitestonemedia.com wrote: Now, Charlie...no need to be so snippy. :o) Just because I have complaints that JS isn't like CF in some ways, doesn't mean I don't want to grow in my understanding and application of JS. Anyway, your method is a lot more code, and may be slower than using the replace in the JS. I just wanted to see how it performed. Now, I think it's about bedtime for someone ;o) Rick On Sun, Apr 19, 2009 at 7:22 PM, Charlie Griefer charlie.grie...@gmail.com wrote: On Sun, Apr 19, 2009 at 3:58 PM, Rick Faircloth r...@whitestonemedia.com wrote: That worked, Ricardo...to a point. (Haven't tried your solution, Charlie...) I actually just embedded the replace function in the code like this: out.push('div id=sectionTextDIV' + row[4].replace(/\r?\n/, 'br/') + '/div'); and that worked, but only for the first line break in the text. I tried adding 'all', like I do when I use the replace function in CFML, but it had no effect. ...'br/', 'all') + '/div'); Suggestions? Sure. I suggest you return the data in the format that you need it to be in. You've complained in the past that JS isn't like CF. Here's a place where you can play to your strengths and manipulate the string prior to returning it from the remote CFC call. -- I have failed as much as I have succeeded. But I love my life. I love my wife. And I wish you my kind of success. -- - It has been my experience that most bad government is the result of too much government. - Thomas Jefferson -- I have failed as much as I have succeeded. But I love my life. I love my wife. And I wish you my kind of success. -- - It has been my experience that most bad government is the result of too much government. - Thomas Jefferson -- - It has been my experience that most bad government is the result of too much government. - Thomas Jefferson
[jQuery] explain the e in function
Hi I cant find any generall documentation for the e in functions, for exampel: $().click( function(e) { }) Here I can get the position lite this e.pageY But what else can I get fron the e? Can someone please post a generall explanation on the e all the best // johannes -- View this message in context: http://www.nabble.com/explain-the-%22e%22-in-function-tp23132897s27240p23132897.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: explain the e in function
'e' is nothing but which holds the property of events like e.target.id which gives u target ide is object of event. On Mon, Apr 20, 2009 at 2:31 PM, johannesf johannes.foss...@gmail.comwrote: Hi I cant find any generall documentation for the e in functions, for exampel: $().click( function(e) { }) Here I can get the position lite this e.pageY But what else can I get fron the e? Can someone please post a generall explanation on the e all the best // johannes -- View this message in context: http://www.nabble.com/explain-the-%22e%22-in-function-tp23132897s27240p23132897.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- ---| Regard |--- Mohd.Tareque
[jQuery] Does jQuery iCalendar plugin work with outlook?
Hello everybody ! Have you ever tried the jQuery iCalendar plugin (http://keith- wood.name/icalendar.html) ? it should be able to add an appointment to your outlook but I couldn't make it work. Even trying their proper example. If anybody has already tested it, I would be pleased to share his knowledge and experience :) Thanks a lot in advance
[jQuery] Re: How to rewrite this in jQuery?
On Apr 19, 8:38 pm, Dave Methvin dave.meth...@gmail.com wrote: How about this? $(div[rel]).each(function(){ $(this).attr(id, $(this).attr(rel)); }); There is no need to create two jQuery objects then throw them away, or to use the clumsy attr() method. Just do: $(div[rel]).each(function(){ if (!this.id) this.id = this.rel; }); Of course, it would probably be better to avoid this altogether and use the rel attribute to make selections to begin with. Matt Kruse
[jQuery] Re: Best tooltip plug-in -- opinions?
Ridiculously good-looking What's good-looking to one may be hideous to another, so it's all going to depend on your tastes and CSS/Design skills to make what you feel is best for your application As for size, i have no idea where you are finding a 200k+ plugin to do something as simple as a tooltip, but Jorn's tooltip is 10k plus a little bit of CSS (http://bassistance.de/jquery-plugins/jquery-plugin- tooltip/) On Apr 19, 9:15 pm, René renefourn...@gmail.com wrote: There are so many to choose from, I'd like to hear some opinions. 1. Relatively lean and fast. 200+ KB seems, to me, ridiculously large. 2. Ridiculously good-looking. 3. Compatible. Firefox, IE 6/7, Safari, etc. Opinions? ...Rene
[jQuery] Re: explain the e in function
The e is a reference to the event object, but you can name it whatever you want. I typically use event rather than e to avoid confusion: $().click( function(event) { }); You can see all available properties and methods of the event object here: http://docs.jquery.com/Events/jQuery.Event#Attributes http://docs.jquery.com/Events/jQuery.Event#Methods --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Apr 20, 2009, at 5:01 AM, johannesf wrote: Hi I cant find any generall documentation for the e in functions, for exampel: $().click( function(e) { }) Here I can get the position lite this e.pageY But what else can I get fron the e? Can someone please post a generall explanation on the e all the best // johannes -- View this message in context: http://www.nabble.com/explain-the-%22e%22-in-function-tp23132897s27240p23132897.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jcarousel lite beforestart improvement
Hi, It would be nice to add the following modification to the jcarousel lite plugin: o.beforeStart.call(this, vis()); - o.beforeStart.call(this, vis(), to); This way a handler able to update for example an info panel which is related to the next item. Best Regards, Felhő
[jQuery] Re: jQuery works fine locally but not so great online
sorry for not inspecting all of your code : but using firebug I managed to fix this problem for you 1- go to your style.css. 2- finde style.css (line 9) .photo img { padding:16px 0 0 16px; position:relative; } and change it to : .photo img { padding:16px 0 0 16px; position:relative; height:503px !important; width:754px !important; } 3- save your style.css 4- you are done. On Apr 19, 8:18 am, alexandruv a...@vladoiu.net wrote: Hello, I'm not very experienced with jQuery and I'm trying to use it on a website:www.fallinlovewithphotography.com On my computer (Mac OS X with MAMP) works fine but online the photos I'm trying to slide get resized. Can anybody tell me what i'm doing wrong or what can be the issue? Thank you, Alex -- View this message in context:http://www.nabble.com/jQuery-works-fine-locally-but-not-so-great-onli... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Noob Q's For SlideUp on a Hidden Footer?
I know, noobie here. I'm having trouble getting a slideUp effect to work correctly with a footer. I can easily get a slideDown from the top of the page to work, but when I try and reverse it the div that slides up covers the button. Basically I need to know how to bind/attach the activation button/tab to the div that's sliding up. I know I saw it working somewhere and wish I had saved the link because I could use it right about now. I know this is probably an easy one for anyone else, but I'm admittedly a noob in this area. Additionally: After I get it working I want to apply it to a sticky footer. Is that going to be a problem? Anything special I need to know about a sticky footer that slides up? Thanks in advance for any assistance! Here's what I have sofar: script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3/ jquery.min.js type=text/javascript/script script type=text/javascriptdocument.documentElement.className = 'js';/script script type=text/javascript $(document).ready(function() { $(.btn-slide).click(function(){ $(.inner).slideToggle(slow); }); }); /script style type=text/css .inner { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 400px; margin-bottom:0px; background-color: #4c5; color: #333; } .slide { position:absolute; display:block; width:100%; bottom:4px; border-bottom: solid 4px #422410; } .btn-slide { text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; color: #000; border:1px solid #000; text-decoration: none; } .js .inner { display:none; } /style /head body p class=slidea href=# class=btn-slideSlide Panel/a/p div class=inner !-- you can put content here -- /div /body
[jQuery] open modal from onClose of previous modal -- problems
I have a case where I wanted to open modal B from the onClose handler of modal A. This works fine, but then the close button of modal B fails to function properly. However, if in the onClose handler, i simply do a setTimeout(...,0) to delay the re-opening of the modal until immediately after the onClose handler finishes, and everything works fine. Are you aware of this problem/bug/limitation?
[jQuery] .live() question
Hello, I have a question regarding live() and die() I attach an event like this: $(#demo1 li a).live(click,function() { ... anonymous function ... }); #(#demo2 li a).live(click,function() { ... same anonymous function ...}); The question is how to use die() on #demo1 properly? Calling: $(#demo1 li a).die(); // Cancel the event on #demo1 and #demo2 $(#demo1 li a).die(click); // Cancel the event on #demo1 and #demo2 $(#demo1).find(a).die(); // Cancel the event on #demo1 and #demo2 $(#demo1).find(a).die(click); // Cancel the event on #demo1 and #demo2 What should I do? (I would like to keep the function anonymous) Thank you for your time :) Best regards, Ivan
[jQuery] jquery MVC
Hi all, I'm using jquery MVC (http://jollytoad.googlepages.com/mvcusingjquery) When upgrading to jquery 1.3.2, I got this error [Exception... 'Syntax error, unrecognized expression: [...@ref]' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] My question is what's wrong with seletor [...@ref] in jquery 1.3.2? Is there another jquery mvc ? Thank in advance, Van
[jQuery] jeditable and event bubbling
I'm sure there's an easy solution to this, but I've spent most of the evening experimenting with it and an obvious means of preventing the default behavior escapes me. Here's the scenario: I have a span embedded in an anchor tag. The content in the span is editable via jeditable. Editing is triggered by an external element (another span). There are several such items in the page in an unordered list. So, something like this in the markup: ul lia href=somelink1span class=editmeLink 1/span/aspan class=editTriggerrename the link/span/li lia href=somelink2span class=editmeLink 2/span/aspan class=editTriggerrename the link/span/li /ul Jquery/javascript is standard for jeditable. What happens when the editable is triggered (via a .trigger(click) call in the click binding for the editTrigger elements), however, is the event ultimately bubbles to the anchor tag, causing the url specified in the anchor tag href attribute to load. I've tried various means of intercepting the event and stopping event propogation / bubbling. Nothing seems to work so far. Might anyone have an approach to editing link text w/ jeditable that won't result in loading of the link itself? Of note, wrapping the anchor tag in the span will work as expected, but the entire html content of the span is loaded in the jeditable form, and that markup is ultimately replaced by the response from the server (essentially blowing away the link). Thanks in advance for any input!
[jQuery] quick fix
there could be a better solution but I made it using firebug for quick : go to style.css (line 9) edit this rule from : .photo img { padding:16px 0 0 16px; position:relative; } to this one .photo img { padding:16px 0 0 16px; position:relative; height:503px !important; width:754px !important; } have a nice day.
[jQuery] Re: Getting started with jQuery
Here is another good place to start http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/ On Apr 19, 9:22 pm, yrstruly anthony.apol...@gmail.com wrote: Hello Can somebody maybe please give me a basic code to start testing jQuery, cause the beginners code on this site is not doing anything for me? Thank you
[jQuery] [autocomplete] Some Problems
I have some problems about jQuery autoComplete plugin. I use this one: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/. Here are problems: (1) select in IE6. It seems this can be fixed by using bgiframe plugin. Here is the author' optional: bgiframe plugin to fix select- problems in IE, just include to apply to autocomplete. But, it doesn't work properly. At first, it's ok. But scroll the result list, and you will see select on top again. (2) If you drag the scroll bar of result list, it will not close result list when missing focus. (3) If I want to do more things when select one or clear result input field, how to do that? Any help? thanks.
[jQuery] select change function
hello everybody, i'm new in jquery (and javascript). ive try to write a little function to change the background-color for an element. it can change the text but not the background-color. any help? ---jQuery--- $(select).change(function() { var bar = ; var foo = ; $(select option:selected).each(function() { bar += $(this).text(); foo += $(this).css(background-color); }); $(#result).css('background-color', foo); $(.foo).text(bar); }).change(); HTML --- select name=id[1] option style=background-color:#ff;red/option option style=background-color:#00ff00;green/option option style=background-color:#ff;blue/option /select div id=resultelement with new background-color/div
[jQuery] jquery truncate issue
I am having a small issue using truncate js, it all works fine when the full text is displayed, but when the text is truncated it seem that some html tag are been move out of place in the display. the error can be seen here http://clubheadbangbang.org/ the code: strongRest/strong are back, anyone who witnessed their previous . not to be missed !br/br/ strongRest/strong initially began life in late 2001. seem to display as if it was: Rest astrongre b/strongack, anyone who witnessed their previous . not to be missed ! Resbr/br/t stronginiti/strongally began life in late 2001. I am using jquery.truncate-2.3 thank in advance .k
[jQuery] Open a particular menu in accordion based on value passed to it
Hi All, I am using JQuery accordion to create a menu box , my problem is that say if I have 4 containers (Divs/menu ) and at runtime I want to open one of them depending upon the variable passed. I know using the option active:2 will open the 2nd container but can anyone please tell me what is the syntax to set it dynamically... for example ,If i have something like this ... Menu 1 a b Menu 2 c d Menu 3 e f now If I want to open Menu 2 depending upon some value passed , how do we do that ?
[jQuery] slider issues
Hello, I have a website that has codaslider but it doesn't work, can anyone please help me with figuring out why it doesn't work? Website: [url]http://www.naspos.com/zindex/index.html[/url]
[jQuery] Superfish Menu
Hi there, Using the following tutorial, I have built a nice superfish navbar style menu http://users.tpg.com.au/j_birch/plugins/superfish/#sample4 However, I am stuck at few CSS customizations. 1. Currently the menu is in its fixed size (width). I want to spread it to 100%. I tried adding width=100% in sf-navbar class and it works fine. 2. But I have just 1 sub-level in the menu i.e. just like how is it in the example above. Both the level bars have their own colors. When they stretch across the width, the 1st level bar has the color of 2nd level bar (on the left out area). How do I resolve this? Thanks
[jQuery] Ajax timeout doesn't call error function?
Hi! I'm trying to setup an ajax call which throws an error on timeout. function getXMLfeed(url, target) { $.ajax({ url: url, timeout: 1, error: function(d,msg) { alert(Could not load stuff); }, success: function(data){ var json = $.xml2json(data); gotdata(json, target); } }); This works, but the error is never thrown. If I change the URL to something that's broken, I do get the error message, but on timeout it never happens. Am I doing anything wrong? Or is this a bug somewhere? Thanks! PanMan.
[jQuery] Jquery MVC
Hi I'm trying to use Jquery MVC ( http://jollytoad.googlepages.com/mvcusingjquery). I tried the hello example (http://jollytoad.googlepages.com/mvc- demo.html). it was ok. When I update jquery (in the demo) to jquery 1.3.2. I got this error [Exception... 'Syntax error, unrecognized expression: [...@ref]' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] Line 0 Why expression [...@ref] cannot been recognized in jquery 1.3.2? ( 1.2.6 is ok) Is there any jquery plugin for MVC paradigm? Thanks for your help Van
[jQuery] Re: How to rewrite this in jQuery?
Well, I think you don't have to turn your rel attributes into IDs. Once you can access the tabs (as Dave explained) and distinguish them, you're good to go. Best regards, Enrico
[jQuery] Re: jQuery introduction script (Alert Message is now showing!)
Hi,sorry but this code isnt doing what its suppose to. No Pop up message On Apr 3, 6:47 am, Mohd.Tareq tareq.m...@gmail.com wrote: On Fri, Apr 3, 2009 at 5:52 AM, yrstruly anthony.apol...@gmail.com wrote: Hallo Im new to jQuery. I have donwloaded the jquery-1.3.2min file and i have copied that introduction code from the website and saved it in the same directory as the jquery file. When i run the script it seems to be working and when i click on the link it goes to the website, but isnt this script suppose to show an alert message first, before it goes to the website? Please what am i doing wrong? Have a saved it correctly or is the file i donwloaded not valid? Please help. The code follows: !DOCTYPE html html lang=en head meta http-equiv=Content-Type content=text/html; charset=utf-8 script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function(){ $(a).click(function(event){ alert(Thanks for visiting!); }); }); /script /head body a href=http://jquery.com/;jQuery/a /body /html === ===Go for this script you can see now ur click function will execute first then it will go for link !DOCTYPE html html lang=en head meta http-equiv=Content-Type content=text/html; charset=utf-8 script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function(){ $(a).click(function(event){ window.href=http://jquery.com/;; http://jquery.com/ alert(Thanks for visiting!); return true; }); }); /script /head body a href=# http://jquery.com/jQuery/a /body /html cheers. Ragx
[jQuery] web site configuration
Hi, at present I give a favour for one of my friends. Unfortunately I'm not really involved in programming web sites. I'm calling a lot of javascripts for a slideshow and some other stuff. for example: script type=text/javascript src=highslide-full.js/script script type=text/javascript src=highslide-with-gallery.js/ script link rel=stylesheet type=text/css href=highslide.css / I'm calling following scripts in the homepage, page prices and page rooms. It would be easier not to be constrained to call the scripts every time on a new side. Is there a simple example to create the button event by only calling a new body? with Ajax or simple Javascript? Thank you, Bjoern from Germany
[jQuery] Re: Open a particular menu in accordion based on value passed to it
I wrote a quick accordion pattern that uses the anchor attribute of a url to determine which panel should be expanded by default: http://skulljackpot.com/2009/03/30/quick-and-dirty-but-useful-jquery-accordion-pattern/ It'd let you write links like http://example.com/path/to/page#menu-2, and have that panel begin in an expanded state. Chris On Apr 19, 6:49 pm, abhishekgal...@gmail.com abhishekgal...@gmail.com wrote: Hi All, I am using JQuery accordion to create a menu box , my problem is that say if I have 4 containers (Divs/menu ) and at runtime I want to open one of them depending upon the variable passed. I know using the option active:2 will open the 2nd container but can anyone please tell me what is the syntax to set it dynamically... for example ,If i have something like this ... Menu 1 a b Menu 2 c d Menu 3 e f now If I want to open Menu 2 depending upon some value passed , how do we do that ?
[jQuery] Re: jcarousel lite beforestart improvement
o.beforeStart.call(this, vis()); - o.beforeStart.call(this, vis(), to); I was too fast, this is not enough. Something like this needed: var nextItem = parseInt(to); var numberOfScrolledItems = itemLength-2; if (nextItem 1) { nextItem += numberOfScrolledItems; } else if (nextItem numberOfScrolledItems) { nextItem -= numberOfScrolledItems; } if(o.beforeStart) o.beforeStart.call(this, vis(), nextItem); Best Regards, Felhő
[jQuery] Re: Jquery MVC
Why expression [...@ref] cannot been recognized in jquery 1.3.2? Because it was removed for 1.3.2 So either: 1) Go through and remove the @-s 2) Continue to use 1.2.6 On Apr 19, 10:43 pm, iapilgrim iapilg...@gmail.com wrote: Hi I'm trying to use Jquery MVC (http://jollytoad.googlepages.com/mvcusingjquery). I tried the hello example (http://jollytoad.googlepages.com/mvc- demo.html). it was ok. When I update jquery (in the demo) to jquery 1.3.2. I got this error [Exception... 'Syntax error, unrecognized expression: [...@ref]' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] Line 0 Why expression [...@ref] cannot been recognized in jquery 1.3.2? ( 1.2.6 is ok) Is there any jquery plugin for MVC paradigm? Thanks for your help Van
[jQuery] SuperSelectors - a jQuery plugin that enables full CSS 2.1 selector support (even in IE6)
Hey there- I recently finished up a plugin that I think has the potential to be really useful for folks. It uses jQuery's excellent selector support to work around some of the crummy CSS selector support in legacy browsers. If you've ever had to spend time adding 'class=radio' to all the radio buttons on your site, this plugin is for you. If you've ever had to add 'class=first' to an list item because not all of your target browsers support 'li:first', this plugin is for you. If you've ever had to add any class to your markup simply to work around CSS selector support, this plugin is for you. I've posted a novice-friendly writeup at http://skulljackpot.com/2009/04/19/super-css-selector-support-with-jquery/ - but you can also pull the code directly from github at http://github.com/chrispatterson/jquery-super-selectors/tree/master There are some additional enhancements I've been kicking around, but I'd love to hear feedback from folks about how to make this more useful for their particular needs. Chris
[jQuery] Re: Ajax timeout doesn't call error function?
Hi! I'm trying to setup an ajax call which throws an error on timeout. ... timeout: 1, error: function(d,msg) { alert(Could not load stuff); }, ... This works, but the error is never thrown. If I change the URL to something that's broken, I do get the error message, but on timeout it never happens. --- Are you sure that your request spends more than 10s ? Maurício
[jQuery] Re: web site configuration
a href=# onclick=$('body').load('http:// www.google.co.uk')something like this?/a but don't do it inline, that would be rubbish! ;) On Apr 20, 12:51 pm, rince78 jacksc...@hotmail.com wrote: Hi, at present I give a favour for one of my friends. Unfortunately I'm not really involved in programming web sites. I'm calling a lot of javascripts for a slideshow and some other stuff. for example: script type=text/javascript src=highslide-full.js/script script type=text/javascript src=highslide-with-gallery.js/ script link rel=stylesheet type=text/css href=highslide.css / I'm calling following scripts in the homepage, page prices and page rooms. It would be easier not to be constrained to call the scripts every time on a new side. Is there a simple example to create the button event by only calling a new body? with Ajax or simple Javascript? Thank you, Bjoern from Germany
[jQuery] Re: web site configuration
If you do not know coding/javascript/DOM that well, I would suggest sticking with one page per change. But, if you want to dive in... Set up a div with an ID, and then use the load method to change it in JS when needed. i.e. (this has not been tested in any way) div id=myslides/div a href=# id=previousSlidePrevious/a a href=# id=nextSlideNext/a script type=text/javascript $(document).ready( function () { $(#nextSlide).click(function () { $(#myslides).load(myslide.htm); }); }); /script With a little logic in there you can easily decide what slide you want. Then just put each of the slide content (image, html, etc) into it's own file and call that in the .load() function. This approach can be simple, or it can get a little complex - especially if your loaded page includes other JavaScript to use. But this is a well known type of issue that has been dealt with many times HTH Shawn rince78 wrote: Hi, at present I give a favour for one of my friends. Unfortunately I'm not really involved in programming web sites. I'm calling a lot of javascripts for a slideshow and some other stuff. for example: script type=text/javascript src=highslide-full.js/script script type=text/javascript src=highslide-with-gallery.js/ script link rel=stylesheet type=text/css href=highslide.css / I'm calling following scripts in the homepage, page prices and page rooms. It would be easier not to be constrained to call the scripts every time on a new side. Is there a simple example to create the button event by only calling a new body? with Ajax or simple Javascript? Thank you, Bjoern from Germany
[jQuery] Re: Help- jquery Dynamic Image load - dbl click = loads twice
Diogo - Thank you very much for the response. I am having a bit of trouble figuring out where to fit this additional code. I tried a few locations within my existing code and I am not having much luck. 'image.slide' What is that? I am not sure how that is used. Any additional help you or anyone could provide would be much appreciated. Thank you, Tobias Diogo Shaw wrote: $.fn.image = function(fn) { var total = this.length, loaded = 0; this.each(function() { var i = new Image(); i.src = this.src; $(i).load(function(){ loaded++; if(loaded==total) fn(); }); }); } // eg $('img.slide').image(function() { // success; }); Diogo Shaw code $().ready(function() { ///Additional CODE $.fn.image = function(fn) { var total = this.length, loaded = 0; this.each(function() { var i = new Image(); i.src = this.src; $(i).load(function(){ loaded++; if(loaded==total) fn(); }); }); } //End Additional CODE //hides the div holding the loading graphic $(#loaderdiv).hide(); $(#imageOptions a).bind(click, function() { //here is where I figured a slight mod to add the /large folder var imageSource = $(this).children(img).attr(src); $(#loaderdiv).show(); var newimageSource = imageSource.replace(/small/, /large/); $(h4).remove(); //for testing purposes var checkimage = newimageSource; //console.debug(checkimage); //Checking done showImage(newimageSource); //was return false; //return checkimage; }); }); function showImage(src) { //Additional Code $('img.slide').image(function() { //Above $(#loader img).fadeOut(normal).remove(); var largeImage = new Image(); $(largeImage).load(function() { $(this).hide(); $(#loader).append(this); $(#loaderdiv).fadeOut(fast).hide(); $(this).fadeIn(slow); }); $(largeImage).attr(src, src); //Additional Code Close }); //Above } /code -- View this message in context: http://www.nabble.com/Help--jquery-Dynamic-Image-load---dbl-click-%3D-loads-twice-tp22607358s27240p23136578.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Ajax timeout doesn't call error function?
On Apr 20, 3:03 pm, Mauricio \(Maujor\) Samy Silva css.mau...@gmail.com wrote: Hi! I'm trying to setup an ajax call which throws an error on timeout. ... timeout: 1, error: function(d,msg) { alert(Could not load stuff); }, ... This works, but the error is never thrown. If I change the URL to something that's broken, I do get the error message, but on timeout it never happens. --- Are you sure that your request spends more than 10s ? Maurício Hi! I tried this while offline. The jquery JsonP lib times-out directly (which would be my preference). But I'm sure nothing loads in 10s, since I'm offline. (this is for an app over flaky mobile connections). PanMan.
[jQuery] Re: Ajax timeout doesn't call error function?
Hey PanMan, On Apr 20, 2009, at 12:28 PM, PanMan wrote: This works, but the error is never thrown. If I change the URL to something that's broken, I do get the error message, but on timeout it never happens. Am I doing anything wrong? Or is this a bug somewhere? No, this is not a bug. A timeout is not considered an error. You'd be better off using manual timeouts or use some sort of ajax manager. For my setup I used a combination of both, in which I set a timer with a certain value for connection timeout, and clear that timer when I actually receive data. The timer calls an anonymous function which aborts the ajax request (and in my case, calls the request again). This works fine for me. Regards, -- Martijn.
[jQuery] Re: clueTip access to xhr
Thanks Karl. So, does the latest version of clueTip support all of the ajax options? I had to modify the plug-in previously to support sending some custom headers. Also, the xhr option looks like it may work for what I am trying to do, but I am not sure exactly how to use it. I don't really want to override the xhr object... I just need access to it to get the http status code. The server component I am calling will return various status codes for various problems with the call (authentication, missing params, etc...), so I need to be able to pull it out and check it. On Apr 19, 2:05 pm, Karl Swedberg k...@englishrules.com wrote: Since the plugin uses $.ajax(ajaxSettings) internally to retrieve the file contents, you can pass any options you want into the ajaxSettings option and they'll be used. So you should be able to do something like this: $('someelement').cluetip({ ajaxSettings: { xhr: function() { } } }); Seehttp://docs.jquery.com/Ajax/jQuery.ajax#optionsfor a list of $.ajax options. Also, make sure you use jQuery 1.3 or above and the latest clueTip version on Github (http://github.com/kswedberg/jquery-cluetip/tree/master ) --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Apr 16, 2009, at 2:52 PM, zendog74 wrote: I am successfully using clueTip to make ajax requests that return either xml or json and populate the tooltips. It is working great. However, I am trying to make my code more sophisticated to handle exceptions and I need access to the xhr to do that properly. I have been unable to find a way to get access to the xhr using clueTip, especially in the ajaxProcess function. Is there a way to do this? Here is what I am trying to do: ajaxProcess: function(xhr, data) { return checkResponse(xhr.status, data); } //Pseudo-code function checkHttpStatusCode(statusCode, data){ //Check the status code and send back the error message in the returned xml packet if there is one. }
[jQuery] Re: Ajax timeout doesn't call error function?
A timeout is not considered an error. No. It's an error. Do the following: timeout: 1, error: function(d,msg) { if (msg==timeout) { alert(Ops! Could not load stuff - A timedout error occur); } else { alert(Could not load stuff - Another errorType occur); }, ... Maurício -Mensagem Original- De: Martijn Houtman Para: jquery-en@googlegroups.com Enviada em: segunda-feira, 20 de abril de 2009 10:47 Assunto: [jQuery] Re: Ajax timeout doesn't call error function? Hey PanMan, On Apr 20, 2009, at 12:28 PM, PanMan wrote: This works, but the error is never thrown. If I change the URL to something that's broken, I do get the error message, but on timeout it never happens. Am I doing anything wrong? Or is this a bug somewhere? No, this is not a bug. A timeout is not considered an error. You'd be better off using manual timeouts or use some sort of ajax manager. For my setup I used a combination of both, in which I set a timer with a certain value for connection timeout, and clear that timer when I actually receive data. The timer calls an anonymous function which aborts the ajax request (and in my case, calls the request again). This works fine for me. Regards, -- Martijn.
[jQuery] Re: 'Simulating' mouseenter/mouseleave/hover events using $.live
Thank you! I'll have a go when I get home later today and let you know how it works out. At the very least you've given me a very big starting block, and perhaps this will end up in the jQuery core! On Apr 18, 2:34 am, alexander farkas i...@corrupt-system.de wrote: You can try the following code for this (only testet with firefox). (function($){ var contains = document.compareDocumentPosition ? function(a, b){ return a.compareDocumentPosition(b) 16; } : function(a, b){ return a !== b (a.contains ? a.contains(b) : true); }, oldLive = $.fn.live, oldDie = $.fn.die; function createEnterOutFn(fn){ return jQuery.event.proxy(fn, function(e) { if( contains(e.relatedTarget, this) ){ e.type = (e.type == 'mouseover') ? 'mouseenter' : 'mouseleave'; //console.log('e') fn.apply(this, arguments); } }); } $.fn.live = function(type, fn){ if(/mouseenter|mouseleave/.test(type)){ console.log('d') fn = createEnterOutFn(fn); if(type == 'mouseenter'){ type = 'mouseover'; } else { type = 'mouseout'; } } oldLive.call(this, type, fn); }; $.fn.die = function(type, fn){ if(/mouseenter|mouseleave/.test(t.type)){ if(type == 'mouseenter'){ type = 'mouseover'; } else { type = 'mouseout'; } } oldDie.call(this, type, fn); }; })(jQuery); you can use it like the normal live/die-methods: $('a').live('mouseenter', function(e){ console.log(e.type)}); $('a').live('mouseleave', function(e){ console.log(e.type) }); but i would call it a plugin: On 11 Apr., 21:36, Walther waltherl...@gmail.com wrote: I am looking for a way to simulate the actions of the hover (or mouseenter/mouseleave) whilst using the live method of binding (The items are dynamic). Is there a way to do this or will I need to use the 'old fashioned' method of unbinding and rebinding? I do not want to use a plugin.
[jQuery] Re: clueTip access to xhr
I am having the exact same problem even with the latest code and like yourself I have had to edit the plugin I've been having a similar discussion here: http://groups.google.com/group/jquery-en/browse_thread/thread/594721dc160949fa/5b91e7890e38ad72?lnk=gstq=dotnetshadow#5b91e7890e38ad72 Regards DotnetShadow On Apr 20, 11:51 pm, zendog74 n8cs...@gmail.com wrote: Thanks Karl. So, does the latest version of clueTip support all of the ajax options? I had to modify the plug-in previously to support sending some custom headers. Also, the xhr option looks like it may work for what I am trying to do, but I am not sure exactly how to use it. I don't really want to override the xhr object... I just need access to it to get the http status code. The server component I am calling will return various status codes for various problems with the call (authentication, missing params, etc...), so I need to be able to pull it out and check it. On Apr 19, 2:05 pm, Karl Swedberg k...@englishrules.com wrote: Since the plugin uses $.ajax(ajaxSettings) internally to retrieve the file contents, you can pass any options you want into the ajaxSettings option and they'll be used. So you should be able to do something like this: $('someelement').cluetip({ ajaxSettings: { xhr: function() { } } }); Seehttp://docs.jquery.com/Ajax/jQuery.ajax#optionsfora list of $.ajax options. Also, make sure you use jQuery 1.3 or above and the latest clueTip version on Github (http://github.com/kswedberg/jquery-cluetip/tree/master ) --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Apr 16, 2009, at 2:52 PM, zendog74 wrote: I am successfully using clueTip to make ajax requests that return either xml or json and populate the tooltips. It is working great. However, I am trying to make my code more sophisticated to handle exceptions and I need access to the xhr to do that properly. I have been unable to find a way to get access to the xhr using clueTip, especially in the ajaxProcess function. Is there a way to do this? Here is what I am trying to do: ajaxProcess: function(xhr, data) { return checkResponse(xhr.status, data); } //Pseudo-code function checkHttpStatusCode(statusCode, data){ //Check the status code and send back the error message in the returned xml packet if there is one. }
[jQuery] Re: fadeOut Callback Trigger Count
Thanks very much. On Apr 20, 2:19 am, Karl Swedberg k...@englishrules.com wrote: You could do something like this: $(document).ready(function() { $(#menu ul li a).click(function(e) { e.preventDefault(); var $sibs = $(this).parent().siblings(); $sibs.fadeOut(function() { if ( $sibs.index(this) == $sibs.length-1 ) { $(p).append(Executed. ); } }); }); $(p).append(Page loaded. ); }); This will only append Executed. for the last sibling in the group. ($sibs.index(this) == $sibs.length-1). --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Apr 19, 2009, at 6:01 PM, blockedmind wrote: Thanks for the reply firstly. :) Since I'm talking about a default jQuery function I didn't give a full example. If you think that I'd help let me give you one. I have simplified my code for the example, here it goes: http://blockedmind.com/jq/fadeout.html When you click a link, the others are disappearing and a message is added to the testing paragraf. I want to get Executed text added once. But it is added as many as the count of siblings due to default options of fadeOut callback function. And no, I can not put it elsewhere because I have more effects after click in my real situation and I need to get that message after all of them completed and for once of course. I hope I am clear? On Apr 19, 4:44 pm, Karl Swedberg k...@englishrules.com wrote: Would you mind giving us some code to look at? Or point us to a test page? It might be easier to help you if we have something to look at. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Apr 19, 2009, at 7:22 AM, blockedmind wrote: Hmmm... On Apr 18, 2:28 am, blockedmind blockedm...@gmail.com wrote: Nothing? On Apr 17, 8:46 pm, blockedmind blockedm...@gmail.com wrote: This problem occurs when $(#menu li a).fadeOut(function() {}); being used. callback function is called 3 times 'cos there is 3 li elements. On Apr 17, 7:28 pm, blockedmind blockedm...@gmail.com wrote: Callback function of fadeOut effect is executed once for each element animated against. Is it possible to make it executed once after all elements faded?
[jQuery] Re: jQuery works fine locally but not so great online
Wow! I didn't think of such a simple solution. Yes, you were right, the width and height property of the img in CSS fixed it. Many thanks to all of you who took the time and answered! Alex salah-2 wrote: sorry for not inspecting all of your code : but using firebug I managed to fix this problem for you 1- go to your style.css. 2- finde style.css (line 9) .photo img { padding:16px 0 0 16px; position:relative; } and change it to : .photo img { padding:16px 0 0 16px; position:relative; height:503px !important; width:754px !important; } 3- save your style.css 4- you are done. On Apr 19, 8:18 am, alexandruv a...@vladoiu.net wrote: Hello, I'm not very experienced with jQuery and I'm trying to use it on a website:www.fallinlovewithphotography.com On my computer (Mac OS X with MAMP) works fine but online the photos I'm trying to slide get resized. Can anybody tell me what i'm doing wrong or what can be the issue? Thank you, Alex -- View this message in context:http://www.nabble.com/jQuery-works-fine-locally-but-not-so-great-onli... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/jQuery-works-fine-locally-but-not-so-great-online-tp23117127s27240p23138574.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery not responding
On Sun, Apr 19, 2009 at 11:10 PM, Donut erichschroe...@gmail.com wrote: I am trying to follow the tutorials on http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/ but for some reason cannot follow along with the very first tutorial. This is ridiculous. Is there something very simple that I am doing wrong? For starters, have you ensured that jquery is loaded? Do you use Firebug, FF Webdeveloper extension, or something else that will show what javascript has been loaded? Also, is there some reason for the link (Click Me!)? The code you posted should run when the paragraph is clicked, not the link. And this line: $(p).fadeOut(4000); ... should be: $(this).fadeOut(4000); There's no reason to have jquery seek the element a 2nd time. 4 seconds seems a long time for a fade out effect, btw.
[jQuery] Re: [autocomplete] Some Problems
On 4/19/09 10:17 PM, HaiLin myu...@gmail.com wrote: I have some problems about jQuery autoComplete plugin. I use this one: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/. Here are problems: (1) select in IE6. It seems this can be fixed by using bgiframe plugin. Here is the author' optional: bgiframe plugin to fix select- problems in IE, just include to apply to autocomplete. But, it doesn't work properly. At first, it's ok. But scroll the result list, and you will see select on top again. i can't verify this. could you provide sample markup? (2) If you drag the scroll bar of result list, it will not close result list when missing focus. i did verify this. i'd call it a bug. (3) If I want to do more things when select one or clear result input field, how to do that? i don't understand.
[jQuery] Re: Questions about $.live, Live Query and performance
Just bumping this from the weekend Again, Thanks On Apr 19, 9:16 am, Geoffrey geoffreykjqu...@gmail.com wrote: $.live and Live Query are both wonderful. I am hoping to put them to extensive use in my projects. I have a few questions about $.live and Live Query and their effect on performance. Background: If I recall correctly, the original release of Live Query could have some performance problems. I don't remember if things bogged down when the DOM had a lot of elements, when you added a large number of Live Query events, did a lot of updating or exactly what. Question 1: What were the specific concerns around performance with the 1.0.x releases of Live Query? Now with jquey 1.3, there is $.live. $.live does not do everything that Live Query does, but does do some of it. Question 2: Does $.live use a different technique for handling events than Live Query? Question 2a: If it is different, are there any performance concerns using $.live like there used to be with Live Query? Live Query 1.1.x requires jquery 1.3. I am guessing that the new version uses $.live internally. Question 3a: Is the performance of Live Query better in the 1.1.x version? Question 3b: Are there some selectors that have better performance than others? or to say it another way, do all of the selectors perform the same or, for example, does $('input').livequery('click', function() { }); perform better than $('input').livequery('change', function() { });? Using $.live or Live Query. Question 4: Is there any difference in performce between using $('input').livequery('click', function() { }); vs $(input).live(click, function(){ });? I am thinking of really diving in to using $.live and/or Live Query. I am trying to get a complete understanding of all of the issues that may arise. Thanks -Geoff
[jQuery] Re: Questions about $.live, Live Query and performance
LiveQuery when used for events does not use event delegation. It binds the event directly to the matched elements. The reason the latest version of LiveQuery depends on 1.3.x is to take advantage of some internal changes to jQuery, not because it uses live. The live method in jQuery uses event delegation. If you use LiveQuery *a lot* then you will most likely see slow downs. Live Query tries to be non-invasive about its operations but if it is a large dom with lots of queries, then it will be slow. You can minimize these affects by using a context and good selectors. The reason to use LiveQuery over live is if you need to do something more than bind an event or if event delegation just doesn't work for the event you are binding. Otherwise you should use live if you need to bind events to a large number of dom elements that may or may not be in existence at runtime. If it is a small number of elements and they exist at runtime then you should still use bind. -- Brandon Aaron On Sun, Apr 19, 2009 at 11:16 AM, Geoffrey geoffreykjqu...@gmail.comwrote: $.live and Live Query are both wonderful. I am hoping to put them to extensive use in my projects. I have a few questions about $.live and Live Query and their effect on performance. Background: If I recall correctly, the original release of Live Query could have some performance problems. I don't remember if things bogged down when the DOM had a lot of elements, when you added a large number of Live Query events, did a lot of updating or exactly what. Question 1: What were the specific concerns around performance with the 1.0.x releases of Live Query? Now with jquey 1.3, there is $.live. $.live does not do everything that Live Query does, but does do some of it. Question 2: Does $.live use a different technique for handling events than Live Query? Question 2a: If it is different, are there any performance concerns using $.live like there used to be with Live Query? Live Query 1.1.x requires jquery 1.3. I am guessing that the new version uses $.live internally. Question 3a: Is the performance of Live Query better in the 1.1.x version? Question 3b: Are there some selectors that have better performance than others? or to say it another way, do all of the selectors perform the same or, for example, does $('input').livequery('click', function() { }); perform better than $('input').livequery('change', function() { });? Using $.live or Live Query. Question 4: Is there any difference in performce between using $('input').livequery('click', function() { }); vs $(input).live(click, function(){ });? I am thinking of really diving in to using $.live and/or Live Query. I am trying to get a complete understanding of all of the issues that may arise. Thanks -Geoff
[jQuery] So .change() doesn't work immediately in IE and we have to use .click(). But what about tab+spacebar users?
Been looking up why my .change() isn't working in IE6/7. Found some good links online to explain that the .change() doesn't work in IE until AFTER you click or tab away from the radio button or checkbox for those browsers. Then, it was recommended to use .click() instead. Ok, fair enough, but the big usability question then: What about the users who are tabbing through a form and use spacebar on the keyboard to highlight or change a radio button or checkbox? Are they pretty much out of luck for getting a script to work that DEPENDS on the usability purpose of onChange?
[jQuery] Any benefit to using event.preventDefault() over return false to cancel out an href click?
Just curious if there is a best practice when choosing between $(a).click(function(){ // stuff return false; }); and $(a).click(function(){ // stuff event.preventDefault(); }); to cancel out the href of an anchor when clicked. Thanks in advance for the help.
[jQuery] Re: Any benefit to using event.preventDefault() over return false to cancel out an href click?
return false does e.preventDefault() and e.stopPropagation(). --John On Mon, Apr 20, 2009 at 3:20 PM, kgosser kgos...@gmail.com wrote: Just curious if there is a best practice when choosing between $(a).click(function(){ // stuff return false; }); and $(a).click(function(){ // stuff event.preventDefault(); }); to cancel out the href of an anchor when clicked. Thanks in advance for the help.
[jQuery] Re: AJAX xml problem
Is this one just too difficult to answer? On Apr 17, 1:08 pm, barton bartonphill...@gmail.com wrote: I have a rss feed and want to navigate to media:thumbnails url=' etc. I can't figure out what to use for a selector as the media:thumbnails just doesn't work. I am doing a .find(). Any ideas. The feed ishttp://newsrss.bbc.co.uk/rss/newsonline_world_edition/front_page/rss.xml which I get via a php proxy athttp://www.bartonphillips.dyndns.org/test/test.php?xml=1 Thanks
[jQuery] Re: AJAX xml problem
try this $([nodeName=media:thumbnails]); cheers Michael Lawson Content Tools Developer, Global Solutions, ibm.com Phone: 1-828-355-5544 E-mail: mjlaw...@us.ibm.com 'Examine my teachings critically, as a gold assayer would test gold. If you find they make sense, conform to your experience, and don't harm yourself or others, only then should you accept them.' From: barton bartonphill...@gmail.com To: jQuery (English) jquery-en@googlegroups.com Date: 04/20/2009 03:30 PM Subject:[jQuery] Re: AJAX xml problem Is this one just too difficult to answer? On Apr 17, 1:08 pm, barton bartonphill...@gmail.com wrote: I have a rss feed and want to navigate to media:thumbnails url=' etc. I can't figure out what to use for a selector as the media:thumbnails just doesn't work. I am doing a .find(). Any ideas. The feed ishttp://newsrss.bbc.co.uk/rss/newsonline_world_edition/front_page/rss.xml which I get via a php proxy athttp://www.bartonphillips.dyndns.org/test/test.php?xml=1 Thanks inline: graycol.gifinline: ecblank.gif
[jQuery] Dropdown Menu
hi all I'm looking for a dropdown menu. There is a menu with all the features I need at: http://p.sohei.org/stuff/jquery/menu/demo/demo.html But it looks like it's not compatible with newest JQuery version. What I need: o easy to use o keyboard support (cursor keys, esc) o simple demo o call javascript function when click o same behavior as menus in normal operating system (click to open) I tried many menus now, but found only one that is ok. But that one has problem with newest jquery version. Where do I find a good menu? If there whould be a horizontal option for context menu (right mouse button) it would be fine. Bernhard
[jQuery] Re: on_mouse_over scrolling
Hi, actually it doesn't work even if I go twice over the same button. Thanks for any help. I appreciate it On Apr 19, 3:37 pm, Macsig sigbac...@gmail.com wrote: Hi Victor, thanks for your reply. now it works but there is still an issue with the code: I can scroll down and up but after scrolling up it doesn't go down anymore (and vice-versa if I scroll up and after down I can't go up anymore). I don't get any errors, simply it doesn't move. Do you have any ideas about that? Thanks and have a nice day! On Apr 19, 5:33 am, victorg vr.gerrit...@gmail.com wrote: Ah, it seems that jQuery 1.2.3 does not have that method.. Elements still have a scrollTop property tho, so you could try that instead. Not tested, but i think it should work:http://pastebin.com/m5a3326a7 On Apr 19, 2:06 am, Macsig sigbac...@gmail.com wrote: Hi Victor and thanks for your reply. I have wrapped up your code within a $(document).ready(function(){ but when I go over the button I get $(el).scrollTop is not a function [Break on this error]$(el).scrollTop(jQuery(el).scrollTop() + inc); I'm using jQuery 1.2.3. Am I missing something? Thanks again and have a nice day. On Apr 18, 4:00 am, victorg vr.gerrit...@gmail.com wrote: I think you could easily accomplish that by defining an mouseover handler for your button that does a setInterval() to a function that scrolls your container. The scrolling of your container would be accomplished by fooling around with the scrollTop() function. I've put together a test script:http://pastebin.com/f40bb5800 Where #scroller is the div with overflow. On Apr 18, 8:40 am, Macsig sigbac...@gmail.com wrote: Any ideas? Thanks and have a nice weekend On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote: Hi there, I'm trying to implement a simple scrolling system: basically I have a div with a specific height and auto overflow and I want to let the div content scrolling down when the mouse is over an icon. It has to scrol until the end of the content or until the muose is moved. But I cannot make it working so far. Any idea or even better a sample to solve my issue? Thanks fpr any help, I appreciate it. Sig
[jQuery] Re: Best tooltip plug-in -- opinions?
On Apr 20, 5:58 am, MorningZ morni...@gmail.com wrote: Ridiculously good-looking What's good-looking to one may be hideous to another, so it's all going to depend on your tastes and CSS/Design skills to make what you feel is best for your application No, there are some libraries that produce truly ugly tips. Others, like prototip for Prototype, produce very nice tips. To anyone with some aesthetic sensibility, the differences are pretty obvious. As for size, i have no idea where you are finding a 200k+ plugin to do something as simple as a tooltip, but Jorn's tooltip is 10k plus a little bit of CSS (http://bassistance.de/jquery-plugins/jquery-plugin- tooltip/) http://plugins.jquery.com/project/btOver 200kb, including dependencies. I found what looks to be a nice one though: http://plugins.jquery.com/project/mbTooltip Beautiful, small, seemingly compatible. ...Rene
[jQuery] Re: Any benefit to using event.preventDefault() over return false to cancel out an href click?
Thanks, John. So is it advisable to use one form or another? I've used return false throughout my app, and I'm trying to decide if it's a best practice to change it to preventDefault() if it's wiser to do so. On Apr 20, 2:26 pm, John Resig jere...@gmail.com wrote: return false does e.preventDefault() and e.stopPropagation(). --John On Mon, Apr 20, 2009 at 3:20 PM, kgosser kgos...@gmail.com wrote: Just curious if there is a best practice when choosing between $(a).click(function(){ // stuff return false; }); and $(a).click(function(){ // stuff event.preventDefault(); }); to cancel out the href of an anchor when clicked. Thanks in advance for the help.
[jQuery] Re: Best tooltip plug-in -- opinions?
On Apr 20, 2009, at 3:53 PM, René wrote: On Apr 20, 5:58 am, MorningZ morni...@gmail.com wrote: Ridiculously good-looking What's good-looking to one may be hideous to another, so it's all going to depend on your tastes and CSS/Design skills to make what you feel is best for your application No, there are some libraries that produce truly ugly tips. Others, like prototip for Prototype, produce very nice tips. To anyone with some aesthetic sensibility, the differences are pretty obvious. any decent tooltip plugin will let you style the tooltips however you want with CSS (or a combination of plugin options and CSS). --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: Best tooltip plug-in -- opinions?
On Apr 20, 2009, at 3:53 PM, René wrote: As for size, i have no idea where you are finding a 200k+ plugin to do something as simple as a tooltip, but Jorn's tooltip is 10k plus a little bit of CSS (http://bassistance.de/jquery-plugins/jquery- plugin- tooltip/) http://plugins.jquery.com/project/btOver 200kb, including dependencies. What exactly are you counting there? If you take jquery.bt.min.js, jquery.bt.css, and excanvas.compiled.js (so it will work in IE), you get 40kb -- a far cry from 200kb. Sure, you can also add the bgiframe, hoverIntent, and easing plugins, but they aren't required. --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] [Idea] Plugin to work with Nested Sets and AJAX
Hi Developers, I've got a idea for a new Plugin, but I'm not able to develop it by myself. 1. There is a Nested-Set-Table with some Items (id, left, right, name) (http://www.edutech.ch/contribution/nstrees/index.php or http://www.thundernail.de/projekt.php?url_nr=12submit=oneid=6 or http://www.klempert.de/nested_sets/) 2. There should be a JQuery-Plugin which performs some actions to the tree: Moving, inserting, deleting. (http://www.gosu.pl/MyGosuMenu/demo/ DynamicTree/example2.html) 3. The action should be send to the server via AJAX Please inform me, If someone likes to develop it. cu
[jQuery] Re: Superfish IE 6 - no menu appears
I am having the same problem with superfish. My code is not supported in Internet Explorer 6. No sub-menus appear. I modified the css considerably to meet the requirements of the design. If you found something that fixed your problem in the CSS, please post your findings. Thanks! -GF On Apr 7, 10:57 pm, Laker Netman laker.net...@gmail.com wrote: I have a dynamically-generated verticalsuperfishmenuworking in every browser *except* IE6, which I still have to support :\ When I hover on a top-levelmenuitem the second-levelmenuopens accordion-style (vertically) with a blank gap equal to what itsmenu's height would be, rather than a horizontal flyout. I noticed the arrow, indicating a submenu exists, jumps out to the right where the right margin of the second-levelmenushould have appeared. Below is my latestmenuCSS. The z-indexes were added to overcome a stacking issue with a DIV rotating images with Mike Alsup's cycle plugin, next to themenu. #nav { position: absolute; width: 145px; margin: 0px; padding: 0px; top: 126px; left: 2px; font-size: 10px; z-index: 5; } #nav ul { /* all lists */ padding: 0px; margin: 0px; list-style: none; width: 148px; z-index: 5; } #nav li { /* all list items */ border: none; position: relative; float: left; line-height: 27px; margin-bottom: -1px; width: 145px; height: 28px; } #nav li ul { /* second-level lists */ position: relative; padding: 0px; left: -999em; margin-left: 145px; margin-top: -50px; } #nav li ul ul { /* third-and-above-level lists */ left: -999em; margin-top: -30px; } #nav li a { width: 135px; w\idth: 135px; display: block; color: white; font-weight: bold; text-decoration: none; background: url(/images/buttonOff.png); padding: 0 0.5em; } #nav li a:hover { color: black; background: url(/images/buttonHover.png); } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } Cheers, Laker
[jQuery] Making a div a parent when clicked, and then making all others children?
Hey Everyone I wonder if someone can help. I have a sliding div that is used a few times on a page, which has the same mark up, but uses .class selectors. When i click on the a it makes the hidden part of the div slide down, but at the moment it makes all of them slide on the page, because it is targeting the same class. So what i want to do is have it so only one slides at a time. I have had a look around, but i am new to jQuery, so i am trying to learn as i go along. What i was thinking was that i would have to make the div that is selected a parent, so all the others become the children, and i can tell them to stay hidden, until they are clicked so they become the parent? Would this be the best way to go about it, or is there a much easier way, and if so, what mark up would i have to use. Thank you to anyone that can help :)
[jQuery] jquery-1.2.6.min.js and mootools.v1.1.js not compatable
Hi All, i have a problem with web page, i have 2 js files for tow topic jquery-1.2.6.min.js mootools.v1.1.js those file are not compatable togeher, please if have any thing or any problem could you advice me how can i use it? Thanks
[jQuery] load json
Hi everybody My json return these values [{libelle:France,countryId:1,code:FR}, {libelle:Tunisie,countryId:2,code:TN},..] I have to load them ,I used this script I've found it here (http:// groups.google.com/group/jquery-en/browse_thread/thread/ e337d34bddd1af86?pli=1) : script type=text/javascript $(document).ready(function(){ $.getJSON(countries.jsp, function (json) {var allItems = json.length;$.each(json, function (i, obj) { if (iallItems) { alert('Value: ' + obj.Value + ' Item: ' + objItem'); }); /script but nothing is alerted ! This is the first time I use Json
[jQuery] Making inserted links active
On a form, I have an Insert new field below here link. Clicking it inserts a new field, and also inserts another Insert new field below here link. This is so the user can keep adding fields anywhere within the form. However the newly inserted links don't work. I assume this is because they were created after the DOM was ready, and therefore have not been caught by $(document).ready. Is there a way to make jQuery aware of the new links so that they are active? Thanks Roddie Grant
[jQuery] jQuery formatDate and javascript dateFormat
Is there a specific reason why formatDate patterns does not use the java (or javascript) dateFormat standard? Gets quite messy when you have to translate all dates from standard format to jQuery standards... :S
[jQuery] Re: Superfish woes in IE
Laker, Thx for posting this information on the superfish menu problem in IE. I am having some issues in IE with my rendering of the menu system (see http://avalon.unisonagency.com/ if you're curious). Hopefully the a tag newline problem may help my situation. If you know of anything else I might do to get the menu to work in IE, please forward the info. THANKS! -Greg Franklin in Barcelona On Apr 7, 9:03 pm, Laker Netman laker.net...@gmail.com wrote: On Apr 7, 10:52 am, Laker Netman laker.net...@gmail.com wrote: I am working on a vertical, AJAX-produced dynamic menu that will has two levels of flyout sub menus. So far the menu works as expected in Firefox 3.0.8 and Safari 3.2.2, both on Windows, but not in IE7. The issue I'm dealing with is that the sub menus do not appear next to the higher level menu as they should. Instead the pop up all over the place. Sorry to be vague, but there doesn't appear to be any pattern. Some sub menus overlap with the parent menu, some appear to the right with a wide gap (which varies from menu choice to menu choice) and vertically the sub menus start anywhere from the top of the screen to somewhere outside of the visible area. Some sub menu even have some gaps between groups on the list. That is choices A, B and C appear together, then a vertical gap of 50 or 60 pixels, followed by D, E, and F. Here is the CSS I'm [currently] using: #nav { position: relative; margin: 0px; padding: 0px; top: 126px; left: 2px; font-size: 10px; } /* Vertical menu */ #nav ul { /* all lists */ padding: 0px; margin: 0px; list-style: none; width: 148px; z-index: 5; } #nav li { /* all list items */ border: none; position: relative; float: left; line-height: 27px; margin-bottom: -1px; width: 143px; height: 28px; } #nav li ul { /* second-level lists */ position: absolute; padding: 0px; left: -999em; margin-left: 100px; margin-top: -50px; } #nav li ul ul { /* third-and-above-level lists */ left: -999em; margin-top: -20px; } #nav li a { width: 135px; w\idth: 135px; display: block; color: white; font-weight: bold; text-decoration: none; background: url(/images/buttonOff.png); padding: 0 0.5em; } #nav li a:hover { color: black; background: url(/images/buttonHover.png); } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } / */ And my Jquery call: $(ul#nav).superfish({ animation: {height:'show'}, dropShadows: false, delay: 1200 }); I have tried a variety of changes to the CSS, however nothing improves the situation in IE, and just ends up breaking things in Firefox and Safari. I'd appreciate any help on this issue. Sorry, I don't have a web- facing URL available, but I hope my explanation has been clear enough. Thanks, Laker Okay, lucky me, I get to answer my own question :) (First, one thing I neglected to mention originally: the page is rendering in standards-complaint mode in all browsers using HTML 4 Strict.) It appears to be an issue with IE and how the CFscript is generating the unordered list forSuperfish. I had to re-write a portion of the ColdFusion to close the anchors used as menu titles on the same line as they were generated. Here's an example: ul id=nav lia href=Learning Aids/a ul lia href=/items.cfm/LearningKitsLearning Kits/a/li lia href=/items.cfm/booksAndVideosBooks Videos/a/li /ul/lili WORKS FINE, HOWEVER ul id=nav class=qmmc lia href=Learning Aids /aul lia href=/items.cfm/LearningKitsLearning Kits /a/lilia href=/items.cfm/booksAndVideosBooks Videos/a/li /ul/lili DOES NOT, even though it's syntactically identical Cheers, Laker
[jQuery] Re: jquery treeview menu problem
Hi Jay, here you can take a look about the problem (with firefox it's all ok, but with ie it doesn't works very well) http://www.mcworks.it/tests/ Thank you Paolo On 10 Apr, 21:01, jay jay.ab...@gmail.com wrote: Can you post an example? I'm not sure I understand your question. On Apr 10, 5:23 am, Titti prima...@gmail.com wrote: Hi, i'm usingjquerytreeview(http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ )menuin my website and i have a little problem: when i open a page from themenutree, menuexpands completely and items alignes to the left side for a while, the time that page is charghing. I don't know why, can u help me? thank you
[jQuery] Re: jquery-1.2.6.min.js and mootools.v1.1.js not compatable
http://docs.jquery.com/Core/jQuery.noConflict On Apr 20, 12:54 pm, amanj amanji...@gmail.com wrote: Hi All, i have a problem with web page, i have 2 js files for tow topic jquery-1.2.6.min.js mootools.v1.1.js those file are not compatable togeher, please if have any thing or any problem could you advice me how can i use it? Thanks
[jQuery] Re: Any benefit to using event.preventDefault() over return false to cancel out an href click?
It sounds like John is saying that e.preventDefault() will prevent the default event from occuring and e.stopPropogation() will prevent the event from bubbling up and return false will do both, so If you only want to stop the default but allow propogation or vice versa, then use the methods, otherwise use return false to do both. On Apr 20, 1:01 pm, kgosser kgos...@gmail.com wrote: Thanks, John. So is it advisable to use one form or another? I've used return false throughout my app, and I'm trying to decide if it's a best practice to change it to preventDefault() if it's wiser to do so. On Apr 20, 2:26 pm, John Resig jere...@gmail.com wrote: return false does e.preventDefault() and e.stopPropagation(). --John On Mon, Apr 20, 2009 at 3:20 PM, kgosser kgos...@gmail.com wrote: Just curious if there is a best practice when choosing between $(a).click(function(){ // stuff return false; }); and $(a).click(function(){ // stuff event.preventDefault(); }); to cancel out the href of an anchor when clicked. Thanks in advance for the help.
[jQuery] Re: Making inserted links active
Check out .live() in the docs http://docs.jquery.com/Events/live#typefn On Apr 20, 7:55 am, Roddie jqu...@myword.co.uk wrote: On a form, I have an Insert new field below here link. Clicking it inserts a new field, and also inserts another Insert new field below here link. This is so the user can keep adding fields anywhere within the form. However the newly inserted links don't work. I assume this is because they were created after the DOM was ready, and therefore have not been caught by $(document).ready. Is there a way to make jQuery aware of the new links so that they are active? Thanks Roddie Grant
[jQuery] Re: load json
For your JSON you'd need obj.libelle, obj.countryId, obj.code, etc. You also don't really need the if statement checking the length. On Apr 20, 6:34 am, chakrounb...@gmail.com wrote: Hi everybody My json return these values [{libelle:France,countryId:1,code:FR}, {libelle:Tunisie,countryId:2,code:TN},..] I have to load them ,I used this script I've found it here (http:// groups.google.com/group/jquery-en/browse_thread/thread/ e337d34bddd1af86?pli=1) : script type=text/javascript $(document).ready(function(){ $.getJSON(countries.jsp, function (json) {var allItems = json.length;$.each(json, function (i, obj) { if (iallItems) { alert('Value: ' + obj.Value + ' Item: ' + objItem'); }); /script but nothing is alerted ! This is the first time I use Json
[jQuery] jQuery and Flickr? Is there a best of breed plugin?
I'm looking for a simple plugin which would pull in a specified Flickr feed and display it using jQuery. Does something like this already exist? Google shows about 5 or 6 but none of them appear to work. andy matthews
[jQuery] Re: jquery-1.2.6.min.js and mootools.v1.1.js not compatable
And for a little more detail: http://docs.jquery.com/Using_jQuery_with_Other_Libraries - Richard On Mon, Apr 20, 2009 at 4:24 PM, Josh Powell seas...@gmail.com wrote: http://docs.jquery.com/Core/jQuery.noConflict On Apr 20, 12:54 pm, amanj amanji...@gmail.com wrote: Hi All, i have a problem with web page, i have 2 js files for tow topic jquery-1.2.6.min.js mootools.v1.1.js those file are not compatable togeher, please if have any thing or any problem could you advice me how can i use it? Thanks
[jQuery] Re: Best tooltip plug-in -- opinions?
worth a look: http://craigsworks.com/projects/qtip/docs/ http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html - Jack René wrote: There are so many to choose from, I'd like to hear some opinions. 1. Relatively lean and fast. 200+ KB seems, to me, ridiculously large. 2. Ridiculously good-looking. 3. Compatible. Firefox, IE 6/7, Safari, etc. Opinions? ...Rene
[jQuery] Re: jQuery and Flickr? Is there a best of breed plugin?
http://www.projectatomic.com/2008/04/jquery-flickr/ - Jack Andy Matthews wrote: I'm looking for a simple plugin which would pull in a specified Flickr feed and display it using jQuery. Does something like this already exist? Google shows about 5 or 6 but none of them appear to work. andy matthews
[jQuery] Modifying jQuery to decrease file size.
I'm currently using about one third of the jQuery library and I'm wondering if I can safely remove unused functions that are not being internally called nor called by my code in an effort to reduce filesize further. I realize that minified and gzipped its already small, but when there may be millions of downloads a day...i need it small. :) thoughts? regards, paul
[jQuery] Re: Error in IE8
Hi, The solution to the problem where the blockUI plugin doesn't working in IE8 is as follows: on line 151 simply change: var ie6 = $.browser.msie /MSIE 6.0/.test(navigator.userAgent); to var ie6 = $.browser.msie /MSIE 6.0/.test(navigator.userAgent) ! (/ MSIE 8.0/.test(navigator.userAgent)); And then everything works fine! My test environment was IE8 on Vista. Hope this helps...certainly helped me in my project. Cheers, Anand www.digitalpath.co.nz On Mar 31, 2:25 am, Schockwelle bo...@gmx.de wrote: Hi, I useblockuion my websitewww.rbl-check.comand i have an error in the internet explorer 8. Row: 227 Sign: 17 Code: 0 URI:http://www.rbl-check.com/ajax/jquery.blockui.js In e.g. Firefoxblockuiworks fine... Can anybody help me? Best regards from Germany
[jQuery] test - sorry, ignore -- why can't I see my posts....
I can't see any posts I post to this group, why is this, WHY is it at all that you only read this forum if you're logged on to google?? most forums online you just need to register with the forum.. WHY bring google in either way, even after logging on to my google acct I can't see my posts (they get emailed to me if I check send me a copy, but I don't see the posts here http://groups.google.com/group/jquery-en/topics?gvc=2 thank you...
[jQuery] Re: passing elem id to a JS function...
thank you very much!! (why can't I see my posts here? http://groups.google.com/group/jquery-en/topics?gvc=2 (I can only see my posts if I search for my uid (kali) ok, thank you very much.. sorry for two test-posts I have posted.. On Apr 15, 2:47 pm, mkmanning michaell...@gmail.com wrote: var img_top = $(#+curr_img); On Apr 15, 8:57 am,kalimaya778...@yahoo.com wrote: hi, am trying to do image-hide/img-show with jQuery (now use 'regular' JavaScript DOM-scripting.. want to switch to jQuery.. but am having some difficulties: I have this function-call in interface: get_img('photo1','nav1','navAll1','photo2','nav2','navAll2') in function -- old way: function get_img (curr_img,curr_nav,curr_navAll,new_img,new_nav,new_navAll) { var img_top = document.getElementById(curr_img); var img_new = document.getElementById(new_img); // etc.. how do I do this in jQuery? I tried: var img_top = $(#curr_img); var img_top = $(curr_img); neither one of these is working.. and worst problem is I don't get errors in Firefox Error Console (jQuery syntax errors don't show in FF Error Console... is there a place where you can check your jQuery syntax??) the element id's are passed to the function as string values.. so how do I add this string value to a wrapper like this $('# id passed to function') thank you... thank you very much...
[jQuery] Re: test - sorry, ignore -- why can't I see my posts....
On Mon, Apr 20, 2009 at 6:21 PM, kali maya778...@yahoo.com wrote: I can't see any posts I post to this group, why is this, WHY is it at all that you only read this forum if you're logged on to google?? most forums online you just need to register with the forum.. WHY bring google in um ... because it's google's forum. What's the difference between logging into some other forum and google groups? Nothing really. either way, even after logging on to my google acct I can't see my posts (they get emailed to me if I check send me a copy, but I don't see the posts here http://groups.google.com/group/jquery-en/topics?gvc=2 It seems that one's own posts are filtered from the view. This confused me too at first. I only see my posts show up when someone responds.
[jQuery] Re: Best tooltip plug-in -- opinions?
I really like the 'Simplest Tooltip ever' by Alen Grakalic at CSS Globe, it's a tiny script and it works well. Q-Tip is another nice one I've used in the past as well.. On Apr 20, 5:11 pm, Jack Killpatrick j...@ihwy.com wrote: worth a look: http://craigsworks.com/projects/qtip/docs/ http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html - Jack René wrote: There are so many to choose from, I'd like to hear some opinions. 1. Relatively lean and fast. 200+ KB seems, to me, ridiculously large. 2. Ridiculously good-looking. 3. Compatible. Firefox, IE 6/7, Safari, etc. Opinions? ...Rene
[jQuery] Re: Cycle plugin Issue in Safari and Chrome browser
Having a similar issue with text content. Text does not wrap in Safari (using this as a quote scroller). All other browsers handle it fine. div id=rotate div class=sideQuotes span class=sideTitleDid You Know?/spanbr / pbABC.com/b is a great place to find...Pest Control, Pool Cleaning, Electrical, and more!/p /div div class=sideQuotes span class=sideTitleDid You Know?/spanbr / pbXYZ.com/b is a great place to find...Pest Control, Pool Cleaning, Electrical, and more!/p /div /div Class sideQuotes has a set height/width... Even added one to the id rotate to see if it would make a difference... On Apr 13, 11:30 am, Mike Alsup mal...@gmail.com wrote: div class=slideshow div class=slideimg src=slide1.jpg alt= title=brdiv class=textbackgroundnbsp;/divdiv class=slidetext/div/ div div class=slideimg src=slide2.jpg alt= title=brdiv class=textbackgroundnbsp;/divdiv class=slidetext/div/ div /div and the css: .slideshow{ width:680px; height:250px; } div.slidetext { height:20px; width:680px; display:block; margin-top:-25px; margin-left:15px; position:absolute; } div.textbackground { display:block; height:30px; width:680px; opacity:0.7; margin-top:-30px; position:absolute; } and both the height and the width of .slideshow are not recognized in Chrome (but work fine in IE and FF). How about either giving the slide elements a specific height/width or adding height/width attributes to the img elements?- Hide quoted text - - Show quoted text -
[jQuery] Re: on_mouse_over scrolling
I'm trying to the hover working as a separate function (instead with the document.ready) so I came out with this code http://pastebin.com/me02845 and I call it through OnMouseOver=scrollbutton_down_hover() but nothing happens. Am I missing something? Thanks and have a nice day! On Apr 20, 12:47 pm, Macsig sigbac...@gmail.com wrote: Hi, actually it doesn't work even if I go twice over the same button. Thanks for any help. I appreciate it On Apr 19, 3:37 pm, Macsig sigbac...@gmail.com wrote: Hi Victor, thanks for your reply. now it works but there is still an issue with the code: I can scroll down and up but after scrolling up it doesn't go down anymore (and vice-versa if I scroll up and after down I can't go up anymore). I don't get any errors, simply it doesn't move. Do you have any ideas about that? Thanks and have a nice day! On Apr 19, 5:33 am, victorg vr.gerrit...@gmail.com wrote: Ah, it seems that jQuery 1.2.3 does not have that method.. Elements still have a scrollTop property tho, so you could try that instead. Not tested, but i think it should work:http://pastebin.com/m5a3326a7 On Apr 19, 2:06 am, Macsig sigbac...@gmail.com wrote: Hi Victor and thanks for your reply. I have wrapped up your code within a $(document).ready(function(){ but when I go over the button I get $(el).scrollTop is not a function [Break on this error]$(el).scrollTop(jQuery(el).scrollTop() + inc); I'm using jQuery 1.2.3. Am I missing something? Thanks again and have a nice day. On Apr 18, 4:00 am, victorg vr.gerrit...@gmail.com wrote: I think you could easily accomplish that by defining an mouseover handler for your button that does a setInterval() to a function that scrolls your container. The scrolling of your container would be accomplished by fooling around with the scrollTop() function. I've put together a test script:http://pastebin.com/f40bb5800 Where #scroller is the div with overflow. On Apr 18, 8:40 am, Macsig sigbac...@gmail.com wrote: Any ideas? Thanks and have a nice weekend On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote: Hi there, I'm trying to implement a simple scrolling system: basically I have a div with a specific height and auto overflow and I want to let the div content scrolling down when the mouse is over an icon. It has to scrol until the end of the content or until the muose is moved. But I cannot make it working so far. Any idea or even better a sample to solve my issue? Thanks fpr any help, I appreciate it. Sig
[jQuery] SlideFieldset Plugin for jQuery
Hi, I wrote a simple jQuery plugin to make fieldset collapsible, take a look and give me some feedback if you like. Thanks. http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/04/21/slidefieldset-plugin-for-jquery.aspx Jeffrey
[jQuery] Question about QUnit for testing ajax functionality
I am already familiar with the start() stop() abilities of qunit, so this isn't about that. My question I guess is more of process. If I develop an interactive feature that involves ajax submitting a form, and then updating the interface when the json comes back successful, how should I design my unit tests? For instance, say that I want to check that the json that came back from the server side contained data.success = true. If I initiate the form submission from a free standing unit test, I wouldn't know how to hook into the data that happens from an ajax call as a result of the form submission. Similarly, I wouldn't really have an elegant way to wait for the server response and confirm that my interface was updated correctly... other than some sort of timeout. So in this type of situation, do you actually build your tests right into your code and have them only fire if certain testing mode conditions are met? That would of course mean that you couldn't separate your unit tests into separate files. Hope I'm making sense. Best, Robert
[jQuery] [treeview] help with persistant:location variable...
I looked through the board but can not find any info for what I am needing, for the persistant:location highlight, I need it to not look at the entire url string, just part of it. using php my links have http://www.myweb.com/good_link.php?location=herepage=5 the string should only be looking for everything before the symbol. I can not figure out how to do this. I know it is all happening in the case area of the script but can not figure out how to filter out everything from the to the end of the string to compare with the url. thanks for any help you can send my way, Buddy Duke
[jQuery] delaying an action
Hi all, I was wondering if there is a way in jQuery for me to disable a hover event for a few seconds and then execute it only if the mouse pointer is still hovering over the particular element I have set the hover event to. So the user would hover over a link and if after 2 seconds was still hovering over it, the hover event would then execute. Otherwise, nothing would happen. I've been trying to find out about it for sometime now but I am exhausted with searching. Thanks.
[jQuery] Re: jquery-1.2.6.min.js and mootools.v1.1.js not compatable
On Apr 20, 3:54 pm, amanj amanji...@gmail.com wrote: Hi All, i have a problem with web page, i have 2 js files for tow topic jquery-1.2.6.min.js mootools.v1.1.js those file are not compatable togeher, please if have any thing or any problem could you advice me how can i use it? Those files are not compatible with much of anything. Both use browser sniffing extensively. Mashing the two together will just double your misery. Unfortunately, 1.3x is not much better and just different enough to make upgrading a nightmare (see other threads here.)
[jQuery] Superfish In IE?
I am trying to use superfish in my Joomla site. Works well in everything except IE 6 or IE 7. Any idea what is wrong? http://www.therockfwc.org
[jQuery] Re: Form Plugin + FCKEditor + UI Dialog Button
I'm having the same issue. Anyone? On Mar 23, 9:29 pm, Joshua jos...@remote-app.com wrote: I downloaded thefckeditorjquery plugin because i was told it would resolve issues with submitting forms via Form Plugin ajaxSubmit. But everytime I do it, my form won't submit anymore... My dialog button appears to be unbound but it's not because i can do a console.log(''); and it shows me but the ajaxSubmit won't go anymore... very weird. I'm using latest jquery 1.3.2 and latest jquery UI
[jQuery] synchronous ajax call being ran out of order in IE
I have an ajax call that I want to display an ajax loader image before it makes the call and then hide that image after it completes the call. The below code is working fine in FF. But when the code is run in IE, for some reason the ajax call is made first and then the image isn't displayed until after the ajax call has completed. I've tried putting the .show() method before the ajax call and even in the beforeSend option of the ajax call, for some reason IE STILL makes the ajax call, and waits for it to complete, before it displays the image Anyone have any ideas??? CSS: #ajaxLoader{ display: none; background: url(images/ajax-loader.gif) no-repeat; } jQuery: ajaxLoaderImage = $(#ajaxLoader); $(ajaxLoaderImage).show(); $ajax({ /* beforeSend: function(){ $(ajaxLoaderImage).show(); }, */ type:GET, dataType: 'xml', url: 'someHandler.php', data: 'data=something', async: false, success: function(xml){ response = $(xml); }, complete: function(){ $(ajaxLoaderImage).hide(); } });
[jQuery] javascript sending variables to the datepicker
Purpose of the script- the script should count the rows of a table with id name. Then create a datepicker function with each unique id. In this example , Date0, Date1,Date2,Date3 script type=text/javascript function numrows() { var date=Date; var rowCount = document.getElementById(test).getElementsByTagName (tr).length; rowCount=rowCount-1;// the number of rows minus the table header th/th alert(rowCount); for (var i=0; i=rowCount; i++) { date=date +i; alert(date);// this will displays the id's i want the datepicker to have $(function() { $(date).datepicker();this is the problem here } ); date=Date;//resets the date but not the counter i } } /script PS:Just in case I will explain myself one more time. This is an example of a manual way to achieve what I want. However, I do not want to input each element by hand. I want javascript to count the number of rows and create the elements as shown above. Basically what I want is this ,but I want the script to be able to detect how many elements it should create script type=text/javascript $(function() { $(#Date0).datepicker();//element 1 $(#Date1).datepicker();//element 2 $(#Date2).datepicker();//element 3 $(#Date3).datepicker();/. element 4 }); /script I hope I am making myself clear.
[jQuery] Re: SlideFieldset Plugin for jQuery
Got a demo, Jeffrey? On Mon, Apr 20, 2009 at 8:20 PM, Jeffrey darkthr...@gmail.com wrote: Hi, I wrote a simple jQuery plugin to make fieldset collapsible, take a look and give me some feedback if you like. Thanks. http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/04/21/slidefieldset-plugin-for-jquery.aspx Jeffrey -- - It has been my experience that most bad government is the result of too much government. - Thomas Jefferson
[jQuery] Re: Open a particular menu in accordion based on value passed to it
you can pass the index for the accordion panel to the next page in a url after a hash or search symbol . On page with accordion extract the data from the url and use it to activate panel in accordion. here's a working example http://getnoticedinternet.com/test/jQueryAccordion/openAccorddynamic_nextPage.html abhishekgal...@gmail.com wrote: Hi All, I am using JQuery accordion to create a menu box , my problem is that say if I have 4 containers (Divs/menu ) and at runtime I want to open one of them depending upon the variable passed. I know using the option "active:2" will open the 2nd container but can anyone please tell me what is the syntax to set it dynamically... for example ,If i have something like this ... Menu 1 a b Menu 2 c d Menu 3 e f now If I want to open Menu 2 depending upon some value passed , how do we do that ?
[jQuery] Set event handler attributes does not work on IE7
Dear all, I'm trying to set event handler attributes when the DOM is ready, but it doesn't work on IE7. The snippets are as such: script type=text/javascript var onInputChange = function (){ alert(Hey I'm changed); } $(function() { $(.input).attr(onchange, onInputChange();); }); /script input type=text class=input / Now I tried this on FF3 and I can see in Firebug that jQuery successfully adds the onchange attributes to the input text. But this does not work on IE7. Though it is interesting that if I add other attributes like value to the textinput it works. Is this the problem with IE7? Has anyone experienced this before? Thank you very much in advance. -- If you can't believe in God the chances are your God is too small. Read my blog: http://joshuajava.wordpress.com/ Follow us on twitter: http://twitter.com/scrum8
[jQuery] Re: Set event handler attributes does not work on IE7
You should do: $(.input).change(onInputChange); or: $(.input).bind(change, onInputChange); On Apr 20, 3:49 pm, Joshua Partogi joshua.j...@gmail.com wrote: Dear all, I'm trying to set event handler attributes when the DOM is ready, but it doesn't work on IE7. The snippets are as such: script type=text/javascript var onInputChange = function (){ alert(Hey I'm changed); } $(function() { $(.input).attr(onchange, onInputChange();); }); /script input type=text class=input / Now I tried this on FF3 and I can see in Firebug that jQuery successfully adds the onchange attributes to the input text. But this does not work on IE7. Though it is interesting that if I add other attributes like value to the textinput it works. Is this the problem with IE7? Has anyone experienced this before? Thank you very much in advance. -- If you can't believe in God the chances are your God is too small. Read my blog:http://joshuajava.wordpress.com/ Follow us on twitter:http://twitter.com/scrum8