[jQuery] BlockUi - blue ring?
Hi, I am using the BlockUI in 2 apps. In the first, The overlay works fine, but as soon as I go with my mouse outside the div, into the grey area, my mouse pointer turns to a blue ring (ring of death). In my second, I have the blue ring also within my div area. What am I doing wrong? Can someone please help?
Re: [jQuery] BlockUi - blue ring?
heohni wrote: Hi, I am using the BlockUI in 2 apps. In the first, The overlay works fine, but as soon as I go with my mouse outside the div, into the grey area, my mouse pointer turns to a blue ring (ring of death). In my second, I have the blue ring also within my div area. What am I doing wrong? Can someone please help? A link to the page would be nice. Also some information about the browser and operating system you're using (I suspect you're on Windows as you're using the 'blue something of death' terminology). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: BlockUi - blue ring?
Well, we are only on localhost right now, but one example is: http://www.iwb-stahldesign.de/produkte_blumenkuebelgrau.php if you add the item to the shopping cart, you will see it, too. Inside the div all is fine, outside, I see the blue ring cursor. I am on a windows 7 machine, and I have the same behavoir on all browsers, so I guess, you will see the same effect? And the same happen on our localhost example, just with the difference that there I see the blue ring also inside the div area. On 17 Nov., 09:30, Jonathan Vanherpe (T T NV) jonat...@tnt.be wrote: heohni wrote: Hi, I am using theBlockUIin 2 apps. In the first, The overlay works fine, but as soon as I go with my mouse outside the div, into the grey area, my mouse pointer turns to a blue ring (ring of death). In my second, I have the blue ring also within my div area. What am I doing wrong? Can someone please help? A link to the page would be nice. Also some information about the browser and operating system you're using (I suspect you're on Windows as you're using the 'blue something of death' terminology). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Selectors, Escaping special Character in JQuery 1.3.2 not working as expected.
I just recently attempted to upgrade from jQuery 1.2.6 to jQuery 1.3.2 and it broke several web pages where my selectors are escaping special characters - the period. Here is a quick example: input type=text name=first.name id=first.name/ The selector $(#first\\.name) works in jQuery 1.2.6, but is broken in jQuery 1.3.2. Is this intentional or a is it a bug? I would be grateful if there is a workaround!
Re: [jQuery] Re: BlockUi - blue ring?
I don't see a busy cursor in Ubuntu, but I do see it in Win 7 and win XP (on pretty much any browser). The example page on http://malsup.com/jquery/block/stylesheet.html also seems to do this. So I guess this is just a Windows thing. It doesn't stop you from using your browser or anything so it's mostly a cosmetic issue. You could try using something other than blockui to show a modal dialog. Jonathan heohni wrote: Well, we are only on localhost right now, but one example is: http://www.iwb-stahldesign.de/produkte_blumenkuebelgrau.php if you add the item to the shopping cart, you will see it, too. Inside the div all is fine, outside, I see the blue ring cursor. I am on a windows 7 machine, and I have the same behavoir on all browsers, so I guess, you will see the same effect? And the same happen on our localhost example, just with the difference that there I see the blue ring also inside the div area. On 17 Nov., 09:30, Jonathan Vanherpe (T T NV)jonat...@tnt.be wrote: heohni wrote: Hi, I am using theBlockUIin 2 apps. In the first, The overlay works fine, but as soon as I go with my mouse outside the div, into the grey area, my mouse pointer turns to a blue ring (ring of death). In my second, I have the blue ring also within my div area. What am I doing wrong? Can someone please help? A link to the page would be nice. Also some information about the browser and operating system you're using (I suspect you're on Windows as you're using the 'blue something of death' terminology). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] simeple drop down menu
Hello Jquery, I'm making a simple 1lvl dropdown menu. So far this is what i've got. The problem is, I hover the link the ul shows, but i can't hover the list item, they disappears as long as i mouseout the main link. script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js/script script type=text/javascript $(function(){ $('a').hover(function(){ $('.news').children('ul').stop().fadeIn(333); }, function(){$('.news').children('ul').stop().fadeOut(333); }); }); /script div class=news style=position:relative a href=# class=meNEWS/a ul style=position:absolute; display:none lia href=#Real Estate/a/li lia href=#Your Home/a/li lia href=#Real Estate/a/li lia href=#Your Home/a/li /ul /div
Re: [jQuery] Re: DOM changes takes effects only after function is done processing
Here is how this really works: 1. Changes you make to the DOM always take effect immediately. If you make any change to the DOM and then immediately follow that with code that looks for your change, that code will indeed see the change. For example: $('#mydiv').html( 'hello' ); alert( $('#mydiv').html() ); // alerts 'hello' 2. BUT... The browser does not refresh its display until your JavaScript code finishes running. So the user will not see any of your changes until then. 3. A synchronous Ajax call does not let your JavaScript code finish running. In that sense it's just like your hard loop. The user will not see anything you change in the DOM until after that call finishes and your code stops running. Why do you need a synchronous Ajax call? This is a VERY bad idea. In single-threaded browsers such as Firefox, it's not just a matter of the page display not refreshing. Your code will completely lock up the browser's user interface - menus and all - and not just for the current browser tab or window, but for *all* browser tabs and windows. Can you use the BlockUI plugin to simulate the effect you need? This would be MUCH better than using synchronous Ajax: http://www.malsup.com/jquery/block/ If you must use a synchronous Ajax call and you want the user to see a message you put into the DOM, then you will need to yield control after you add the message but before issuing the Ajax call. You can do this with setTimeout. Where you have code like this: $('#message').html( 'Sorry, dude, I will now lock up your browser' ); $.ajax({ async:false, ... }); You need to change it to: $('#message').html( 'Sorry, dude, I will now lock up your browser' ); setTimeout( function() { $.ajax({ async:false, ... }); }, 1 ); That will allow the user to see your message before you lock up the browser by issuing the Ajax call. But what would be the point? By using setTimeout() you've made the code asynchronous anyway. So you could just use asynchronous Ajax in the first place, with BlockUI to give the blocking effect you want in the UI. -Mike On Mon, Nov 16, 2009 at 3:21 AM, nowotny nowotn...@gmail.com wrote: On 16 Lis, 11:40, Michel Belleville michel.bellevi...@gmail.com wrote: Well for a start I wouldn't use a this kind of pause() trick if I were you, it's pretty brutal suff looping along until time has passed will likely freeze your interface and that's a bad thing. Like I said... it's only a stand in for the ajax call that'll replace it in the end... the thing is I have to test if on the IP and port the user specified there is a certain service running and if a user puts in an invalid IP (where the service is not running) the ajax call takes some time (until timeout) to process... during that time the interface is frozen and I want it to be... I just want it to show that it's testing the connection and I thought putting Testing into DOM before doing the ajax call would inform the user what's happening but it's not being changed until after the whole function finishes processing when it's already to late cause I already have the results of the ajax call... You'd probably be better off with a setTimeout() which would delegate exécution of a callback after the time, thus truely imitating an Asynchronous call. Again, I said I want to do a synchronous ajax call... and I don't need to delay anything so setTimeout() is not needed here... -- nowotny
Re: [jQuery] simeple drop down menu
Well, that's just what you're asking here, when you hover in you fade in, when you hover out you fade out. Maybe you should give the hover method the div instead, so when you hover in the ul you're still hovering in the div. Michel Belleville 2009/11/17 runrunforest craigco...@gmail.com Hello Jquery, I'm making a simple 1lvl dropdown menu. So far this is what i've got. The problem is, I hover the link the ul shows, but i can't hover the list item, they disappears as long as i mouseout the main link. script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.jshttp://ajax.googleapis.com/ajax/%0Alibs/jquery/1.3.2/jquery.min.js /script script type=text/javascript $(function(){ $('a').hover(function(){ $('.news').children('ul').stop().fadeIn(333); }, function(){$('.news').children('ul').stop().fadeOut(333); }); }); /script div class=news style=position:relative a href=# class=meNEWS/a ul style=position:absolute; display:none lia href=#Real Estate/a/li lia href=#Your Home/a/li lia href=#Real Estate/a/li lia href=#Your Home/a/li /ul /div
[jQuery] Syntax Question
Hi, I have build a function like this: var init_number_of_bikes = function(){ // Request all avail. bikes var urlextend = findBikes(); $.ajax({ type: get, url: ./includes/ajax.php?action=getBikes+urlextend, success: function(msg){ //alert(msg); $('.nrBikes').html(msg) } }); } And I am calling this funtion on several places. Now I came to the point, where I want to pass an addtional value to this function, like init_number_of_bikes(chosen_id); But how can I access this passed value within my function?
[jQuery] Re: simeple drop down menu
THanks Michel, changed the selector slightly, it works. But only half. The problem now, if i hover in and out multiple times the list will disappear permanently. script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js/script script type=text/javascript $(function(){ $('div').hover(function(){ $(this).children('ul').stop().fadeIn(333); }, function(){$('.news').children('ul').stop().fadeOut(333); }); }); /script div class=news style=position:relative a href=# class=meNEWS/a ul style=position:absolute; display:none lia href=#Real Estate/a/li lia href=#Your Home/a/li lia href=#Real Estate/a/li lia href=#Your Home/a/li /ul /div
[jQuery] Re: BlockUi - blue ring?
Do you know an alternative to BlockUi? On 17 Nov., 10:05, Jonathan Vanherpe (T T NV) jonat...@tnt.be wrote: I don't see a busy cursor in Ubuntu, but I do see it in Win 7 and win XP (on pretty much any browser). The example page onhttp://malsup.com/jquery/block/stylesheet.htmlalso seems to do this. So I guess this is just a Windows thing. It doesn't stop you from using your browser or anything so it's mostly a cosmetic issue. You could try using something other than blockui to show a modal dialog. Jonathan heohni wrote: Well, we are only on localhost right now, but one example is: http://www.iwb-stahldesign.de/produkte_blumenkuebelgrau.php if you add the item to the shopping cart, you will see it, too. Inside the div all is fine, outside, I see the blue ring cursor. I am on a windows 7 machine, and I have the same behavoir on all browsers, so I guess, you will see the same effect? And the same happen on our localhost example, just with the difference that there I see the blue ring also inside the div area. On 17 Nov., 09:30, Jonathan Vanherpe (T T NV)jonat...@tnt.be wrote: heohni wrote: Hi, I am using theBlockUIin 2 apps. In the first, The overlay works fine, but as soon as I go with my mouse outside the div, into the grey area, my mouse pointer turns to a blue ring (ring of death). In my second, I have the blue ring also within my div area. What am I doing wrong? Can someone please help? A link to the page would be nice. Also some information about the browser and operating system you're using (I suspect you're on Windows as you're using the 'blue something of death' terminology). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Load image gallery faster
Hi everyone, I have an image gallery and i would like to know if there is a way to load my images faster so the user dont have to wait for a long time. The image size play a big role in it. I practically load all the images upfront before showing the big image and thumbs. Is it a good practice or is there any suggestion that would help me stepping up my gallery??? Thanks a lot for any help. Regards, Jerome -- View this message in context: http://old.nabble.com/Load-image-gallery-faster-tp26387278s27240p26387278.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Selecting all checked checkboxes: nothing seems to work
I'm using this selector: $('[name^=item]').map(function() { }); To access a group of checkboxes with names like: item[1], item[2], item[3], item[4] It works fine, but when trying to access only the selected ones, I can't find the way... $('[name^=item]:checked').map(function() { }); This doesn't work... __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com
Re: [jQuery] Re: BlockUi - blue ring?
this seems like a pretty decent list of modal boxes, or use google to find some more: http://komunitasweb.com/2009/03/jquery-modal-box-round-up/ Jonathan heohni wrote: Do you know an alternative to BlockUi? On 17 Nov., 10:05, Jonathan Vanherpe (T T NV)jonat...@tnt.be wrote: I don't see a busy cursor in Ubuntu, but I do see it in Win 7 and win XP (on pretty much any browser). The example page onhttp://malsup.com/jquery/block/stylesheet.htmlalso seems to do this. So I guess this is just a Windows thing. It doesn't stop you from using your browser or anything so it's mostly a cosmetic issue. You could try using something other than blockui to show a modal dialog. Jonathan heohni wrote: Well, we are only on localhost right now, but one example is: http://www.iwb-stahldesign.de/produkte_blumenkuebelgrau.php if you add the item to the shopping cart, you will see it, too. Inside the div all is fine, outside, I see the blue ring cursor. I am on a windows 7 machine, and I have the same behavoir on all browsers, so I guess, you will see the same effect? And the same happen on our localhost example, just with the difference that there I see the blue ring also inside the div area. On 17 Nov., 09:30, Jonathan Vanherpe (TT NV)jonat...@tnt.be wrote: heohni wrote: Hi, I am using theBlockUIin 2 apps. In the first, The overlay works fine, but as soon as I go with my mouse outside the div, into the grey area, my mouse pointer turns to a blue ring (ring of death). In my second, I have the blue ring also within my div area. What am I doing wrong? Can someone please help? A link to the page would be nice. Also some information about the browser and operating system you're using (I suspect you're on Windows as you're using the 'blue something of death' terminology). Jonathan -- Jonathan Vanherpe - TallieuTallieu NV - jonat...@tnt.be -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
Re: [jQuery] Re: DOM changes takes effects only after function is done processing
On 17 Lis, 10:44, Michael Geary m...@mg.to wrote: Here is how this really works: 1. Changes you make to the DOM always take effect immediately. If you make any change to the DOM and then immediately follow that with code that looks for your change, that code will indeed see the change. For example: $('#mydiv').html( 'hello' ); alert( $('#mydiv').html() ); // alerts 'hello' 2. BUT... The browser does not refresh its display until your JavaScript code finishes running. So the user will not see any of your changes until then. 3. A synchronous Ajax call does not let your JavaScript code finish running. In that sense it's just like your hard loop. The user will not see anything you change in the DOM until after that call finishes and your code stops running. Ok... thanks... I suspected something like that... Why do you need a synchronous Ajax call? This is a VERY bad idea. In single-threaded browsers such as Firefox, it's not just a matter of the page display not refreshing. Your code will completely lock up the browser's user interface - menus and all - and not just for the current browser tab or window, but for *all* browser tabs and windows. The script I'm doing is not for a web page but for a Windows Sidebar Gadget... in particular, a settings page for the gadget ( http://img694.image shack.us/i/clipboard1d.png/ ) so the blocking isn't a big issue since the user can't do anything with a widget if there isn't a working connection anyway... When you click on the OK button a function is called which must set a property of the closing event and beforehand I must check if the settings the user entered are correct (the connection with an external service can be established)... Here's more info about it: http://msdn.mic rosoft.com/en-us/library/bb655904(VS.85).aspx http://msdn.mic rosoft.com/en-us/library/aa359280(VS.85).aspx Can you use the BlockUI plugin to simulate the effect you need? This would be MUCH better than using synchronous Ajax: http://www.malsup.com/jquery/block/ I'll try and see what I can come up with... If you must use a synchronous Ajax call and you want the user to see a message you put into the DOM, then you will need to yield control after you add the message but before issuing the Ajax call. You can do this with setTimeout. Where you have code like this: $('#message').html( 'Sorry, dude, I will now lock up your browser' ); $.ajax({ async:false, ... }); You need to change it to: $('#message').html( 'Sorry, dude, I will now lock up your browser' ); setTimeout( function() { $.ajax({ async:false, ... }); }, 1 ); That will allow the user to see your message before you lock up the browser by issuing the Ajax call. But what would be the point? By using setTimeout() you've made the code asynchronous anyway. So you could just use asynchronous Ajax in the first place, with BlockUI to give the blocking effect you want in the UI. Ok, thanks... I'll look into it... -- nowotny
[jQuery] Re: DOM changes takes effects only after function is done processing
You'll have to glue the URLs together... Apparently I'm not allowed to post links... :/
[jQuery] Re: Selecting all checked checkboxes: nothing seems to work
Hi, I think that this is a syntax problem. Try this: $([name^='item']:checked).map(function() { }); it works for me. On 17 Lis, 11:11, ximo wallas igguan...@yahoo.com wrote: I'm using this selector: $('[name^=item]').map(function() {}); To access a group of checkboxes with names like: item[1], item[2], item[3], item[4] It works fine, but when trying to access only the selected ones, I can't find the way... $('[name^=item]:checked').map(function() {}); This doesn't work... __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection aroundhttp://mail.yahoo.com
Re: [jQuery] Having trouble getting Superfish to work...
download the example page, there's a full working example in zip download. Follow the html structure in the example and try adding new elements based on that markup sfHover class gets added by script to li tags, you shouldn't need to add any classes for the script to work other than perhaps a 'current" class. Wiz8ian wrote: Hi Guys, I know this will be a simple fix - but i've downloaded superfish, installed the css and js files, inserted everything into the head of my site but simply don't understand what i need to change now to get it all running. The superfish homepage states "Begin with a working pure CSS dropdown menu just like you would if creating a Suckerfish menu - ie. for each li:hover selector, add an equivalent li.sfHover selector." Maybe it's just worded strange but i don't get it. Do i make a new selector with "a:sfhover" on the end of every "li" in my menu? Yes, i'm confused. Anyone able to explain this to me in simple steps? Forgive my noob-ness. Thanks in advance :)
Re: [jQuery] Re: simeple drop down menu
According to http://docs.jquery.com/Effects/stop you'd better use stop this way : .stop(true, true). Your problem was the animation could be stopped halfway through the fadeIn and keep an opacity value way too transparent to let the element appear again next time you tried to fade it in again. Michel Belleville 2009/11/17 runrunforest craigco...@gmail.com THanks Michel, changed the selector slightly, it works. But only half. The problem now, if i hover in and out multiple times the list will disappear permanently. script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.jshttp://ajax.googleapis.com/ajax/%0Alibs/jquery/1.3.2/jquery.min.js /script script type=text/javascript $(function(){ $('div').hover(function(){ $(this).children('ul').stop().fadeIn(333); }, function(){$('.news').children('ul').stop().fadeOut(333); }); }); /script div class=news style=position:relative a href=# class=meNEWS/a ul style=position:absolute; display:none lia href=#Real Estate/a/li lia href=#Your Home/a/li lia href=#Real Estate/a/li lia href=#Your Home/a/li /ul /div
Re: [jQuery] Syntax Question
It would help if your function was ready to receive this additional parameter wouldn't it ? var init_number_of_bikes = function(chosen_id) { ... }; Then you could use the value. If someone calls the function and gives no value, it'll be empty (empty is false when used as a boolean in JavaScript). Michel Belleville 2009/11/17 heohni heidi.anselstet...@consultingteam.de Hi, I have build a function like this: var init_number_of_bikes = function(){ // Request all avail. bikes var urlextend = findBikes(); $.ajax({ type: get, url: ./includes/ajax.php?action=getBikes+urlextend, success: function(msg){ //alert(msg); $('.nrBikes').html(msg) } }); } And I am calling this funtion on several places. Now I came to the point, where I want to pass an addtional value to this function, like init_number_of_bikes(chosen_id); But how can I access this passed value within my function?
[jQuery] Re: Syntax Question
Sorry, I was just blind Thanks!! On 17 Nov., 12:20, Michel Belleville michel.bellevi...@gmail.com wrote: It would help if your function was ready to receive this additional parameter wouldn't it ? var init_number_of_bikes = function(chosen_id) { ... }; Then you could use the value. If someone calls the function and gives no value, it'll be empty (empty is false when used as a boolean in JavaScript). Michel Belleville 2009/11/17 heohni heidi.anselstet...@consultingteam.de Hi, I have build a function like this: var init_number_of_bikes = function(){ // Request all avail. bikes var urlextend = findBikes(); $.ajax({ type: get, url: ./includes/ajax.php?action=getBikes+urlextend, success: function(msg){ //alert(msg); $('.nrBikes').html(msg) } }); } And I am calling this funtion on several places. Now I came to the point, where I want to pass an addtional value to this function, like init_number_of_bikes(chosen_id); But how can I access this passed value within my function?
[jQuery] confirm does not work
Hi, My confirm pop up window does not pop up using the code bellow, * function initialiseLegendLayerDeletion(project_name, layer_name, unslug_project_name, unslug_layer_name){ // This function deletes the corresponding layer - ajax deletion $(# + layer_name + _legend_layer_header_delete_layer).click (function(){ if(confirm(Are you sure you want to delete +unslug_layer_name +?)){ $.ajax({ type: 'POST', url: '/deleteLegendLayer/', data: { layer_name: unslug_layer_name, project_name: unslug_project_name }, success: function(data){ $(# + project_name + _ + layer_name + _layer_in_legend).remove(); $(# + project_name + _ + layer_name + _legend_accodion_layer_entry).remove(); // remove all spatial features under this layer from the associative arrays and the google map // remove areas from map createPolygon(project_name, 0, unslug_layer_name, unslug_project_name); // remove area from array delete polygon_assoc_array[unslug_project_name] [unslug_layer_name]; } }); } }); } // end of function initialiseLegendLayerDeletion() * I have tried bind, click, live, $post, $ajax but none of them gives me a confirmation window when i click on the deletion button.. Any suggestions? Thanks in advance!
Re: [jQuery] Selectors, Escaping special Character in JQuery 1.3.2 not working as expected.
Works for me: http://jsbin.com/izoco source: http://jsbin.com/izoco/edit - Richard On Tue, Nov 17, 2009 at 4:01 AM, phil pkra...@gmail.com wrote: I just recently attempted to upgrade from jQuery 1.2.6 to jQuery 1.3.2 and it broke several web pages where my selectors are escaping special characters - the period. Here is a quick example: input type=text name=first.name id=first.name/ The selector $(#first\\.name) works in jQuery 1.2.6, but is broken in jQuery 1.3.2. Is this intentional or a is it a bug? I would be grateful if there is a workaround!
Re: [jQuery] How to implement an Excel-like UI?
Start here: http://jqueryplugins.weebly.com/jquerysheet.html - Richard On Mon, Nov 16, 2009 at 8:27 PM, sayeo87 yeosuan...@gmail.com wrote: Hi, I'm new to jQuery, and plan on doing some tutorials to get more familiar with it. But my ultimate goal is to make a UI that has somewhat similar behavior as MS Excel in the sense that you can select multiple blocks and edit single cells (I don't need any calculations though). A click-drag would highlight multiple blocks, a double-click would let you edit a single cell. Each cell will only hold a single character. The image at the end gives a better idea of what I'm trying to achieve. The questions I have are: - where would be a good place to start? (any plugins/tutorials I should look at in particular) - How well would something like this scale in jQuery if there were to be 1000s of cells, which could be dynamically added/removed? Thanks for your help! http://old.nabble.com/file/p26382940/guitartabcreator_mockup_small.jpg -- View this message in context: http://old.nabble.com/How-to-implement-an-Excel-like-UI--tp26382940s27240p26382940.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Jquery Boston Conference
From http://ralphwhitbeck.com/2009/09/16/jQueryConference2009Summary.aspx The jQuery Conference will now be held four times next year in Boston, London, San Francisco and Online. Any further information will be posted to the jQuery Blog, http://blog.jquery.com/ as it becomes available. - Richard On Mon, Nov 16, 2009 at 7:41 AM, ray raneeh...@gmail.com wrote: I've searched online for any posting related to a Jquery Conference in 2010. Does anyone have an idea if there will be another hosted and if so will it be in Boston; 2010?
[jQuery] Basic selectors question
Hey, I started learning JQuery today. I got what (EF) selector does but I didn't digest what (E+F) and (E~F) do. Thanks for help and time.
Re: [jQuery] Basic selectors question
Consider this setting : blah / bloh / $('blah + *') will select bloh / $('bloh ~ *') will select blah / Michel Belleville 2009/11/17 HB hubaghd...@gmail.com Hey, I started learning JQuery today. I got what (EF) selector does but I didn't digest what (E+F) and (E~F) do. Thanks for help and time.
[jQuery] how to get around jquery .prev and .next siblings.
the problem im having is that i have a next and previous link that selects the next div with a class of thumb, however these are grouped into sets of 4 within another div eg div class=image_set div class=thumb id=1 div class=thumb id=2 div class=thumb id=3 div class=thumb id=4 /div div class=image_set div class=thumb id=5 ...etc. and my jquery is var nextLink = $(.thumb[id= + newID + ]).next('.thumb').attr('id'); $(a#rightLink).attr(href, nextLink); var prevLink = $(.thumb[id= + newID + ]).prev('.thumb').attr('id'); $(a#leftLink).attr(href, prevLink); basicaly when the link is clicked it refreshes the links with a new href to go to the next thumb, but when i get to the last one of a set (in my example 4) in obviously doesnt move to 5 because it only finds siblings, im sure its a simple work around but i cant figure it out thanks in advance for any help. Alex -- View this message in context: http://old.nabble.com/how-to-get-around-jquery-.prev-and-.next-siblings.-tp26389767s27240p26389767.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Basic selectors question
HB wrote: Hey, I started learning JQuery today. I got what (EF) selector does but I didn't digest what (E+F) and (E~F) do. Thanks for help and time. They're mostly the same ones as in css and they're all listed here: http://docs.jquery.com/Selectors Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] Re: jquery compatibility problem (easing)
Thank you so much. I've been looking for a solution for the longest time and just couldn't figure it out. I really appreciate it. On Nov 16, 5:46 am, JMcGinnis justin.mcgin...@gmail.com wrote: first remove jQuery.easing.def = ‘easeOutBounce’; then replace function animate() { $('#newThread').animate({left:0}, 2000); } with function animate() { $('#newThread').animate({left: 0px}, 2000, 'easeOutBounce') } --JMcGinnis eveready wrote: I don't know much about Jquery or javascript for that matter. I apologize in advance for the noobieness of my question. I have the easing plugin on a site, which make a logo come in from the side and 'bounce' into place. script type=text/javascript $(function(){ $('#newThread').css({left:'1200px'}) jQuery.easing.def = ‘easeOutBounce’; setTimeout(animate, 500); }); function animate() { $('#newThread').animate({left:0}, 2000); } /script I believe this code sets the default ease as 'easeOutBounce'. My problem is this is affecting all my other jquery animations and they are all bouncing. One example is the following: script type='text/javascript' SmokeEffect.imgLocation = URL; SmokeEffect.smokeWidth = 80; SmokeEffect.smokeHeight = 45; SmokeEffect.makeEffect(smokeSpawnPoint, 216, 0); /script This creates the animation of a puff of smoke being released from a chimney. Unfortunately, the smoke cloud 'bounces'. As I said, I don't know much about this stuff, but I've tried to add this... $(element).slideUp(1000, method, callback}); and this... $(element).slideUp({ duration: 1000, easing: method, complete: callback}); to the second code (and the first), but I haven't been able to solve the problem. Can someone please help me solve this and be very specific as to the steps I have to take. Any help is greatly, greatly appreciated. -- View this message in context:http://old.nabble.com/jquery-compatibility-problem-%28easing%29-tp263... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Attribute filters doesn't work with similar values
Thank you, but I have no control on the page, in fact I'm working on a Chrome extension, and this code should runs on any opened page to find any XFN tag. So I'm worried I'll have to extract an rel attribute, then split each value and manually find what I'm looking for ... This seems a perfect task for jquery, but it' not.
[jQuery] jQuery animating height in IE
So I have this login system which uses jQuery's animation function to make the tab eventually disappear. It works in all browsers fine but IE, of course. Anyway heres the code,Height=39: profile_info.animate({top:+=+Height,height:-=+Height},500,function (){...}); If I take out the height, it works in IE with no errors, but of course it doesn't look right. I noticed that if I decrease it by a certain amount, such as 20, it works fine as well. But if I make it higher, such as 30, it shows an error and doesn't complete. I read that if the height isn't set in set in the css, it won't work correctly but I already have the height equal to 39 so that's not the problem. Any ideas?
[jQuery] Need help with jQuery in Wordpress
I've been putting the finishing touches on my blog-to-be, but I've got stuck on this thing and I need help! This is what I'm trying to create: When you click on a thumbnail on the bottom, the main image and the text are supposed to change. [IMG]http://i34.tinypic.com/i6xzxd.jpg[/IMG] Here's the site: http://zek.nma.sg/ (with the broken attempt at creating the above) This is the code I used: $(document).ready(function(){ $(h3).append('em/em') $(.thumbs a).click(function(){ var largePath = $(this).attr(href); var largeAlt = $(this).attr(title); $(#largeImg).attr({ src: largePath, alt: largeAlt }); $(#recentworks h3 em).html( ( + largeAlt + )); return false; }); }); I was trying to follow the tutorial at http://www.webdesignerwall.com/tutor...for-designers/ (See No. 9) I've tried deactivating my Flickr+Highslide plugin, and I still couldn't get the jQuery to work. I checked with Firebug, and I'm pretty sure the jQuery loads into the browser. But I can't get any code working. How do I get the jQuery to work?
[jQuery] As assistance to test v1.4, I made a cord comparison table between the jQuery versions.
As assistance to test jQuery v1.4, I made a cord comparison table between the jQuery versions. http://jsgt.org/lib/jquery/1.4/comparLegacy2.htm v14 changes a lot than I thought.
[jQuery] Re: jQuery and jCorner problems ($ is not a function)
$().ready I think the problem is there, what selector you pass to the jquery? Nothing! $(document).ready(...); OR $(window).ready(...); maybe your choice. On Nov 17, 9:11 am, ReynierPM rper...@uci.cu wrote: Hi every: I'm trying to use jCorner to get rounded effects in some of my DIV but when I run the page nothing happen and I get this error: $ is not a function [Break on this error] $().ready(function(){\n I've included jQuery and jCorner libraries as follow: script src=jquery.js type=text/javascript/script script src=jcorner.js type=text/javascript/script And then my code is this: script type=text/javascript $().ready(function(){ $('#login').corner(bl); $('#container').corner(); }); /script Where it fails? What's wrong? Cheers and thanks in advance
[jQuery] Re: How can a get an image's dimension AFTER animation
I think you mean this, $(sth).animate({the css}, [duration], function(){ calcHere(); }) On Nov 17, 10:14 am, nabrown78 nabrow...@gmail.com wrote: I am animating an image's height. Afterwards, I want to know the image's width. The following code gives the image's width prior to the animation. function growBigger(element) { var myWidth = $(element) .find(img) .animate({ height: curImgHeight },{queue:false, duration: 500 },calcWidth()).animate({marginTop:0}).width(); alert (myWidth); }; Even if I create a calcWidth() function, and use it as a callback in one of the animations, I still get the width *before* the animation occurred. Any way to solve this? I suppose I could calculate it using proportions, but it's still mysterious to me why I can't grab the post- animation width. Thanks!
[jQuery] Trigger button click event when lost focus in textbox
I have a textbox and button to check items in the database. The thing is I want to trigger the button click event when textbox is lost focus. This is my click event. $(document).ready(function() { $(#button_from).click(function() { $(#waitingFrom).show(); $.ajax({ type: 'POST', url: 'index.php?m=itema=getPartName', dataType: 'json', data: { part_no: $(#from_part_no).val() }, success: function(data) { $(#waitingFrom).hide(); $(#tfrom_part_name).val($(#from_part_name).val (data.DESCRIPTION).val()); $(#tfrom_status).val($(#from_status).val (data.INVENTORY_ITEM_STATUS_CODE).val()); $(#tfrom_inventory).val($(#from_inventory).val (data.TRANSACTION_QUANTITY).val()); $(#tfrom_usage_rate).val($(#from_usage_rate).val (data.USAGE_RATE).val()); } }); }); I need help to call that click event when let's say $(#from_part_no) has lost focus. Thanks in advance.
[jQuery] clientID and asp.net
hi, after trying to figure out how i could easily use the the asp.net server control clientid's for jquery, especially when i had more than one ascx on a page, i came up with the following: function getAspNetClientIds(prefix) { var ids = new Object(); var prefixLength = prefix.length; var delimiter = _; $([id^= + prefix + ]).each(function() { var bits = this.id.substr(prefixLength).split(delimiter); var l = bits.length - 1; var node = ids; for (var i = 0; i l; i++) { var cn = node[bits[i]]; if (cn == null) { cn = new Object(); node[bits[i]] = cn; } else if (typeof cn == string) { node[bits[i]] = new Object(); node[bits[i]].value = cn; cn = node[bits[i]]; } node = cn; } node[bits[l]] = # + this.id; }); return ids; } which means i can just do something like var ids = getAspNetClientIds(ctl00_ContentPlaceHolder1_); whilst this might not been immediately helpful, it does mean i can then do something like: doAddressStuff(ids.MainPerson.MainAddress); doAddressStuff(ids.MainPerson.PreviousAddress); doAddressStuff(ids.SecondPerson.MainAddress); doAddressStuff(ids.SecondPerson.PreviousAddress); does this seem like a reasonable method, or is there a better approach?
[jQuery] Re: JQuery/Java script Help required
Did you ask in http://jquerybox.com/index.php/topic,760.0.html ??? I had just answered you there! I had tested in FF and IE7. here are the code I used. Since my english is not that good, I hope I got what you wanted. script $(function(){ $('select').each(function(){ this.selectedIndex = 0; }); }); function redirect_to_url(url) { if(url!='') window.location = url ; } /script table thead thRegion/th thAction/th /thead tbody tr tdstrong001/strong/td td select id=form_action onChange=redirect_to_url(this.value) option--Select--/option option value=http://abcd.cgi?value=001;abcd/option option value=http://xyz.cgi?value=001;xyz/option option value=http://lol.cgi?value=001;Lol/option /select /td /tr tr tdstrong002/strong/td td select id=form_action onChange=redirect_to_url(this.value) option--Select--/option option value=http://abcd.cgi?value=001;abcd/option option selected=selected value=http://xyz.cgi? value=001xyz/option option value=http://lol.cgi?value=001;Lol/option /select /td/tr /tbody /table On Nov 17, 3:21 pm, ninadmhatre ninad.mha...@gmail.com wrote: HI I am very new to Java scripting. I am stuck at one html page which has 6 SELECT blocks with same ID attribute and options in this SELECT blocks are nothing but the links to different pages ( ALL LINKS ARE UNIQUE ) . This page is dynamically generated by ( Template Toolkit ) so I can not hardcode the ID. What i wanted is when user load the page all drop-downs will be at default value --select-- and when user selects any option from drop-down he gets redirected to new page also when he comes back to same page ( via back button on browser ) it again should be defaulted to --select-- option. I managed to do what I wanted via JQuery, But the issue was It never worked in IE ( worked fine in Firefox ) Here is the code : $(document).ready(function(){ $(select#form_action).change( function() { var url = this.value ; if ( url != '') { window.location = url ; url = '' ; $(select#form_action).val(''); } }) ; }) ; Now this didn’t work so I changed SELECT block added onChange event and called the function redirect_to_url but I was not able create my own function in JQuery It never worked. So I changed that part to Java script and it worked as expected but here the issue was I needed to set all drop downs to default values ( --select--) which I couldn’t do in java script. Here is Java script : script style='text/javascript' function redirect_to_url(url) { if ( url != '' ) { window.location = url ; url = '' ; $(select#form_action).val(''); } } /script So I reset that field using JQuery other processing using Java script. It working but I didn’t like it. Can some one provide me solution to my problem or at least guide me ? - Create a function in JQuery and call it via onChange event ? Or - Default the value of drop–down on page load. Here is Sample HTML I am using : table thead thRegion/th thAction/th /thead tbody tr tdstrong001/strong/td td select id=form_action onChange=redirect_to_url(this.value) option--Select--/option option value=http://abcd.cgi?value=001;abcd/option option value=http://xyz.cgi?value=001;xyz/option option value=http://lol.cgi?value=001;Lol/option /select /td /tr tr tdstrong002/strong/td td select id=form_action onChange=redirect_to_url(this.value) option--Select--/option option value=http://abcd.cgi?value=001;abcd/option option value=http://xyz.cgi?value=001;xyz/option option value=http://lol.cgi?value=001;Lol/option /select /td/tr /tbody /table -- View this message in context:http://old.nabble.com/JQuery-Java-script-Help-required-tp26385438s272... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Syntax Question
I'd change it to var init_number_of_bikes = function(id_parameter){ then you'll have the parameter as a variable 'id_parameter' in your function. note that if it is called without the parameter, it will be undefined, you can do this to use a default value: var safe_to_use_id = id_parameter || 0 Then you will use 0 as the id if id_parameter is undefined (or generally speaking: falsy) br J On 17 Nov, 10:59, heohni heidi.anselstet...@consultingteam.de wrote: Hi, I have build a function like this: var init_number_of_bikes = function(){ // Request all avail. bikes var urlextend = findBikes(); $.ajax({ type: get, url: ./includes/ajax.php?action=getBikes+urlextend, success: function(msg){ //alert(msg); $('.nrBikes').html(msg) } }); } And I am calling this funtion on several places. Now I came to the point, where I want to pass an addtional value to this function, like init_number_of_bikes(chosen_id); But how can I access this passed value within my function?
[jQuery] Filling an autocomplete field with JS
Hi all. I've a form with a country text box with 2 hidden sub-textbox fields. For example, if the user fill the country field with United States, will be shown him 2 text fields: City and State. On the other hand, if he choose Brazil, will be shown him only one text field: City. Only the Country field has autocomplete. It's working for manual filling: if the user focus the field, fill it and focus-out, then the page will show the right field(s). My problem is: I'm trying to fill the field using JS: $('input[name=country]').val('United States'); $('input[name=state]').val('New Hampshire'); $('input[name=city]').val('Concord'); All 3 fields are being filled, but bot State and City fields only are shown if I focus and un-focus the Country field. So, how can I send a focus and 'un-focus' function to the country field? I mean: something like this: $('input[name=country]').val('United States').focus().unfocus(); $('input[name=state]').val('New Hampshire'); $('input[name=city]').val('Concord'); Please, let me know if I need to clarify my question. Thanks, davi
[jQuery] Problem with jquery fancy box with flash content
Hi, I am using jquery fancybox plugin in my application to display zoomed content in light box popup style, i am using flash on same page as well, now, my issue is that the popup appears behind the flash content and part of it gets hidden under flash content, whereas if i replace flash with an image, popup appears alright , over that image. What can be the cause and possible solution for this issue? Please suggest! Thanks, Kul.
[jQuery] Document Click triggered onSubmit
I'm having a bit of trouble understanding why a click event attached to the document is being triggered when submitting a form through the enter key. Here's my setup: html head script type='text/javascript' src='http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.js'/script script type='text/javascript' $(function(){ // Form Submission $('form').bind('submit', function(event){ console.log('Submit: ', event); return false; }); // Input events $('input[type=text]').bind('keyup', function(event){ console.log('Keyup: ', event); }).bind('keydown', function(event){ console.log('Keydown: ', event) }); // Doc Click $(document).click(function(event){ console.log('Document Click: ', event); }); }); /script /head body form action='test.html' method='GET' input type='text' input type='submit' value='Submit' /form /body /html Any ideas?
[jQuery] Drag scroll
Hi! I working on a portfolio site: http://bit.ly/297LCa and I want to add a google maps drag navigation to it. I found 2 plugins that can do this: dragscroll: http://plugins.jquery.com/project/dragscroll scrolldrag: http://plugins.jquery.com/project/scrolldrag but since I'm a total javascript n00b, I don't know how to implement this into my html document. My site is basically a huge jpg, that Ive put in a div like this: div id=work align=topimg src=test3.jpg alt=work width=1680 height=3000 border=0/ /div this is what I did with the jQuery script: script type=text/javascript $(window).load(function(){ $('#work').dragscroll(); }); /script I doesn't work, but I don't think I'm doing it right either... I'm sure it's super easy for someone who knows jQuery! It would be awesome if anyone with a little bit of knowledge could help me out or put me in the right direction! thanks, /H
[jQuery] Re: XML Writing
script type=text/javascript $(function(){ $('settings').find('type').text(b); }); /script settings typea/type /settings You mean that? where is your xml? get by ajax? inpage? On Nov 16, 3:39 pm, Shane wishiwasmiss...@gmail.com wrote: Hey guys, Is it possible to use jQuery to write to XML nodes for example I have: settings typea/type /settings I want to do something like: $(xml).find('type').text(b); This however isn't working. So I was wondering if there was a different way to do this. Thanks, Shane.
[jQuery] Autocomplete plugin not working with $.ajax?
here the code // if I type like below code, auto complete it's show.. $('#edit-submitted-order-no').autocomplete([one,two,three]); // but if I type like below code, auto complete not showing... why? anybody can help?... thanks $.ajax({ type: POST, url: test.php, success: function(msg){ //alert(msg); return [one,two,three] $('#edit-submitted-order-no').autocomplete(msg); } });
[jQuery] fadeOut(slow) not working
In this code I want to disappear container div slowly but fade out is not working html head titlejdk/title script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function(){ $(#close).click(function () { $(.container).fadeOut(normal); }); }); /script titleUntitled Document/title /head body div class=fakewindowcontain pThis is learning by jitubaba10. Working from long time to understand the widge concept...is, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. /p div class=container div class=ui-overlay div class=ui-widget-overlay/div div class=ui-widget-shadow ui-corner-all style=width: 350px; height: 240px; position: absolute; left: 33%; top: 28%;/div /div div style=position: absolute; width: 350px; height: 240px;left: 33%; top: 28%; padding: 10px; class=ui-widget ui-widget-content ui- corner-all div class=ui-dialog-content ui-widget-content style=background: none; border: 0; DIV A style=PADDING-RIGHT: 10px; BACKGROUND-POSITION: right center; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: right; BACKGROUND- REPEAT: no-repeat href=# id=close close me/A/DIV DIV style=FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; COLOR: #559e51; BORDER-BOTTOM: #e5e5e5 1px solidYou can add your problem here./DIV /div /div /div /body /html
[jQuery] Problem adding values in select box (select)
I am using this code: script type=text/javascript src=jquery-1.3.2.min.js/script script type=text/javascript $(function(){ $('#country').change(function(){ $.getJSON('dropdown.php',{cmd:'states',country:$('#country').val ()},function(data){ $.each(data,function(index,val){ var option = new Option(val,val); $('#state').add(option); }); }); }); }); /script This is basically cascading drop down, upon selecting country states will be shown, but this line $('#state').add(option); is not adding value to the select box state also how the select box state will be empties via jquery.
[jQuery] Re: newbie plugin question
$(document).ready() { should be $(document).ready(function(){ On Nov 17, 8:06 am, echobase bushbr...@gmail.com wrote: Hi- I'm just getting into jQuery plugins and I wanted to do a sort of 'hello world' exercise with a barebones plugin template. My template code is below but I can't get the console.log statement in the setup() function to show in a firebug console window. IIf I put a console.log statement immediately following the top line: ;(function($) { console.log('hello world'); .it does work. Can someone please tell me what I'm doing wrong? I call the plugin like so: script type=text/javascript src=myPlugin.js script type=text/javascript $(document).ready() { $('ul').myPlugin(); }); /script myPlugin.js: ;(function($) { $.fn.extend({ myPlugin: function(options) { return this.each(function() { new $.MyPlugin(this, options); }); } }); $.MyPlugin = function(element, options) { var defaults = { helloText: hello World } this.options = $.extend({}, defaults, options || {}); this.setup(); }; $.extend($.MyPlugin.prototype, { setup: function() { console.log(this.helloText); } }); })(jQuery);
[jQuery] Re: Document Click triggered onSubmit
I'm having a bit of trouble understanding why a click event attached to the document is being triggered when submitting a form through the enter key. When you press Enter, Firefox (looks like this wasn't tested in IE) triggers the click event on the default submit button. That bubbles up to the document. Put an event handler on the submit button's click and you'll see what I mean.
[jQuery] Re: simeple drop down menu
YEah i works right on! Thank you, Michel, for helping me debug that stuff.
[jQuery] Re: Problem adding values in select box (select)
but this line $('#state').add(option); is not adding value to the select box state The .add() method only adds the option element to the jQuery object, it doesn't modify the document. You probably wanted this: $('#state').append(option);
Re: [jQuery] Re: XML Writing
Nice idea, if this can implemented On Tue, Nov 17, 2009 at 4:41 PM, Peter hokwai...@gmail.com wrote: script type=text/javascript $(function(){ $('settings').find('type').text(b); }); /script settings typea/type /settings You mean that? where is your xml? get by ajax? inpage? On Nov 16, 3:39 pm, Shane wishiwasmiss...@gmail.com wrote: Hey guys, Is it possible to use jQuery to write to XML nodes for example I have: settings typea/type /settings I want to do something like: $(xml).find('type').text(b); This however isn't working. So I was wondering if there was a different way to do this. Thanks, Shane. -- Mufti Ali 087831163105 http://wordtaps.com http://blogfreakz.com e
[jQuery] Integration between different domains.
Hallo all. I got this problem My web site has this architetcture. The homepage defines a sidebar and a header menu: then is defined an iframe where is loaded the dynamic content. The homepage defines some utility functions that are called from the iframe with this style: parent.myFunction(); This all work but when I try to insert in the iframe a web application that lives on a different domain the calls to the utility functions do not work any more. Is there a security issue in this behaviour? Kind regards Massimo
[jQuery] Integration between different domains.
Hallo all. I got this problem My web site has this architetcture. The homepage defines a sidebar and a header menu: then is defined an iframe where is loaded the dynamic content. The homepage defines some utility functions that are called from the iframe with this style: parent.myFunction(); This all work but when I try to insert in the iframe a web application that lives on a different domain the calls to the utility functions do not work any more. Is there a security issue in this behaviour? Kind regards Massimo
[jQuery] OK newb question... what is jQuery
Before any one says so, yes I am jumping the gun posting here but I have been looking around and i cant find anything that answers the simple question: What is jQuery - my best guess is that its a library of javascript coding that developers download and sit in their site structure and link HTML code off too to do nifty things. Is that right? i.e. can i download one library and then take different HTML and javascript codes and from different developers and theyll work? -- View this message in context: http://old.nabble.com/OK-newb-question...-what-is-jQuery-tp26390570s27240p26390570.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: BlockUi - blue ring?
If you don't want a wait cursor then just set the css cursor prop: $.blockUI({ css: { cursor: 'default' } }); Mike On Nov 17, 4:05 am, Jonathan Vanherpe (T T NV) jonat...@tnt.be wrote: I don't see a busy cursor in Ubuntu, but I do see it in Win 7 and win XP (on pretty much any browser). The example page onhttp://malsup.com/jquery/block/stylesheet.htmlalso seems to do this. So I guess this is just a Windows thing. It doesn't stop you from using your browser or anything so it's mostly a cosmetic issue. You could try using something other than blockui to show a modal dialog. Jonathan heohni wrote: Well, we are only on localhost right now, but one example is: http://www.iwb-stahldesign.de/produkte_blumenkuebelgrau.php if you add the item to the shopping cart, you will see it, too. Inside the div all is fine, outside, I see the blue ring cursor. I am on a windows 7 machine, and I have the same behavoir on all browsers, so I guess, you will see the same effect? And the same happen on our localhost example, just with the difference that there I see the blue ring also inside the div area. On 17 Nov., 09:30, Jonathan Vanherpe (T T NV)jonat...@tnt.be wrote: heohni wrote: Hi, I am using theBlockUIin 2 apps. In the first, The overlay works fine, but as soon as I go with my mouse outside the div, into the grey area, my mouse pointer turns to a blue ring (ring of death). In my second, I have the blue ring also within my div area. What am I doing wrong? Can someone please help? A link to the page would be nice. Also some information about the browser and operating system you're using (I suspect you're on Windows as you're using the 'blue something of death' terminology). Jonathan -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be -- Jonathan Vanherpe - Tallieu Tallieu NV - jonat...@tnt.be
[jQuery] how to parse xml with namespace ?????
Hi all, I have came across an issue related to xml parsing. Here is code for parsing xml with namespace : var data = {xml content}; $(data).find('{namespace}\\:nodename').each(function() { { Code to perform something.} }); This code works fine in IE and FF and xml got parsed as expected. But it is not workng with safari. Can anybody help me out to parse xml with namespaces using jquery so that it work fine in all browsers??? Thanks to all for showing there concern.
[jQuery] Re: Newbie Superfish Issues
Any body know where I'm going wrong with Superfish or could it be something else causing the menu not to work on www.georgeforeman.co.uk/beta How is it possible i've got it working on one example and not the other very strange when its the same code Thanks Simon On Nov 16, 12:11 pm, sroyle82 sroyl...@googlemail.com wrote: Has any body used superfish with the hoverIntent script? I've followed the online examples but I'm still seem to be having problems getting it to work its doesn't appear in IE6 and the rollover doesn't seem to work http://www.georgeforeman.co.uk/beta- Not working http://www.esaltoneurope.co.uk/menu- working fine any ideas where I'm going wrong?? Thanks Simon
[jQuery] Re: XML Writing
Here is code : var xml = {xml content}; $(xml).find('{nodename}').text({changed value}); This code works fine. And content should be proper xml and not string. On Nov 16, 12:39 pm, Shane wishiwasmiss...@gmail.com wrote: Hey guys, Is it possible to use jQuery to write to XML nodes for example I have: settings typea/type /settings I want to do something like: $(xml).find('type').text(b); This however isn't working. So I was wondering if there was a different way to do this. Thanks, Shane.
Re: [jQuery] Re: XML Writing
Is the xml file can be saved as a file? or just change on the fly? On Tue, Nov 17, 2009 at 9:21 PM, g...@iec abhi.pur...@gmail.com wrote: Here is code : var xml = {xml content}; $(xml).find('{nodename}').text({changed value}); This code works fine. And content should be proper xml and not string. On Nov 16, 12:39 pm, Shane wishiwasmiss...@gmail.com wrote: Hey guys, Is it possible to use jQuery to write to XML nodes for example I have: settings typea/type /settings I want to do something like: $(xml).find('type').text(b); This however isn't working. So I was wondering if there was a different way to do this. Thanks, Shane. -- Mufti Ali 087831163105 http://wordtaps.com http://blogfreakz.com
[jQuery] Is It Possible For FullCalendar To Work With Multiple Google Calendars?
I have been exploring the FullCalendar plugin (http://arshaw.com/ fullcalendar/), which works nicely. I have been able to display information from one of my Google calendars, but have not had success with multiple calendars. Does anyone know if this is possible? Thanks - george
[jQuery] Re: Integration between different domains.
Take a look at this link, esspecialy part where cURL is mentioned http://techrageo.us/2007/08/03/jquery-makes-ajax-easy-part-1/
[jQuery] Re: confirm does not work
Hi again, Nevermind that, it works afterall. My bandwidth and FF were the actual problem in picking up the modifications i was making to the code. Cheers, God bless jquery ;p On Nov 17, 12:52 pm, Adonis achrysoch...@hotmail.com wrote: Hi, My confirm pop up window does not pop up using the code bellow, * function initialiseLegendLayerDeletion(project_name, layer_name, unslug_project_name, unslug_layer_name){ // This function deletes the corresponding layer - ajax deletion $(# + layer_name + _legend_layer_header_delete_layer).click (function(){ if(confirm(Are you sure you want to delete +unslug_layer_name +?)){ $.ajax({ type: 'POST', url: '/deleteLegendLayer/', data: { layer_name: unslug_layer_name, project_name: unslug_project_name }, success: function(data){ $(# + project_name + _ + layer_name + _layer_in_legend).remove(); $(# + project_name + _ + layer_name + _legend_accodion_layer_entry).remove(); // remove all spatial features under this layer from the associative arrays and the google map // remove areas from map createPolygon(project_name, 0, unslug_layer_name, unslug_project_name); // remove area from array delete polygon_assoc_array[unslug_project_name] [unslug_layer_name]; } }); } });} // end of function initialiseLegendLayerDeletion() * I have tried bind, click, live, $post, $ajax but none of them gives me a confirmation window when i click on the deletion button.. Any suggestions? Thanks in advance!
Re: [jQuery] Change all CSS background images url
Why are you using a root-relative URL ? If the entire site is in a folder, and then you move everything into another folder, everything will stay relative. Therefore, having the path as img (or whatever the relative path to that folder is) should work, no ? Liam nomen wrote: Hi all: I have a website. All my images are in /img directory. Now, my client needs to put the site in a subdirectory, so, my images are now in /subdir/img. In the future, maybe we have to change the site to another subdirectory. I don´t want to change all my CSS anytime the client changes the subdirectory. So my question is: Is there a simple way to change all CSS background-image property with the next logic: Change all the existing CSS background-image properties in this way: if the url starts with /img change to /subdir/ img else do nothing Thank you for your help in advance. No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.425 / Virus Database: 270.14.67/2506 - Release Date: 11/16/09 07:43:00
[jQuery] Validation (groups, rules and messages)
I'm working with the validation plugin I have a first name and last name field and I want to have these grouped together with one message. This is what I have: But the message still isn't showing. groups: {fullName: firstname lastName, },rules:{fullName: required,}, messages:{fullName: Both first and last name are required,
[jQuery] Superfish IE6 Issue
I've finally been able to the get the Superfish plugin script to work on our new website in the nav-bar format www.georgeforeman.co.uk/beta but unfortunatley in IE6 its doesn't seem to work the way it should as the drop down menu list appears under each other until you rollover them and then they snap in to place but this only a selected few drop downs I've tried setting a set with but still nothing any ideas?? Thanks Simon
Re: [jQuery] Validation (groups, rules and messages)
You need to specify the rules for each individual field, here firstname and lastName. The group name doesn't have any meaning outside the groups-option itself. Jörn On Tue, Nov 17, 2009 at 4:23 PM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: I’m working with the validation plugin I have a first name and last name field and I want to have these grouped together with one message. This is what I have: But the message still isn’t showing. groups: { fullName: firstname lastName, },rules:{fullName: required,},messages:{fullName: Both first and last name are required,
Re: [jQuery] Validation (groups, rules and messages)
So what exactly does the group option do? On 11/17/09 10:30 AM, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: You need to specify the rules for each individual field, here firstname and lastName. The group name doesn't have any meaning outside the groups-option itself. Jörn On Tue, Nov 17, 2009 at 4:23 PM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: I'm working with the validation plugin I have a first name and last name field and I want to have these grouped together with one message. This is what I have: But the message still isn't showing. groups: {fullName: firstname lastName, },rules:{fullName: required, }, messages:{fullName: Both first and last name are required,
[jQuery] I'm getting what looks like a bug in IE7
Here is the screenshot of the bug or error in IE7. Can anyone help me figure this one out? http://www.michaelandregina.com/jqueryErrorInIE7.png Thanks Mike
[jQuery] (validate) error in IE7
Here is the screenshot of the bug or error in IE7. Can anyone help me figure this one out? http://www.michaelandregina.com/jqueryErrorInIE7.png Thanks Mike
Re: [jQuery] Validation (groups, rules and messages)
It affects the message display, producing only a single error label for a given group. Jörn On Tue, Nov 17, 2009 at 4:35 PM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: So what exactly does the group option do? On 11/17/09 10:30 AM, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: You need to specify the rules for each individual field, here firstname and lastName. The group name doesn't have any meaning outside the groups-option itself. Jörn On Tue, Nov 17, 2009 at 4:23 PM, Atkinson, Sarah sarah.atkin...@cookmedical.com wrote: I’m working with the validation plugin I have a first name and last name field and I want to have these grouped together with one message. This is what I have: But the message still isn’t showing. groups: { fullName: firstname lastName, },rules:{fullName: required, },messages:{fullName: Both first and last name are required,
Re: [jQuery] (validate) error in IE7
Could you provide some code? A testpage? jsbin.com works great for that. Jörn On Tue, Nov 17, 2009 at 4:39 PM, dmikester1 dmikest...@gmail.com wrote: Here is the screenshot of the bug or error in IE7. Can anyone help me figure this one out? http://www.michaelandregina.com/jqueryErrorInIE7.png Thanks Mike
Re: [jQuery] JQuery/Java script Help required
On Tue, Nov 17, 2009 at 2:21 AM, ninadmhatre ninad.mha...@gmail.com wrote: HI I am very new to Java scripting. I am stuck at one html page which has 6 SELECT blocks with same ID attribute and options in this SELECT blocks are nothing but the links to different pages ( ALL LINKS ARE UNIQUE ) . You cannot have more than one element in a page with the same ID. The entire point of an ID is to *uniquely identify* an element. This page is dynamically generated by ( Template Toolkit ) so I can not hardcode the ID. Change the server-side code. Give the select elements a classname if it must be the same and use that in your jquery selector.
Re: [jQuery] newbie plugin question
On Mon, Nov 16, 2009 at 7:06 PM, echobase bushbr...@gmail.com wrote: I call the plugin like so: script type=text/javascript src=myPlugin.js You should probably close that script tag. Not all browsers will handle it well, I think.
[jQuery] Re: (validate) error in IE7
I couldn't figure out how to include stuff like css and images at that link. http://www.michaelandregina.com/chris/form.html Thanks Mike On Nov 17, 9:43 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: Could you provide some code? A testpage? jsbin.com works great for that. Jörn On Tue, Nov 17, 2009 at 4:39 PM, dmikester1 dmikest...@gmail.com wrote: Here is the screenshot of the bug or error in IE7. Can anyone help me figure this one out? http://www.michaelandregina.com/jqueryErrorInIE7.png Thanks Mike
[jQuery] Re: Strange behavior experienced when using the show and hide effects
I only posted to jQuery's Google Group. If you're receiving my post via e-mail that means you are somehow subscribed to receive e-mail digests of the posts here in which case you'll have to remove yourself. Sorry. On Nov 13, 11:59 am, Dharshini Nathan dharshini...@gmail.com wrote: Please unsubscribe me from your mailing listy. Thank you. On Fri, Nov 13, 2009 at 7:31 AM, The alMIGHTY N natle...@yahoo.com wrote: I have a page with a DIV at the top that is shown and hidden with the jQueryUI show and hide effects. Underneath it is a TABLE whose vertical position shifts up and down depending on whether the DIV is shown or hidden. In Internet Explorer 7, when the hide animation is just about done, the TABLE suddenly shifts to a vertical position even lower than when the DIV is shown but only for a split second after which it returns to the spot where it should be. This happens no matter what speed I assign to the effect. In Firefox 3, when the show animation is in progress, a memory of the TABLE remains within the DIV even as the TABLE itself is visibly shifting downwards on the page. This only seems to happen when the table has a lot of row/columns *and* a decent amount of styling (background colors, padding, alignment, etc.) - if I use a table with no styling and/or few columns and rows, this behavior doesn't manifest. It also only happens the first time the show effect occurs. I've included the complete HTML/JavaScript/CSS below. Thanks for any help! I need it badly because the real page on which this example is based is one part of my attempt to convince the company that we should use jQuery. html head link rel=stylesheet type=text/css href=http:// ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/ jquery- ui.css/ style type=text/css body { font-family: Calibri, Arial, Helvetica, sans-serif; } .data { margin-top: 5px; } .data td { padding: 3px 5px; font-size: 10pt; } .data th { padding: 3px 5px; background-color: #003399; font-size: 8pt; color: #ff; } /style script type=text/javascript src=http:// ajax.googleapis.com/ ajax/libs/jquery/1.3.2/jquery.min.jshttp://ajax.googleapis.com/%0Aajax/libs/jquery/1.3.2/jquery.min.js /script script type=text/javascript src=http:// ajax.googleapis.com/ ajax/libs/jqueryui/1.7.2/jquery-ui.min.jshttp://ajax.googleapis.com/%0Aajax/libs/jqueryui/1.7.2/jquery-ui.min.js /script script type=text/javascript $(document).ready(function() { $(#toggler).toggle(function() { $(#hiddenInPlainSight).show (fast); }, function() { $(#hiddenInPlainSight).hide (fast); }); }); /script /head body a id=toggler href=#Show/a div id=hiddenInPlainSight style=display: none; divselect size=1optionA/optionoptionB/ optionoptionC/optionoptionD/option/select/div div style=width: 400px; height: 141px; border: solid 1px #cc; padding: 5px; overflow: auto;Nothing for right now./div input type=button value=OK/input type=button value=Cancel/ /div div style=margin-top: 10px;input type=text/ to input type=text//div table class=data border=0 cellpadding=0 cellspacing=0 tbody tr thName/th thID/th thMy Opinion/th thYour Opinion/th thOriginal Quantity/th thOriginal Price/th thDiscounted Quantity/th thDiscounted Price/th thBulk Quantity/th thBulk Price/th /tr tr tdA/td td1/td tdBlah blah blah blah blah/td tdYadda yadda yadda yadda yadda/td td123/td td$9.99/td td123/td td$9.99/td td123/td td$9.99/td /tr tr style=background-color: #cc; tdB/td td2/td tdBlah blah blah blah blah/td tdYadda yadda yadda yadda yadda/td td123/td td$9.99/td td123/td td$9.99/td td123/td td$9.99/td /tr tr tdC/td td3/td
[jQuery] Scrollable Image Gallery - Looks Like a Grid Instead of a Carousel??
Hi everyone, I'm struggling to find something and hoped someone here would be able to help. I'd like to implement a thumbnail gallery in the form of a 4x3 grid (the number of items is irrelevant though) on my web page. I would like to be able to page the grid, so that you could click on left and right hyperlinks to scroll the grid page by page. So if I had 36 images, 12 would be shown at a time, and by clicking on the left / right links the entire page would scroll and present 12 new images. A good example would be the Facebook image gallery when you click on someone photos. It displays thumbnails in a grid form and allows you to scroll the grid back and forth using the numerical hyperlinks. i've seen lots of carousel's which only display a sinle line of thumbnails (or whatever you put into them), but I've not seen anything which handles multiple rows of images? If there's nothing out there really, could someone give me a good idea where to start? Thanks all, apologies for the 'newbie' post. Chubby
[jQuery] getjson request an unavailable page
Hi guys, I write a web page that retrieve the data from a JSON formatted file but when this fiel doesn't exist I can't see any error; how I can handle this situation thanks
[jQuery] Table sorter plugin not properly sorting Distance column (ie: 17 Miles)
I'm using the tableshorter plugin on a table which lists multiple locations, and that contains a Distance column which displays distances in the format of 17 Miles and 5 miles, etc. I have the following javascript in my head section, which defines the sort order of the 1 column that I want to have sortable (and that specifies which columns I do not want to make sortable): script type=text/javascript $(document).ready(function() { $(#locationsTable).tablesorter( {sortList: [[1,0]], headers: { 0: { sorter: false }, 2: { sorter: false }, 3: { sorter: false } } } ); }); /script I'm finding that I am not able to properly sort the distance column when I include the word Miles in that table cell. It's only when I remove the word Miles from the table cell that the column sorts properly. How can I fix this? Thanks, - Yvan
[jQuery] Re: Konami Code :]
Love it, although I had to make some modifications to get it to work. Your function without the {} brackets didn't run, also add in the key '13' as this is the enter key (aka start). [code] $(function (){ var press = 0, keys = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65, 13]; $(document).keydown(function (e){ if (e.which == keys[press]) { press++; } else { press = 0; }; if (press == keys.length) {function (){ // your little treat... }; }); }); [/code] On Nov 16, 3:03 pm, Ash takingsi...@gmail.com wrote: Every body loves a little treat in their websites... Well I believe jQuery holds the PERFECT javascript library for doing the Konami Code. A fan of Konami, and having such a cool little hidden feature to your websites, I decided i'd share my code with the world, or at least those people who'd like it.. Just like the PHP logo change, creativity with this little beauty will keep your mind going for ever ;) [code] $(function (){ var press = 0, keys = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65]; $(document).keydown(function (e){ if (e.which == keys[press]) press++; else press = 0; if (press == keys.length) (function (){ // your little treat... }); });}); [/code]
Re: [jQuery] Filling an autocomplete field with JS
On Tue, Nov 17, 2009 at 11:08 AM, presto presto...@gmail.com wrote: Hi all. [...] So, how can I send a focus and 'un-focus' function to the country field? [...] Doing more test, I found that the event that I want to simulate, is a tab after a focus and a double click. Both focus and double click I can already simulate. How can I simulate the tab keypress? (In other words: I want to switch to the next field just like the user would did if he was filling the form manually) I'm trying to use .trigger({type: 'keypress', which: 9}), but this is giving me the error: h.indexOf is not a function http://dev.domain.tld/js/libs/jquery.js Line 11 I'm using jQuery 1.2.6 and autocomplete 1.0.2. What am I missing? regards, -- davi
[jQuery] JQuery - how to fade and loop background style
Hi All, Is there a way to fade and loop a background-color of a div element? I would like it to change every 10 seconds or so, from green to orange to purple and then loop back to green and start again. With a fade effect. I have searched high and low for a plugin, or tutorial, to no avail. Thanks. Dan
Re: [jQuery] JQuery/Java script Help required
hey thanks for the suggestion i will try this .. brian ally-3 wrote: You cannot have more than one element in a page with the same ID. The entire point of an ID is to *uniquely identify* an element. This page is dynamically generated by ( Template Toolkit ) so I can not hardcode the ID. Change the server-side code. Give the select elements a classname if it must be the same and use that in your jquery selector. @ Peter-422 Thanks a lot ... it did solve the problem .. to some extent but we Use IE6 and its not working so still trying my luck with JQuery + Java script -- View this message in context: http://old.nabble.com/JQuery-Java-script-Help-required-tp26385438s27240p26393307.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] JQuery - how to fade and loop background style
jQuery UI effects core adds color animation and class transitions: http://jqueryui.com/demos/animate/ http://docs.jquery.com/UI/Effects/animate You can download it here: http://jqueryui.com/download just check 'Effects Core' - Richard On Tue, Nov 17, 2009 at 11:43 AM, Dan dan.loff...@gmail.com wrote: Hi All, Is there a way to fade and loop a background-color of a div element? I would like it to change every 10 seconds or so, from green to orange to purple and then loop back to green and start again. With a fade effect. I have searched high and low for a plugin, or tutorial, to no avail. Thanks. Dan
[jQuery] IE 7 error with $.getJSON data elements
//This code is withing a larger function, but the error is coming into play when the 'ppButton' is clicked // It throws the following error in IE 7 (6 not yet tested): // // Error: 'data.items[...].background' is null or not an object // Code: 0 // var PP = $('.pomonaPeople'); $.getJSON(/dev/home/pp.json, function(data){ PP.css('background', 'url(' + data.items[0].background + ' )' ); // create navigation var ppButton = $('#pp-nav ul li a'); ppButton.qtip({ style: { name: 'pomonastandard', 'font- size': '70%', tip: true }, position: { adjust: { mouse: true, x:0, y: 0, screen: true }, corner: { target: 'topRight', tooltip: 'bottomLeft'}} }); var currentPP = PP.find('#pp-0'); ppButton.click( function(event) { event.preventDefault(); var ppDivs = PP.children('div'); var aIndex = $(this).attr('href'); var destination = PP; destination.append('div class=loading/div'); var aIndexBG = data.items[aIndex].background; destination.css('background', 'url(' + aIndexBG + ' )' ); // set z-index of current div to be above others, and reset rest currentPP.css('z-index', '100'); currentPP = $('#pp-' + aIndex); //console.log(currentPP); currentPP.css('z-index', '125'); destination.find('.loading').fadeOut(FADE); }); PP.find('.loading').fadeOut(FADE); });
[jQuery] Re: Selectors, Escaping special Character in JQuery 1.3.2 not working as expected.
Yes thats true. I just tested the exact code I have on jsbin and it worked fine. http://jsbin.com/uhane source: http://jsbin.com/uhane/edit I wonder if there is a difference in the included JQuery library on jsbin and what jQuery currently has on their web site. I will try to replace my local copy of jQuery and see if that resolves this issue. thanks. On Nov 17, 4:53 am, Richard D. Worth rdwo...@gmail.com wrote: Works for me: http://jsbin.com/izoco source:http://jsbin.com/izoco/edit - Richard On Tue, Nov 17, 2009 at 4:01 AM, phil pkra...@gmail.com wrote: I just recently attempted to upgrade from jQuery 1.2.6 to jQuery 1.3.2 and it broke several web pages where my selectors are escaping special characters - the period. Here is a quick example: input type=text name=first.name id=first.name/ The selector $(#first\\.name) works in jQuery 1.2.6, but is broken in jQuery 1.3.2. Is this intentional or a is it a bug? I would be grateful if there is a workaround!
Re: [jQuery] IE 7 error with $.getJSON data elements
Well, when I've got an error saying something is null or not an object, and that very something is obtained from a query response, first thing I do is checking what was the response. Firebug may help if you're not using it already, and my shot in the dark here would be to think you've either received something you didn't expect, or in a format you didn't exepct, or that the data.items[0].background didn't fit the provided format. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com //This code is withing a larger function, but the error is coming into play when the 'ppButton' is clicked // It throws the following error in IE 7 (6 not yet tested): // // Error: 'data.items[...].background' is null or not an object // Code: 0 // var PP = $('.pomonaPeople'); $.getJSON(/dev/home/pp.json, function(data){ PP.css('background', 'url(' + data.items[0].background + ' )' ); // create navigation var ppButton = $('#pp-nav ul li a'); ppButton.qtip({ style: { name: 'pomonastandard', 'font- size': '70%', tip: true }, position: { adjust: { mouse: true, x:0, y: 0, screen: true }, corner: { target: 'topRight', tooltip: 'bottomLeft'}} }); var currentPP = PP.find('#pp-0'); ppButton.click( function(event) { event.preventDefault(); var ppDivs = PP.children('div'); var aIndex = $(this).attr('href'); var destination = PP; destination.append('div class=loading/div'); var aIndexBG = data.items[aIndex].background; destination.css('background', 'url(' + aIndexBG + ' )' ); // set z-index of current div to be above others, and reset rest currentPP.css('z-index', '100'); currentPP = $('#pp-' + aIndex); //console.log(currentPP); currentPP.css('z-index', '125'); destination.find('.loading').fadeOut(FADE); }); PP.find('.loading').fadeOut(FADE); });
[jQuery] Re: IE 7 error with $.getJSON data elements
I am using Firebug, and everything works fine in FF, Safari, Opera, and even IE 8. Something about IE 7 though is throwing that error and I can't for the life of me track what it is. :( On Nov 17, 9:19 am, Michel Belleville michel.bellevi...@gmail.com wrote: Well, when I've got an error saying something is null or not an object, and that very something is obtained from a query response, first thing I do is checking what was the response. Firebug may help if you're not using it already, and my shot in the dark here would be to think you've either received something you didn't expect, or in a format you didn't exepct, or that the data.items[0].background didn't fit the provided format. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com //This code is withing a larger function, but the error is coming into play when the 'ppButton' is clicked // It throws the following error in IE 7 (6 not yet tested): // // Error: 'data.items[...].background' is null or not an object // Code: 0 // var PP = $('.pomonaPeople'); $.getJSON(/dev/home/pp.json, function(data){ PP.css('background', 'url(' + data.items[0].background + ' )' ); // create navigation var ppButton = $('#pp-nav ul li a'); ppButton.qtip({ style: { name: 'pomonastandard', 'font- size': '70%', tip: true }, position: { adjust: { mouse: true, x:0, y: 0, screen: true }, corner: { target: 'topRight', tooltip: 'bottomLeft'}} }); var currentPP = PP.find('#pp-0'); ppButton.click( function(event) { event.preventDefault(); var ppDivs = PP.children('div'); var aIndex = $(this).attr('href'); var destination = PP; destination.append('div class=loading/div'); var aIndexBG = data.items[aIndex].background; destination.css('background', 'url(' + aIndexBG + ' )' ); // set z-index of current div to be above others, and reset rest currentPP.css('z-index', '100'); currentPP = $('#pp-' + aIndex); //console.log(currentPP); currentPP.css('z-index', '125'); destination.find('.loading').fadeOut(FADE); }); PP.find('.loading').fadeOut(FADE); });
[jQuery] Re: IE 7 error with $.getJSON data elements
I am using Firebug, and everything works fine in FF, Safari, Opera, and even IE 8. Something about IE 7 though is throwing that error and I can't for the life of me track what it is. :( On Nov 17, 9:19 am, Michel Belleville michel.bellevi...@gmail.com wrote: Well, when I've got an error saying something is null or not an object, and that very something is obtained from a query response, first thing I do is checking what was the response. Firebug may help if you're not using it already, and my shot in the dark here would be to think you've either received something you didn't expect, or in a format you didn't exepct, or that the data.items[0].background didn't fit the provided format. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com //This code is withing a larger function, but the error is coming into play when the 'ppButton' is clicked // It throws the following error in IE 7 (6 not yet tested): // // Error: 'data.items[...].background' is null or not an object // Code: 0 // var PP = $('.pomonaPeople'); $.getJSON(/dev/home/pp.json, function(data){ PP.css('background', 'url(' + data.items[0].background + ' )' ); // create navigation var ppButton = $('#pp-nav ul li a'); ppButton.qtip({ style: { name: 'pomonastandard', 'font- size': '70%', tip: true }, position: { adjust: { mouse: true, x:0, y: 0, screen: true }, corner: { target: 'topRight', tooltip: 'bottomLeft'}} }); var currentPP = PP.find('#pp-0'); ppButton.click( function(event) { event.preventDefault(); var ppDivs = PP.children('div'); var aIndex = $(this).attr('href'); var destination = PP; destination.append('div class=loading/div'); var aIndexBG = data.items[aIndex].background; destination.css('background', 'url(' + aIndexBG + ' )' ); // set z-index of current div to be above others, and reset rest currentPP.css('z-index', '100'); currentPP = $('#pp-' + aIndex); //console.log(currentPP); currentPP.css('z-index', '125'); destination.find('.loading').fadeOut(FADE); }); PP.find('.loading').fadeOut(FADE); });
[jQuery] Re: IE 7 error with $.getJSON data elements
Could it have something to do with the 'data' variable not being available to the function that I have placed inside the $.getJSON call? Is there a way to force it to pass on/be available to my ppButton.click(...) function? This is all I can think of for now.
Re: [jQuery] Re: IE 7 error with $.getJSON data elements
Oh, yeah, now I see. Of course data is probably not what you expect where you're reading it. Why would it ? It's set in a callback as a function's parameter, it's not meant to get out of the callback's scope, and even when it would, you don't know when the callback is triggered, that can be right before, right after, a month after, never, depending on how the AJAX call ends. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com Could it have something to do with the 'data' variable not being available to the function that I have placed inside the $.getJSON call? Is there a way to force it to pass on/be available to my ppButton.click(...) function? This is all I can think of for now.
[jQuery] Re: IE 7 error with $.getJSON data elements
So I guess that is the problem then? How would I work towards a solution in making 'data' available to that .click() function? On Nov 17, 10:02 am, Michel Belleville michel.bellevi...@gmail.com wrote: Oh, yeah, now I see. Of course data is probably not what you expect where you're reading it. Why would it ? It's set in a callback as a function's parameter, it's not meant to get out of the callback's scope, and even when it would, you don't know when the callback is triggered, that can be right before, right after, a month after, never, depending on how the AJAX call ends. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com Could it have something to do with the 'data' variable not being available to the function that I have placed inside the $.getJSON call? Is there a way to force it to pass on/be available to my ppButton.click(...) function? This is all I can think of for now.
[jQuery] Re: Script works in Firefox but not in IE.
Seems like IE is stucked in one of the while loops, but I can't figure out why. Anyone got a hint? On Nov 17, 9:49 am, hagbardceline hagbardcelin...@gmail.com wrote: Hi The following script works fine on FF but crashes IE (7 + 8). - !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en-us head meta http-equiv=content-type content=text/html; charset=utf-8 / script type=text/javascript src=http://tablesorter.com/jquery-latest.js;/script script type=text/javascript jQuery(function(){ var nodes = new Array(); nodes = $(.modAccordion).children(); $(.modAccordion).children().remove(); var i = 0; var headerTest = /.(Head)./; while(i nodes.length) { var testNode = nodes[i].toString(); if((testNode.match(headerTest))){ $(.modAccordion).append(nodes[i]); i++; var newDiv = document.createElement(div); newDiv.className=new; while(i nodes.length !((nodes[i].toString()).match (headerTest))) { newDiv.appendChild(nodes[i]); i++; } $(.modAccordion).append(newDiv); } } }); /script style div.new { background: #00ff00; } .modAccordion { background: #ff; } /style titleTableSorter/title /head body div class=modAccordion h3header 1/h3 psome text/p psome other text/p h3header 2/h3 psome text/p ul lilist element 1/li lilist element 2/li /ul h3header 3/h3 psome text/p psome other text/p psome more text/p psome different text/p /div /body /html -- Anyone knows how to fix for IE? Thx in advance, hagbard
Re: [jQuery] Re: IE 7 error with $.getJSON data elements
Well, you can call the click method inside the getJSON callback, that's the most straightforward way to do it, and probably the cleanest. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com So I guess that is the problem then? How would I work towards a solution in making 'data' available to that .click() function? On Nov 17, 10:02 am, Michel Belleville michel.bellevi...@gmail.com wrote: Oh, yeah, now I see. Of course data is probably not what you expect where you're reading it. Why would it ? It's set in a callback as a function's parameter, it's not meant to get out of the callback's scope, and even when it would, you don't know when the callback is triggered, that can be right before, right after, a month after, never, depending on how the AJAX call ends. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com Could it have something to do with the 'data' variable not being available to the function that I have placed inside the $.getJSON call? Is there a way to force it to pass on/be available to my ppButton.click(...) function? This is all I can think of for now.
Re: [jQuery] Re: IE 7 error with $.getJSON data elements
No, the scope of the data parameter is not the problem. The data parameter is already in scope inside your click handler. (Michel, check the code carefully - don't you agree? The click handler is nested inside the getJSON callback.) If it were broken in IE8 as well as IE7, then I would guess that you probably have a trailing comma at the end of your data.items array. If you have an array like [ 'a', 'b', ] then IE gives it a length of 3 with an undefined element at the end. But that should affect IE8 the same as IE7. But let's stop guessing. Get in there and have a look at the actual data. The error is occuring on this line in your click handler: var aIndexBG = data.items[aIndex].background; So add this code right before that line: alert( aIndex ); alert( typeof aIndex ); alert( data ); alert( data.items ); alert( data.items.length ); alert( data.items[aIndex] ); alert( data.items[aIndex].background ); What do the alerts say? -Mike On Tue, Nov 17, 2009 at 10:26 AM, roryreiff roryre...@gmail.com wrote: So I guess that is the problem then? How would I work towards a solution in making 'data' available to that .click() function? On Nov 17, 10:02 am, Michel Belleville michel.bellevi...@gmail.com wrote: Oh, yeah, now I see. Of course data is probably not what you expect where you're reading it. Why would it ? It's set in a callback as a function's parameter, it's not meant to get out of the callback's scope, and even when it would, you don't know when the callback is triggered, that can be right before, right after, a month after, never, depending on how the AJAX call ends. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com Could it have something to do with the 'data' variable not being available to the function that I have placed inside the $.getJSON call? Is there a way to force it to pass on/be available to my ppButton.click(...) function? This is all I can think of for now.
[jQuery] Re: JQuery - how to fade and loop background style
That works when I click the box. How would I make it work as a slideshow that requires no action and loops indefinitely? On Nov 17, 12:00 pm, Richard D. Worth rdwo...@gmail.com wrote: jQuery UI effects core adds color animation and class transitions: http://jqueryui.com/demos/animate/ http://docs.jquery.com/UI/Effects/animate You can download it here: http://jqueryui.com/download just check 'Effects Core' - Richard On Tue, Nov 17, 2009 at 11:43 AM, Dan dan.loff...@gmail.com wrote: Hi All, Is there a way to fade and loop a background-color of a div element? I would like it to change every 10 seconds or so, from green to orange to purple and then loop back to green and start again. With a fade effect. I have searched high and low for a plugin, or tutorial, to no avail. Thanks. Dan
[jQuery] Re: IE 7 error with $.getJSON data elements
Clicking on the first link (i.e. a href=0/a): http://pomona.edu/dev/home/0 string [object Object] [object Object], [object Object], [object Object], [object Object], [object Object] 5 I think the problem is in my var aIndex = $(this).attr('href'); In IE 7 it is appending the full URL...any ideas how to get around this? Thanks, On Nov 17, 10:37 am, Michael Geary m...@mg.to wrote: No, the scope of the data parameter is not the problem. The data parameter is already in scope inside your click handler. (Michel, check the code carefully - don't you agree? The click handler is nested inside the getJSON callback.) If it were broken in IE8 as well as IE7, then I would guess that you probably have a trailing comma at the end of your data.items array. If you have an array like [ 'a', 'b', ] then IE gives it a length of 3 with an undefined element at the end. But that should affect IE8 the same as IE7. But let's stop guessing. Get in there and have a look at the actual data. The error is occuring on this line in your click handler: var aIndexBG = data.items[aIndex].background; So add this code right before that line: alert( aIndex ); alert( typeof aIndex ); alert( data ); alert( data.items ); alert( data.items.length ); alert( data.items[aIndex] ); alert( data.items[aIndex].background ); What do the alerts say? -Mike On Tue, Nov 17, 2009 at 10:26 AM, roryreiff roryre...@gmail.com wrote: So I guess that is the problem then? How would I work towards a solution in making 'data' available to that .click() function? On Nov 17, 10:02 am, Michel Belleville michel.bellevi...@gmail.com wrote: Oh, yeah, now I see. Of course data is probably not what you expect where you're reading it. Why would it ? It's set in a callback as a function's parameter, it's not meant to get out of the callback's scope, and even when it would, you don't know when the callback is triggered, that can be right before, right after, a month after, never, depending on how the AJAX call ends. Michel Belleville 2009/11/17 roryreiff roryre...@gmail.com Could it have something to do with the 'data' variable not being available to the function that I have placed inside the $.getJSON call? Is there a way to force it to pass on/be available to my ppButton.click(...) function? This is all I can think of for now.
[jQuery] Re: Selectors, Escaping special Character in JQuery 1.3.2 not working as expected.
FYI: It was the validate/validation plugin that was breaking my example. When i commented out the include everything worked as expected. I needed to upgraded to the newer version of the validation plugin and everything is back to normal! Too many version dependencies, bah! It's too bad there isn't svn setup (that i know of) which tags all plugins with jQuery core so the versions could be resolved a bit easier. -phil On Nov 17, 9:17 am, phil pkra...@gmail.com wrote: Yes thats true. I just tested the exact code I have on jsbin and it worked fine.http://jsbin.com/uhane source:http://jsbin.com/uhane/edit I wonder if there is a difference in the included JQuery library on jsbin and what jQuery currently has on their web site. I will try to replace my local copy of jQuery and see if that resolves this issue. thanks. On Nov 17, 4:53 am, Richard D. Worth rdwo...@gmail.com wrote: Works for me: http://jsbin.com/izoco source:http://jsbin.com/izoco/edit - Richard On Tue, Nov 17, 2009 at 4:01 AM, phil pkra...@gmail.com wrote: I just recently attempted to upgrade from jQuery 1.2.6 to jQuery 1.3.2 and it broke several web pages where my selectors are escaping special characters - the period. Here is a quick example: input type=text name=first.name id=first.name/ The selector $(#first\\.name) works in jQuery 1.2.6, but is broken in jQuery 1.3.2. Is this intentional or a is it a bug? I would be grateful if there is a workaround!
[jQuery] jQuery and Cycle plugin
Hey! Been enjoying the Cycle plugin ( http://www.malsup.com/jquery/cycle/ ) but I can't get it do do exactly what I want. This image slideshow plugin comes with built in variables to control its operation, for example: $(document).ready(function() { $(function () { $('.slideshow').cycle({ fx: 'fade', pause: 1 }); }); }); in this case the 'pause' variable being true means that the image slideshow runs until mouseover the .slideshow div - at which point it pauses - and continues on mouseout But I'd like the opposite to occur - no slideshow until mouseover, then continue until mouseout. There appears to be no way of achieving this using the current version of Cycle - so my question is, is there a way to achieve what I want with some more convoluted jQuery and the mouseover/mouseout or hover events? Thanks