[jQuery] Re: How to solve this
Mostly like your last question just got overlooked, as it came in at 4:30am. ;-) There are two types of progress bar indicators you can use. The first is a fake one, with an animated picture that doesn't really mean anything. However, when you post the page most browsers will pause gif animations once the POST is started. The workaround for this is to have the form submission (or the progress bar) in a separate iframe so one doesn't affect the other. Or submit the form with an ajax (e.g. jquery.form plugin). The second, more sophisticated solution requires some server-side code monitors the request as it is being processed and records the state in a static memory variable. Then the page can do periodic ajax calls (setInterval) to obtain the status of the upload and update the progress bar with accurate figures. There are others here who will have a PHP-based solution, but if you are interested I have a .NET one I wrote. JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Johny Sent: Wednesday, November 05, 2008 10:57 PM To: jQuery (English) Subject: [jQuery] Re: How to solve this Nobody knows the answer to my question ? :-(
[jQuery] Serious help needed thanks
Hi I have a div, which has tabs that changes the divs in the area below it, show/hide effect. Now inside the div that is changed by the tabs it needs to scroll the content of that specific div with next and previous buttons each div having its own contents that needs to scroll. The tabs when clicked need to be in the hover state as selected. When the person hovers over the image button when it is in the selected state it must remain in the selected state. See the concept below of how it needs to work. http://www.webnow.co.za/enquiry/bask-closed.jpg The pink tab is the one that is in the selected state. Thanks for any help with this, this also needs to be cross-browser friendly, so yes it needs to work in IE as well. ;-) -- View this message in context: http://www.nabble.com/Serious-help-needed-thanks-tp20356767s27240p20356767.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jqModal iframe closing 2
No,that makes some error report... I need to live it '' It seems that the iframe java is little slower in execution...
[jQuery] Re: How to detect when the document has changed its dimensions.
Rather then using jQuery to update the position, tut the absolutely positioned element in a relatively positioned container, that will grow/shrink as the page grows (such as the wrapper). If you are using a z-index on the absolutely positioned element then IE will ignore it because it is in a relatively positioned container, which is a really annoying bug. ricardoe wrote: Hi everyone, I'm developing a little code that position absolutely an element in a page, but now I'm adding some events to the rest of the elements, some slides, nothing very fancy. But, now my element is misplaced because the rest of the page reacts to the change caused by my effect (this is, when an elements slides up, the next elements will be repositioned where my element was displayed). Is there a good elegant way to detect when the page has changed its dimensions? (not the window, the document). I know I can make a setInterval and check and check again, but I don't know... I'll leave that option as my last resource. Regards :)
[jQuery] Re: jquery validation unhighlight issue
You need to use a different class for that, as the errorClass is used to find the actual error label that displays the error message. Jörn On Wed, Nov 5, 2008 at 9:04 PM, kedr [EMAIL PROTECTED] wrote: my js is as follows: var validator = $('#myForm').validate({ onfocusout: false, onkeyup: false, rules: { prefix: { required: true }, name: { required: true } }, messages: { prefix: { required: 'Please select a prefix' }, name: { required: 'Please provide your name' } }, errorClass: 'formError', highlight: function(element, errorClass) { $(element.form).find('label[for=' + element.id + ']').addClass(errorClass); }, unhighlight: function(element, errorClass) { $(element.form).find('label[for=' + element.id + ']').removeClass(errorClass); } }); and my html: fieldset label for=prefix*Prefix:/label input id=prefix name=prefix type=text class=field / /fieldset fieldset label for=name*Name:/label input id=name name=name type=text class=field / /fieldset and I am using jquery 1.2.6 with jquery validation 1.4 When I submit with errors both labels get the errorClass attached which is what I want. But when I fix the errors and submit again, the labels disappear and it seems are getting a style=display;none instead of running the unhighlight method. Also, if I put an alert statement inside the unhighlight method it seems once you submit with no errors each corrected field spits out the alert twice. Any ideas? How do I get the unhighlight to remove the class instead of making the label disappear?
[jQuery] Equal columns with a twist
Hello, I am trying to solve the following issue: - There are 3 columns on a page. - When the page first loads each column needs to be the same height (say 400px) regardless of how much content will be in each column. - The content of the column is passed in and is unknown until the page loads. - If a column’s content needs more height than 400px than a “read more…” trigger needs to be added to the bottom. Clicking the “read more…” expands the column to reveal the rest of the content. - If a column content needs less height than 400px, the column is still 400px tall but no “read more...” trigger gets added. I have created some html for testing and a link to it is on the bottom of this message. A pass at writing out the logic of what is needed: Determine the height of div “container” after the content is loaded. • If the height of “container” is greater than 400px Add class “sizer” .sizer { overflow:hidden; height:400px; } Allow the paragraph inside div with class of “tag” to stay displayed (don’t do anything to it). The link that is in the paragraph that is inside the div with the class of “tag” becomes a show/hide trigger. When clicked, allow “container” to be full size (remove class “sizer” ?) When class “sizer” is added, there needs to be a way to add something to the where the content gets cut off. It would look/act like a truncate function. Perhaps something that counts back 5 characters from where it gets cut off and then add “…” • If the height of “container” is less than 400px Add class “sizer” sizer { overflow:hidden; height:400px; } This should keep a container with little or no content from collapsing down beyond 400px. Add class to paragraph inside div with class of “tag”. Add “.show-none” .show-none {display:none;} Here is the code to work from: http://paste.pocoo.org/show/88630/
[jQuery] Re: Equal columns with a twist
why add the sizer class, it seems no matter how much content is in there it won't shrink/grow beyond 400px so you could set this on the div directly. bmclaughlin wrote: Hello, I am trying to solve the following issue: - There are 3 columns on a page. - When the page first loads each column needs to be the same height (say 400px) regardless of how much content will be in each column. - The content of the column is passed in and is unknown until the page loads. - If a column’s content needs more height than 400px than a “read more…” trigger needs to be added to the bottom. Clicking the “read more…” expands the column to reveal the rest of the content. - If a column content needs less height than 400px, the column is still 400px tall but no “read more...” trigger gets added. I have created some html for testing and a link to it is on the bottom of this message. A pass at writing out the logic of what is needed: Determine the height of div “container” after the content is loaded. • If the height of “container” is greater than 400px Add class “sizer” .sizer { overflow:hidden; height:400px; } Allow the paragraph inside div with class of “tag” to stay displayed (don’t do anything to it). The link that is in the paragraph that is inside the div with the class of “tag” becomes a show/hide trigger. When clicked, allow “container” to be full size (remove class “sizer” ?) When class “sizer” is added, there needs to be a way to add something to the where the content gets cut off. It would look/act like a truncate function. Perhaps something that counts back 5 characters from where it gets cut off and then add “…” • If the height of “container” is less than 400px Add class “sizer” sizer { overflow:hidden; height:400px; } This should keep a container with little or no content from collapsing down beyond 400px. Add class to paragraph inside div with class of “tag”. Add “.show-none” .show-none {display:none;} Here is the code to work from: http://paste.pocoo.org/show/88630/
[jQuery] Re: Equal columns with a twist
Good point.
[jQuery] Superfish Feature Request
It would be nice if submenus that WOULD HAVE displayed outside the browser viewable area, to be repositioned so that they appear back inside the browser's viewable area. Thank You!
[jQuery] My first plug in. Need comments.
Guys, I am learning JQuery (and JavaScript) in general. So I decided to write my first 'Blink' plug in. It works but can you please take a look an tell me if something is considered bad practice or can be done better. (function($) { $.fn.blink = function(options) { var opts = $.extend({}, $.fn.blink.defaults, options); return this.each(function() { var $this = $(this); var currentColor = opts.color1; $this.css({backgroundColor: currentColor}); window.setInterval(function (){DoTheBlink();}, 1000); function DoTheBlink() { if (currentColor == opts.color1) currentColor = opts.color2; else currentColor = opts.color1; $this.css({ backgroundColor: currentColor }); } }); }; $.fn.blink.defaults = { color1: 'red', color2: 'blue' }; })(jQuery); --USE- div id=t1hahaha/div div id=t2hahaha/div div id=t3hahaha/div script $(document).ready(function() { $('#t1').blink({ color1: 'red', color2:'blue' }); $('#t2').blink({ color1: 'yellow', color2:'black' }); $('#t3').blink({ color1: 'red', color2:'green' }); }); Thanks George.
[jQuery] [tooltip] Title attribute reload (ajax)
Hello, I'm facing some trouble with tooltip plugin. I use it on pictures for description and dynamic datas inside title attribute. Its working well. I have some criterias that client-side can choose. Once criterias are chosen, picture is changed. I would like to change as well title attribute. Actually, I'm able to reload the content of the title attribute, and dynamic datas are ok, when looking to source code. But tooltip doesn't show up, and no error occurs. I tried to change id attribute, echo-ing the right new js tooltip call with the new id. Still doesn't work. Is there a way to reload title attribute and keep tooltip working ? Thank you very much :)
[jQuery] Advanced Button Rollover
Hello, Has anyone ever seen a use of jQuery for an advanced button rollover effect such as this: The main target area is a 20x20 graphic. Upon mouseover, a 80x20 graphic appears in its place, with 60px hanging to the left over any content that happens to be there. For example: Main target area: [] Rollover state: ===[] And then, to further complicate things, both parts of the rollover state (the original 20x20 and the hanging 60x20) have their own rollover states (just color changes). I have to build this for a client and am looking for some guidance on how to build this. What I've done so far is to bind a mouseover event handler to the original 20x20 graphic and create an 80x20 div that's relatively-positioned to hang over the left like that. Then, within the 80x20 div are two separate divs for the other rollover states. This, however, has failed miserably. And I'm going bald tearing my hair out to solve this. I know this sounds almost needlessly complicated for a button, but in the context of this client's web application, it makes sense. (Though they certainly could have found an easier way to design it. Sigh.) Has anyone built something similar in the past? Or would anyone be willing to sub-contract this work from me and build it? I'm at my wit's end and am willing to pay someone a reasonable rate to help me out. Thanks! - Mike
[jQuery] Cluetip is erasing the title attribute
Hi All, I am trying to use the latest Cluetip plugin to display a tooltip information for an image.The tooltip is displayed when the image is clicked.I am using the title attribute to inform the user to click for details and the info is stored in the desc attribute. img src=someImage.gif title=Click to view more details desc=SomeTitle|Some Description/ Everything is fine whne the page loads and when I do a mouse over on the image, it shows be the browser's tooltip and when I click on it shows the Cluetip div.After the Div us closed if I again do a mouseover on the image, I do not see the browser's tooltip.I checked the code and saw that the title attribute is being to empty quotes.I understand that this is done to avoid the browser's tooltip being displayed when the Cluetip is active. I've changed the code to store the title attribute in a temp variable and set it back when the Cluetip div is closed. I would recommend you incorporate the fix in your next release.. Also as Shawn Grover mentioned in his blog that the mouseoutclose triggers the close if the mouse moves inside and then outside the clueTip area.I want the mouseoutclose event to be applied on the object on which the Cluetip is invoked (ex:the img in this case) Regards, Raghukiran
[jQuery] Using search engine keywords to change page content
I have written a post on my blog with some examples on how you can get the keywords a person used to find your site and then change content on it. http://www.justjquery.com/2008/11/04/how-to-make-the-most-of-search-engine-traffic/
[jQuery] animated robot cartoon with jquery
Hi all, I occasionally volunteer as a guest speaker for the web design class at my child's elementary school. I wanted to introduce them to jquery and html in a fun way so I created an animated jquery 'robot'. Now, I'm not really adept at javascript or any type of programming at all. I'm a designer turned wannabe' web developer :) I used multiple divs and transparent png's to create the different parts of the parallax background and the bouncing robot. The code I was able to piece together to make it work is absolutely horrendous, even for me. I was hoping maybe some of you jquery masters might be able to take a looksy and help me out? The url is: robot.anthonycalzadilla.com (I would just post the code but its so long it wouldn't be visibly viable) Anthony [EMAIL PROTECTED]
[jQuery] Re: Superfish Feature Request
Have a look at this Superfish extension called Supposition. It is an effort to achieve exactly what you are asking for, although it comes with no guarantees or support. http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/ Joel Birch.
[jQuery] How to detect when the document has changed its dimensions.
Hi everyone, I'm developing a little code that position absolutely an element in a page, but now I'm adding some events to the rest of the elements, some slides, nothing very fancy. But, now my element is misplaced because the rest of the page reacts to the change caused by my effect (this is, when an elements slides up, the next elements will be repositioned where my element was displayed). Is there a good elegant way to detect when the page has changed its dimensions? (not the window, the document). I know I can make a setInterval and check and check again, but I don't know... I'll leave that option as my last resource. Regards :)
[jQuery] Re: My first plug in. Need comments.
Hi Georges ! excellent way to learn. personally, i would use toggleClass() (http://docs.jquery.com/Attributes/toggleClass#class) and have the color set in the CSS file. As a rule, try always to use each technology for what it was meant: html data css styling javascript behaviour so it would be: http://jsbin.com/osaxa On Thu, Nov 6, 2008 at 6:46 AM, George [EMAIL PROTECTED] wrote: Guys, I am learning JQuery (and JavaScript) in general. So I decided to write my first 'Blink' plug in. It works but can you please take a look an tell me if something is considered bad practice or can be done better. (function($) { $.fn.blink = function(options) { var opts = $.extend({}, $.fn.blink.defaults, options); return this.each(function() { var $this = $(this); var currentColor = opts.color1; $this.css({backgroundColor: currentColor}); window.setInterval(function (){DoTheBlink();}, 1000); function DoTheBlink() { if (currentColor == opts.color1) currentColor = opts.color2; else currentColor = opts.color1; $this.css({ backgroundColor: currentColor }); } }); }; $.fn.blink.defaults = { color1: 'red', color2: 'blue' }; })(jQuery); --USE- div id=t1hahaha/div div id=t2hahaha/div div id=t3hahaha/div script $(document).ready(function() { $('#t1').blink({ color1: 'red', color2:'blue' }); $('#t2').blink({ color1: 'yellow', color2:'black' }); $('#t3').blink({ color1: 'red', color2:'green' }); }); Thanks George.
[jQuery] jQuery, ASP.Net and Drop-Down-Lists
Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] New plug-in: autosave
Hi guys, I've just finished building a new plug-in called autosave which is designed to save the progress of forms by saving the fields to cookies so you won't lose anything. http://rikrikrik.com/jquery/autosave/ I've not fully released it yet as I was hoping for some feedback on what could be changed or added to make it better Hope you like it, Rik -- Rik Lomas http://rikrikrik.com
[jQuery] Re: animated robot cartoon with jquery
Pretty cool! -- Ariel Flesler http://flesler.blogspot.com On Nov 6, 2:56 am, anthony.calzadilla [EMAIL PROTECTED] wrote: Hi all, I occasionally volunteer as a guest speaker for the web design class at my child's elementary school. I wanted to introduce them to jquery and html in a fun way so I created an animated jquery 'robot'. Now, I'm not really adept at javascript or any type of programming at all. I'm a designer turned wannabe' web developer :) I used multiple divs and transparent png's to create the different parts of the parallax background and the bouncing robot. The code I was able to piece together to make it work is absolutely horrendous, even for me. I was hoping maybe some of you jquery masters might be able to take a looksy and help me out? The url is: robot.anthonycalzadilla.com (I would just post the code but its so long it wouldn't be visibly viable) Anthony [EMAIL PROTECTED]
[jQuery] Re: calling style
Difference between the two code? On Nov 6, 12:36 pm, Satyakaran [EMAIL PROTECTED] wrote: function load() { //jQuery(function($) { $(#div1).load(starterkit.html); //}); } OR function load() { jQuery(function($) { $(#div1).load(starterkit.html); }); } Can you tell me what is the difference between the two. I know both works. So, which one should I use. I am talking about the commented code on first snippet. Thanks!
[jQuery] Re: Select nested ul inside a li element
Hi, The ul is inside the li, not the next element, so you can do $(this).find('ul') to select it Rik 2008/11/6 suntrop [EMAIL PROTECTED]: Hi. I want to collapse my navigation. But I can't select the nested ul inside a li The markup: ul id=navigation liFruits ul liApples/li liBananas/li liStrawberries/li /ul /li liVegetables ul liTomatoes/li liPeas/li /ul /li This is what I tried to do: $('#navigation li').click(function() { $(this).next().slideToggle(fast); }); But this code doesn't collapse the nested ul but the next li. When I click Fruits it'll toggle Vegetables. How can I select just the ul inside the li? When I click Fruits it should toggle the ul with Apples, Bananas ... This one won't work either: $('#navigation li').click(function() { $(this ' ul').slideToggle(fast); }); or this: $('#navigation li').click(function() { $(this).child().slideToggle(fast); }); Hope somebody can help. Thanks! -- Rik Lomas http://rikrikrik.com
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
Anyone got an idea of what could be causing it? Without example code of what you are trying to do, it could be anyone's wild guess In the end, an asp:DropDownlist generates to a select object, which jQuery has absolutely zero problems dealing with On Nov 6, 8:42 am, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: calling style
he's commented out the jquery call out. All you would need is this; jQuery(function() { $(#div1).load(starterkit.html); }); Satyakaran wrote: Difference between the two code? On Nov 6, 12:36 pm, Satyakaran [EMAIL PROTECTED] wrote: function load() { //jQuery(function($) { $(#div1).load(starterkit.html); //}); } OR function load() { jQuery(function($) { $(#div1).load(starterkit.html); }); } Can you tell me what is the difference between the two. I know both works. So, which one should I use. I am talking about the commented code on first snippet. Thanks!
[jQuery] Array in get help
I have an checkboxes in form and I have unique ID for each of them... and something like this : var x = new Array ( 'idx1','idx2' ); and I need to do something like this: for ( var i in x ) { $('#x[i]').attr('checked', true); -- this isn't working } I do not have any idea how to change an array like some element
[jQuery] Event Firing Twice
I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at: http://jsbin.com/atiza Help!
[jQuery] calling style
function load() { //jQuery(function($) { $(#div1).load(starterkit.html); //}); } OR function load() { jQuery(function($) { $(#div1).load(starterkit.html); }); } Can you tell me what is the difference between the two. I know both works. So, which one should I use. I am talking about the commented code on first snippet. Thanks!
[jQuery] Re: calling style
The difference is that the commented out version assumed that jQuery is the only JS library, as the $ function is used in other libraries, such as mootools and Prototype, so the jQuery(function($) { }) stops any conflicts Rik 2008/11/6 Liam Potter [EMAIL PROTECTED]: he's commented out the jquery call out. All you would need is this; jQuery(function() { $(#div1).load(starterkit.html); }); Satyakaran wrote: Difference between the two code? On Nov 6, 12:36 pm, Satyakaran [EMAIL PROTECTED] wrote: function load() { //jQuery(function($) { $(#div1).load(starterkit.html); //}); } OR function load() { jQuery(function($) { $(#div1).load(starterkit.html); }); } Can you tell me what is the difference between the two. I know both works. So, which one should I use. I am talking about the commented code on first snippet. Thanks! -- Rik Lomas http://rikrikrik.com
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: Problems with the JSON return from the jQuery.ajax() method
WOW! Thanks very very very much!!! How a simple comma have the power to make a big problem! I dont know how I said it, but te devo uma!. Thanks a lot!!! On Nov 5, 9:26 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote: Your second documentos array (the empty one), has a comma after it, which is not followed by another property. When I tried to eval your original json, I got an error. After removing that comma, it eval'ed correctly. Hope this helps. JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Augusto TMW Sent: Wednesday, November 05, 2008 1:56 PM To: jQuery (English) Subject: [jQuery] Re: Problems with the JSON return from the jQuery.ajax() method Hi, thanks about your answer. This is a example of my JSON: {mes:{ numero:11, ano:2008, reunioes: [ { dia:27, horario:15:50, local:lorem ipsum, titulo:Reunião 03, documentos:[ {nome:teste5,arquivo:../institucional/downloads/ teste5.pdf}, {nome:teste6,arquivo:../institucional/downloads/ teste6.pdf} ] }, { dia:23, horario:10:20, local:lorem ipsum, titulo:Reunião 04, documentos:[], } ], visitas:[ { dia:1, horario:21:15, local:lorem ipsum, titulo:Visita 01, documentos:[ {nome:teste4,arquivo:../institucional/downloads/teste4.pdf} ] }, { dia:25, horario:21:15, local:lorem ipsum, titulo:Visita 02, documentos:[ {nome:teste5,arquivo:../institucional/downloads/teste5.pdf} ] } ] }} Where I've to put the comma? Thanks very much for your help! =D Augusto TMW On Nov 5, 12:46 pm, Choan Gálvez [EMAIL PROTECTED] wrote: Hi. On Nov 4, 2008, at 10:48 PM, Augusto TMW wrote: Hi, I'm trying do return a JSON with a $.ajax() method. here is my entire function: function carregaMes(d){ if(!(_reunioes[reg+d.month+d.year])){ $.ajax({ url: reunioes.jsp, data: mes=+d.month+ano=+d.year, async: false, dataType: json, success: function(a){ _reunioes[reg+d.month+d.year] = a; } }); return _reunioes[reg+d.month+d.year]; } else { return _reunioes[reg+d.month+d.year]; } } Where _reunioes is an array in window object. In FF its ok, but in IE its return undefined. I tried to call a normal ajax and use the jQuery.httpData() method to covert my xhr into a JSON, but my IE tell me that in line where jQuery tries to convert ( data = eval((+data+)); ) has an error Indentifier, sequency or number expected. I'd bet the input is not valid JSON. Check for extra commas at the end of your JSON array definition. Best. -- Choan
[jQuery] Select nested ul inside a li element
Hi. I want to collapse my navigation. But I can't select the nested ul inside a li The markup: ul id=navigation liFruits ul liApples/li liBananas/li liStrawberries/li /ul /li liVegetables ul liTomatoes/li liPeas/li /ul /li This is what I tried to do: $('#navigation li').click(function() { $(this).next().slideToggle(fast); }); But this code doesn't collapse the nested ul but the next li. When I click Fruits it'll toggle Vegetables. How can I select just the ul inside the li? When I click Fruits it should toggle the ul with Apples, Bananas ... This one won't work either: $('#navigation li').click(function() { $(this ' ul').slideToggle(fast); }); or this: $('#navigation li').click(function() { $(this).child().slideToggle(fast); }); Hope somebody can help. Thanks!
[jQuery] Re: Event Firing Twice
One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Thickbox FF problem
Hi! I'm using the iframe modal option with thickbox but i'm experiencing a problem with Firefox. The page that loads the thickbox is where i login in first place and if i leave FF with the remember password bar on top when i submit the form in the thickbox (modal) the page reloads and the thickbox closes. But if i close the firefox remeber password bar when i login, i can submit the form in the thickbox modal iframe window and it will only close when i call 'tb_remove()' function. My Code to call thickbox: The link: a href='./get_date.cgi? KeepThis=trueamp;TB_iframe=trueamp;height=250amp;width=500amp;modal=trueamp;contact_id=1amp;campaign_id=1' class='thickbox' id='link_thickbox'/a Call: script type='text/javascript'$(document).ready(function() { $ ('#link_thickbox').click(); });/script Any help to solve this issue with Firefox? Cya, AV
[jQuery] Re: jCarousel, localScroll, other options?
Sure, LocalScroll too. Both allow you to specify an option called 'easing'. You need to add the easing plugin for fancy equations. Now that I check the demo, I think LocalScroll would fit better. Just link the buttons and panes by id/href. And it'll do the rest. -- Ariel Flesler http://flesler.blogspot.com On Nov 5, 7:27 pm, genius switch [EMAIL PROTECTED] wrote: Can that be customized to have the bouncy effect? On Nov 5, 8:57 am, Ariel Flesler [EMAIL PROTECTED] wrote: Maybe SerialScroll ? -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 10:45 am, genius switch [EMAIL PROTECTED] wrote: Here is my issue, I have used jCarousel to accomplish what I need... however the markup is bothering my anal tendencies for pure semantics. I'm using jCarousel to scroll content blocks in a sexy way, however, in order to use jCarousel I must have my content blocks inside a list, each as a list item. This validates, and is functioning exactly how I want it to, however I can't get past the fact that this markup doesn't make sense. LocalScroll is my other option, but it doesn't slide sexy the way jCarousel does. Does anyone have any advice? Here is the test page:http://www.geniusswitchstudio.com/v2/template.htm Thanks! - C
[jQuery] Re: Event Firing Twice
The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] JX - Object oriented extension to jQuery released
Only 8K minified True Objected Oriented jQuery Extension Complex layouts by nesting Containers Whole application configurable 'Custom event' driven programming Extendable via Objected Oriented Inheritance. Includes the following widgets. Container, ColumnContainer, Viewport, Panel, Frame, RoundCornerBox. Tutorial, Examples and documentation. http://jx.myofiz.com
[jQuery] Re: animated robot cartoon with jquery
Great job, Anthony! Unfortunately, I'm new to jQuery and Javascript, too, so I'm of no use to you on the code. Hope you presentation goes well! Rick anthony.calzadilla wrote: Hi all, I occasionally volunteer as a guest speaker for the web design class at my child's elementary school. I wanted to introduce them to jquery and html in a fun way so I created an animated jquery 'robot'. Now, I'm not really adept at javascript or any type of programming at all. I'm a designer turned wannabe' web developer :) I used multiple divs and transparent png's to create the different parts of the parallax background and the bouncing robot. The code I was able to piece together to make it work is absolutely horrendous, even for me. I was hoping maybe some of you jquery masters might be able to take a looksy and help me out? The url is: robot.anthonycalzadilla.com (I would just post the code but its so long it wouldn't be visibly viable) Anthony [EMAIL PROTECTED] --- Text inserted by Panda IS 2009: This message has NOT been classified as spam. If it is unsolicited mail (spam), click on the following link to reclassify it: http://localhost:6083/Panda?ID=pav_448SPAM=truepath=C:\Documents%20and%20Settings\Rick%20Faircloth\Local%20Settings\Application%20Data\Panda%20Security\Panda%20Internet%20Security%202009\AntiSpam ---
[jQuery] Re: Select nested ul inside a li element
Or in case there are even more levels $(this).children('ul') - Richard On Thu, Nov 6, 2008 at 9:04 AM, Rik Lomas [EMAIL PROTECTED] wrote: Hi, The ul is inside the li, not the next element, so you can do $(this).find('ul') to select it Rik 2008/11/6 suntrop [EMAIL PROTECTED]: Hi. I want to collapse my navigation. But I can't select the nested ul inside a li The markup: ul id=navigation liFruits ul liApples/li liBananas/li liStrawberries/li /ul /li liVegetables ul liTomatoes/li liPeas/li /ul /li This is what I tried to do: $('#navigation li').click(function() { $(this).next().slideToggle(fast); }); But this code doesn't collapse the nested ul but the next li. When I click Fruits it'll toggle Vegetables. How can I select just the ul inside the li? When I click Fruits it should toggle the ul with Apples, Bananas ... This one won't work either: $('#navigation li').click(function() { $(this ' ul').slideToggle(fast); }); or this: $('#navigation li').click(function() { $(this).child().slideToggle(fast); }); Hope somebody can help. Thanks! -- Rik Lomas http://rikrikrik.com
[jQuery] Re: [tooltip] Title attribute reload (ajax)
Sounds like this: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F Jörn On Thu, Nov 6, 2008 at 12:47 PM, Anasha [EMAIL PROTECTED] wrote: Hello, I'm facing some trouble with tooltip plugin. I use it on pictures for description and dynamic datas inside title attribute. Its working well. I have some criterias that client-side can choose. Once criterias are chosen, picture is changed. I would like to change as well title attribute. Actually, I'm able to reload the content of the title attribute, and dynamic datas are ok, when looking to source code. But tooltip doesn't show up, and no error occurs. I tried to change id attribute, echo-ing the right new js tooltip call with the new id. Still doesn't work. Is there a way to reload title attribute and keep tooltip working ? Thank you very much :)
[jQuery] Re: calling style
On Thu, Nov 6, 2008 at 2:36 AM, Satyakaran [EMAIL PROTECTED] wrote: function load() { //jQuery(function($) { $(#div1).load(starterkit.html); //}); } This one calls the .load() immediately. OR function load() { jQuery(function($) { $(#div1).load(starterkit.html); }); } This one waits to call .load() until the DOM is loaded. This is shorthand syntax for jQuery(document).ready(function($) { ... }); which says call this function I provide as soon the document/DOM is ready. This guarantees that your element #div1 is available for selecting and manipulation. So the difference depends on where your function load() is being called. If it's called after the page is loaded (say, by a button click) there will be no difference. If it's called during the page load (say, in the head) you'll want the latter. For more info see http://docs.jquery.com/How_jQuery_Works#.24.28document.29.ready.28function.28.29.7B.7D.29.3B - Richard
[jQuery] Re: Newbie: Sequencial fadeOut / FadeIn effects
This solution here http://jsbin.com/oluba that Mauricio has put up for us shows error on the browser status bar - ERROR ON PAGE. anyone knows how to fix that? Maurício On Nov 1, 4:58 pm, Alexandre [EMAIL PROTECTED] wrote: Great solution, but I'm now stuck with hiding the content on load. I don't want to disturb anyone but... well... hm. A little push ?
[jQuery] Executing Scripts returned by AJAX Request
Hi, I would like my AJAX Request to function like this: if empty, all good, proceed. if scripts, not good, execute the script. if no scripts, but something in response, alert the text (some kind of error). Reason I want this is when the user tries to execute an action that requires them to be logged in and they are not or their session has timed out, I would like to output script to the AJAX Request page so the jQuery function can execute it and redirect the user to the login form. Is there something built in to handle scripts received by an AJAX Request? Thanks.
[jQuery] Re: Crossbrowser problem with Jquery Extension fieldSelection
Please? On Tue, Nov 4, 2008 at 13:07, Diego Pessoa [EMAIL PROTECTED] wrote: Can someone help me? On Mon, Nov 3, 2008 at 19:40, Diego Pessoa [EMAIL PROTECTED]wrote: Hi, I'm using the Jquery extension fieldSelection ( See at: http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html ) This extension resolves the selectRange problem of the tradicional javascript, but, I found another problem now, the start and end positions returned are different in IE and FF. Look at this: In the fieldselection extension's site, we've a example box, when I select the word test of the second textarea, in the Internet Explorer it shows: start: 31 , end: 35 and in the Firefox: start: 29, end: 33 This difference is because the firefox don't count the \n caracter... How can I get the same positions in both browsers? Thankx, Diego Pessoa
[jQuery] Re: Event Firing Twice
weird, works for me... I posted it at http://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: performing actions on single elements with widely used classes
C'mon guys, I posted this on monday and no one has any ideas/ knows hows to help? On Nov 4, 8:44 am, evo [EMAIL PROTECTED] wrote: anyone? On Nov 3, 5:28 pm, Liam Potter [EMAIL PROTECTED] wrote: Hi, I'm having trouble figuring out how I can perform say, a hide animation on adiv, by clicking a button on onediv, which uses aclassused by other divs. *Lets say I have this:* divclass=message a href=#class=deleteDelete/a pMessage text/p /div divclass=message a href=#class=deleteDelete/a pMessage text/p /div divclass=message a href=#class=deleteDelete/a pMessage text/p /div *then the jquery is: *$(a.delete).click(function () { $(.overlay).hide(slow); }); This will hide all the messages, rather then the one I clicked the delete button on. Right now I'm using server side code to give eachdiva unique id, then have the jquery like this var inc = %#Eval(PrimaryKeyID)%; $(a.delete+ inc).click(function () { $(.overlay).hide(slow); }); This works, but it's not the best option, as I need to keep the JS inline and I'd rather be able to seperate it into a .js file, and use it in future projects just by writing the correct html then dropping the js file in the head. If anyone can show me the right way to do this, it would be extremely helpful. - Liam
[jQuery] Re: performing actions on single elements with widely used classes
Try this: $('a.delete').click(function () { $(this).parent().hide('slow'); }); 2008/11/6 evo [EMAIL PROTECTED]: C'mon guys, I posted this on monday and no one has any ideas/ knows hows to help? On Nov 4, 8:44 am, evo [EMAIL PROTECTED] wrote: anyone? On Nov 3, 5:28 pm, Liam Potter [EMAIL PROTECTED] wrote: Hi, I'm having trouble figuring out how I can perform say, a hide animation on adiv, by clicking a button on onediv, which uses aclassused by other divs. *Lets say I have this:* divclass=message a href=#class=deleteDelete/a pMessage text/p /div divclass=message a href=#class=deleteDelete/a pMessage text/p /div divclass=message a href=#class=deleteDelete/a pMessage text/p /div *then the jquery is: *$(a.delete).click(function () { $(.overlay).hide(slow); }); This will hide all the messages, rather then the one I clicked the delete button on. Right now I'm using server side code to give eachdiva unique id, then have the jquery like this var inc = %#Eval(PrimaryKeyID)%; $(a.delete+ inc).click(function () { $(.overlay).hide(slow); }); This works, but it's not the best option, as I need to keep the JS inline and I'd rather be able to seperate it into a .js file, and use it in future projects just by writing the correct html then dropping the js file in the head. If anyone can show me the right way to do this, it would be extremely helpful. - Liam -- Rik Lomas http://rikrikrik.com
[jQuery] Re: performing actions on single elements with widely used classes
this has helped, now just to modify it for the actual script. Thanks Rik Rik Lomas wrote: Try this: $('a.delete').click(function () { $(this).parent().hide('slow'); }); 2008/11/6 evo [EMAIL PROTECTED]: C'mon guys, I posted this on monday and no one has any ideas/ knows hows to help? On Nov 4, 8:44 am, evo [EMAIL PROTECTED] wrote: anyone? On Nov 3, 5:28 pm, Liam Potter [EMAIL PROTECTED] wrote: Hi, I'm having trouble figuring out how I can perform say, a hide animation on adiv, by clicking a button on onediv, which uses aclassused by other divs. *Lets say I have this:* divclass=message a href=#class=deleteDelete/a pMessage text/p /div divclass=message a href=#class=deleteDelete/a pMessage text/p /div divclass=message a href=#class=deleteDelete/a pMessage text/p /div *then the jquery is: *$(a.delete).click(function () { $(.overlay).hide(slow); }); This will hide all the messages, rather then the one I clicked the delete button on. Right now I'm using server side code to give eachdiva unique id, then have the jquery like this var inc = %#Eval(PrimaryKeyID)%; $(a.delete+ inc).click(function () { $(.overlay).hide(slow); }); This works, but it's not the best option, as I need to keep the JS inline and I'd rather be able to seperate it into a .js file, and use it in future projects just by writing the correct html then dropping the js file in the head. If anyone can show me the right way to do this, it would be extremely helpful. - Liam
[jQuery] jquery cycle plugin problem?
Hello, I have a site here http://www.crsdepo.com/newsite/index_cycle.html where I am using the Jquery cycle plugin but I am having some problems in Explorer 7 and 6. In the right column near the bottom there is a testimonials section, which I have it cycling up, it looks perfect in Firefox but in Explorer 7 there seems to be a graphic glitch on the initial slide/ frame, the top header looks like it is overwriting part of the box, same with bottom. It's fine after the first frame. In Explorer 6, there is a blue background that is showing behind the testimonial box. Thanks for the help! Thanks!
[jQuery] Re: My first plug in. Need comments.
Thanks, I see your point.. George. On Nov 6, 7:28 am, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Hi Georges ! excellent way to learn. personally, i would use toggleClass() (http://docs.jquery.com/Attributes/toggleClass#class) and have the color set in the CSS file. As a rule, try always to use each technology for what it was meant: html data css styling javascript behaviour so it would be:http://jsbin.com/osaxa On Thu, Nov 6, 2008 at 6:46 AM, George [EMAIL PROTECTED] wrote: Guys, I am learning JQuery (and JavaScript) in general. So I decided to write my first 'Blink' plug in. It works but can you please take a look an tell me if something is considered bad practice or can be done better. (function($) { $.fn.blink = function(options) { var opts = $.extend({}, $.fn.blink.defaults, options); return this.each(function() { var $this = $(this); var currentColor = opts.color1; $this.css({backgroundColor: currentColor}); window.setInterval(function (){DoTheBlink();}, 1000); function DoTheBlink() { if (currentColor == opts.color1) currentColor = opts.color2; else currentColor = opts.color1; $this.css({ backgroundColor: currentColor }); } }); }; $.fn.blink.defaults = { color1: 'red', color2: 'blue' }; })(jQuery); --USE- div id=t1hahaha/div div id=t2hahaha/div div id=t3hahaha/div script $(document).ready(function() { $('#t1').blink({ color1: 'red', color2:'blue' }); $('#t2').blink({ color1: 'yellow', color2:'black' }); $('#t3').blink({ color1: 'red', color2:'green' }); }); Thanks George.- Hide quoted text - - Show quoted text -
[jQuery] Re: Array in get help
Instead of $('#x[i]'), you need $('#'+x[i]) as this will concatenate the '#' with the value of x[i] Rik 2008/11/6 Yessica [EMAIL PROTECTED]: I have an checkboxes in form and I have unique ID for each of them... and something like this : var x = new Array ( 'idx1','idx2' ); and I need to do something like this: for ( var i in x ) { $('#x[i]').attr('checked', true); -- this isn't working } I do not have any idea how to change an array like some element -- Rik Lomas http://rikrikrik.com
[jQuery] Re: Event Firing Twice
I took a look at the source code in the first link but there's too much to look at, can you be more specific about what div's, what selectors, and what chunk of javascript code is not doing what you expect it to? that would help others help you On Nov 6, 10:22 am, n8cshaw [EMAIL PROTECTED] wrote: weird, works for me... I posted it athttp://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Ok I am actually trying stuff now and can't get the onBefore to fire. Here is what I decided to do: When the selected value in a dropdown changes I make an ajax call and get JSON data back. And load all the images at once, no images are prexsting in the markup. Here is my JavaScript. $('#nav2').hide(); $('#ddlAdFundSelection').change(function(){ var selectedValue; var myDataToSend; selectedValue = $('#ddlAdFundSelection').val(); myDataToSend = {'adFundTypeId':' + selectedValue + '} $.ajax({ type: POST, url: Default.aspx/GetMailPieceGroupsByAdFundTypeId, data: myDataToSend, contentType: application/json; charset=utf-8, dataType: json, success: function(data, textStatus){var mailPieceGroups = eval('(' + data + ')'); startSlideShow(data); } }); function startSlideShow(data) { var html = ''; var $slideshow2 = $('#slideshow2').cycle('stop').empty(); mailPieceGroups = eval('(' + data + ')'); length = mailPieceGroups.length; $('#nav2').show(); $('#slideshow2').cycle({ fx: 'fade', speed: 'fast', timeout: 0, next: '#next2', prev: '#prev2' , before: onBefore }); function onBefore(curr, next, opts) { // make sure we don't call addSlide before it is defined if (!opts.addSlide || slidesAdded){return;} for (i = 0; i length; i++) { html = 'a href=' + mailPieceGroups[i].OrderFormUrl + ' id=orderFormUrl' + i + 'img src=Images/'+ mailPieceGroups[i].FileName + ' id=mailPieceImg' + i + ' width=200 height=200 //a'; opts.addSlide(html); alert(html); } slidesAdded = true; }; }; // End StartSlideShow
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
Ok the problems seem to be to do with embedded objects, i.e my dropdownlist exists in a gridview. But if I use a class it should still work shouldnt it? On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote: First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
Yes, selecting by classname instead of id is a much easier solution but then again, that depends on what you are trying to do. 1) Do something in jQuery to just one row's select item 2) Do something in jQuery to all row's select items On Nov 6, 11:38 am, Damien [EMAIL PROTECTED] wrote: a CssClass as selector *^ On Nov 6, 4:38 pm, Damien [EMAIL PROTECTED] wrote: Ok the problems seem to be to do with embedded objects, i.e my dropdownlist exists in a gridview. But if I use a class it should still work shouldnt it? On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote: First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
a CssClass as selector *^ On Nov 6, 4:38 pm, Damien [EMAIL PROTECTED] wrote: Ok the problems seem to be to do with embedded objects, i.e my dropdownlist exists in a gridview. But if I use a class it should still work shouldnt it? On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote: First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: Event Firing Twice
ok, I stripped a bunch of stuff out and posted a simplified file. This should make it easier to see what is going on. The event is still firing twice. http://www.iaffectproperties.com/code/SearchForm_simple.htm On Nov 6, 11:21 am, MorningZ [EMAIL PROTECTED] wrote: I took a look at the source code in the first link but there's too much to look at, can you be more specific about what div's, what selectors, and what chunk of javascript code is not doing what you expect it to? that would help others help you On Nov 6, 10:22 am, n8cshaw [EMAIL PROTECTED] wrote: weird, works for me... I posted it athttp://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: Executing Scripts returned by AJAX Request
My guess you could use Eval statement... George. On Nov 6, 10:07 am, briandichiara [EMAIL PROTECTED] wrote: Hi, I would like my AJAX Request to function like this: if empty, all good, proceed. if scripts, not good, execute the script. if no scripts, but something in response, alert the text (some kind of error). Reason I want this is when the user tries to execute an action that requires them to be logged in and they are not or their session has timed out, I would like to output script to the AJAX Request page so the jQuery function can execute it and redirect the user to the login form. Is there something built in to handle scripts received by an AJAX Request? Thanks.
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
It's just one row, the one being edited. I think ID might be easier since I can define the row. Here is the code I am using: % if (gridview.EditIndex -1) {% { $(#%= gridview.Rows[gridview.EditIndex].FindControl(dropdownbox).ClientID %).select(function() { alert(hello); $(.grid).block({ message: 'h1Processing/h1', css: { border: '3px solid #a00' } }); }); } % } % On Nov 6, 4:47 pm, MorningZ [EMAIL PROTECTED] wrote: Yes, selecting by classname instead of id is a much easier solution but then again, that depends on what you are trying to do. 1) Do something in jQuery to just one row's select item 2) Do something in jQuery to all row's select items On Nov 6, 11:38 am, Damien [EMAIL PROTECTED] wrote: a CssClass as selector *^ On Nov 6, 4:38 pm, Damien [EMAIL PROTECTED] wrote: Ok the problems seem to be to do with embedded objects, i.e my dropdownlist exists in a gridview. But if I use a class it should still work shouldnt it? On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote: First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] using my{} instead of ${}.
Hi Can I use any other character in my jquery functions. Thats may be using my{} instead of ${}. Thanks Amit Sharma
[jQuery] Form Plugin: editing/adding data before send
I am using the jQuery Form Plugin to submit a form via AJAX. One thing I'd like to do, is editing the value of a (hidden) input field, right before the form is sent (or alternatively adding additional POST data in some way before send). I defined a hidden input field (without a value) in the form and I tried to change the value attribute with jQuery in the beforeSend section of the ajaxForm Options. Unfortunately this doesn't work, the field still stays empty. This is the most basic code of what I am trying to do: var ajaxFormOptions = { beforeSend: function(){ $(#hidden_input).attr(value,test); } }; $('#form').ajaxForm(ajaxFormOptions); How could I implement this functionality? -- View this message in context: http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20359407.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery Cycle - remove slide
I'm wondering if there's any way to remove a slide from a running slideshow without interuption, and if so how would I go about it? Not without stopping first and restarting afterwards.
[jQuery] turn-off mails
Want to stay subscribed, but stop receiving every email all day long. Thanks. Iván Pazmiño M. Tecnología Desarrollo Banca en Línea Empresas __ TODO1 Services Master: (593) 22 23 9013 Directo: (593) 84 256 915 http://www.todo1services.com/ www.todo1services.com TODO1 SERVICES, INC. -TODO1- es la propietaria de la información contenida en este mensaje y sus anexos, que puede tener carácter confidencial y ha sido enviada para uso exclusivo del destinatario intencional. Si usted ha recibido este mensaje por error, por favor informe de ello al remitente a la mayor brevedad y elimine este mensaje y sus anexos. Está prohibido su uso, distribución, divulgación o almacenamiento, salvo autorización escrita de TODO1. Todo mensaje enviado y/o recibido por TODO1 es monitoreado por motivos operativos y actuando de acuerdo con prácticas de negocio y de seguridad legítimas. TODO1 SERVICES, INC. -TODO1- is the proprietary of the information contained herein and its attachments, that may have confidential character and has been sent to the intended recipient only. If you are not the intended recipient, please contact the sender immediately by replying to this e-mail and delete the message and its attachments. The use, forward, disclosure, record or retention of this message for any purpose whatsoever, is strictly prohibited, unless prior written authorization from TODO1. E-mails to and from TODO1 are monitored for operational reasons and in accordance with lawful business and security practices.
[jQuery] Re: jquery cycle plugin problem?
I solved the problem in IE 7, it seems the top and bottom divs/spans that contains the background image were collapsing width wise, so I have to add a width inline on the first slide to get it to work. I am still having trouble with the blue background problem in IE 6. It seems that the background of the site is showing through. Not sure why, the CSS looks fine. Anyone know the problem? thanks!
[jQuery] Re: jquery cycle plugin problem?
Explorer 7 there seems to be a graphic glitch on the initial slide/ frame, the top header looks like it is overwriting part of the box, same with bottom. It's fine after the first frame. In Explorer 6, there is a blue background that is showing behind the testimonial box. Hmm, I didn't see that behavior in IE7. For me, IE7, FF and Chrome all behave the same. I don't have access to IE6 at the moment. Mike
[jQuery] Re: turn-off mails
Want to stay subscribed, but stop receiving every email all day long. Edit your Google Groups settings for this group.
[jQuery] Re: Gradientz
Updated to version 0.4 Changelist : 0.3 Added Support for distance, Default colors calculated from background Added additional positioning CSS options (e.g. bottom or right) 0.4 Added support for negative angles and some more examples Fix IE strange border effects with overflow: hidden and adding 1px to width and height of VML Now wrap innerHTML in a div to preserve zIndex http://www.parkerfox.co.uk/labs/gradientz http://www.parkerfox.co.uk/labs/gradientz/examples.html On 4 Nov, 14:52, Andy Matthews [EMAIL PROTECTED] wrote: Man...how's that for service! Great job weepy! -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of weepy Sent: Tuesday, November 04, 2008 8:41 AM To: jQuery (English) Subject: [jQuery] Re:Gradientz Ok this is fixed - I've just pushed a new version. Check again - it should be fixed. http://www.parkerfox.co.uk/labs/gradientz/ On 4 Nov, 14:37, Rick Faircloth [EMAIL PROTECTED] wrote: Thanks, weepy... When you said it creates graduated backgrounds I assumed it would respond like a true background image. Perhaps that's not what you intended. Rick weepy wrote: Ah Rick - I'll take a look. On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote: Hey, I likegradientzvery much! Question... how do I make the gradient to be the background for a div? I created a div with a gradient and put the text inside the div, but the text appears outside the gradient, not over it... script type=text/javascript $(document).ready(function() { $('#box1').gradientz({ start: gray, end: white, angle: 0 }) }); /script div id=box1 style=height:200px; width:200px; padding:10px; color:white; This is the text in my gradient box!/div Rick weepy wrote: Just released a jQuery plugin Gradientz which creates graduated backgrounds without the need for images. * Uses VML in IE and canvas in Firefox, Webkit. * Cross Browser: Tested on FF3, IE6, IE7, Safari * Fast * No need for excanvas * Small: 2.2k uncompressed For those of you that have seen Cornerz - it works in a very similar way. See more herehttp://www.parkerfox.co.uk/labs/gradientz/ Enjoy! weepy ;..( -- -- No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM -- -- No virus found in this incoming message. Checked by AVG -http://www.avg.com Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: 11/3/2008 4:59 PM
[jQuery] Re: jquery cycle plugin problem?
Thanks Mike, I got it working, i have to add inline widths to the first slide for the background endcap containers. The IE 6 problem is frustrating. The CSS looks fine. Could you take a look at the CSS and code to see if I am doing ti right? I have this for js call precode class=mix$('#s7').cycle({ fx:'scrollUp', pause: 1, cleartype: 1, timeout: 11000, delay: 500, fit: 1, nowrap: 1 });/code/pre
[jQuery] [validate] Help with required code
I have a form field that by default has the value First. When the user clicks into the field it clears that value, and if they type nothing, when they blur the field it replaces First. You've all seen this. I want the validate plugin to say this field is required if the value onsubmit is First. Can't seem to make it work. [code] // validate signup form on keyup and submit $(#contactform).validate({ rules: { name_first: { required: function(element) { return $('#name_first').val() != First; } }, name_last: required, country: required, otherinfo: required, email: { required: true, email: true } } }); input type=text name=name_first value=First size=15 id=name_first class=inputfield_name swaptextbox greybox tabindex=1 / [/code] Once I do that, I'll use the same code for last name.
[jQuery] validate : help with required code
I have a form field that by default has the value First. When the user clicks into the field it clears that value, and if they type nothing, when they blur the field it replaces First. You've all seen this. I want the validate plugin to say this field is required if the value onsubmit is First. Can't seem to make it work. [code] // validate signup form on keyup and submit $(#contactform).validate({ rules: { name_first: { required: function(element) { return $ ('#name_first').val() != First; } }, name_last: required, country: required, otherinfo: required, email: { required: true, email: true } } }); input type=text name=name_first value=First size=15 id=name_first class=inputfield_name swaptextbox greybox tabindex=1 / [/code] Once I do that, I'll use the same code for last name.
[jQuery] Re: turn-off mails
The problem is I don't know my username, and [EMAIL PROTECTED] says is not registered with google accounts. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike Alsup Sent: Thursday, November 06, 2008 12:37 PM To: jQuery (English) Subject: [jQuery] Re: turn-off mails Want to stay subscribed, but stop receiving every email all day long. Edit your Google Groups settings for this group. TODO1 SERVICES, INC. -TODO1- es la propietaria de la información contenida en este mensaje y sus anexos, que puede tener carácter confidencial y ha sido enviada para uso exclusivo del destinatario intencional. Si usted ha recibido este mensaje por error, por favor informe de ello al remitente a la mayor brevedad y elimine este mensaje y sus anexos. Está prohibido su uso, distribución, divulgación o almacenamiento, salvo autorización escrita de TODO1. Todo mensaje enviado y/o recibido por TODO1 es monitoreado por motivos operativos y actuando de acuerdo con prácticas de negocio y de seguridad legítimas. TODO1 SERVICES, INC. -TODO1- is the proprietary of the information contained herein and its attachments, that may have confidential character and has been sent to the intended recipient only. If you are not the intended recipient, please contact the sender immediately by replying to this e-mail and delete the message and its attachments. The use, forward, disclosure, record or retention of this message for any purpose whatsoever, is strictly prohibited, unless prior written authorization from TODO1. E-mails to and from TODO1 are monitored for operational reasons and in accordance with lawful business and security practices.
[jQuery] traversing with jQuery - complex selector causing brain pain
My nav bar consists of a single UL containing LI elements that each contain a single A. Well, most of them do. Some LI elements contain a further UL as well as the A: these submenu UL elements follow the same pattern of containing LI elements that each contain a single A. So far, so simple. Currently, I'm hiding all the submenu UL's on load: $('#navigation li ul').hide(); But what I want is to only hide the submenu UL's that do NOT contain an LI containing an A with a class of selected. To rephrase: if any of the A elements (which are all inside an LI element) in that particular subnav UL, have a class of selected, I want the UL to remain expanded. To rephrase even more: I don't want to hide the subnav containing the current page. Despite spending far too long examining the expressions and traversing documentation, I can't figure out how to build a selector statement that will encompass them. Can you help?
[jQuery] If I simulate a click images are not updated
I'm quite new to jquery but this thing looks quite odd. In my default.aspx I have two div tags with background images. I attached a onclick to them. div id=btnsale onclick=Javascript:ClickSale(); div id=btnrent onclick=Javascript:ClickRent(); and in css: #btnsale { background-image:url(../images/btn_sale_o.png); } #btnrent { background-image:url(../images/btn_rent.png); } then I have an input tag: input type=button id=hbtnsr style=display:none runat=server onserverclick=SRChanged/ The ClickSale/Rent functions simply swap images and then simulate a click over an input tag to call a code behind method: $(#btnrent).css(background-image, url(images/ btn_rent_o.png)); $(#btnsale).css(background-image, url(images/ btn_sale.png)); $(#hbtnsr).click(); Now if I remove the $(#hbtnsr).click(); images swap fine but if I simulate the click the images don't update/swap! It looks like the call to a code behind method prevents the update/ refresh of the images. Any idea of the reason and how to fix this? Thanks! Pietro
[jQuery] Re: Form Plugin: editing/adding data before send
I am using the jQuery Form Plugin to submit a form via AJAX. One thing I'd like to do, is editing the value of a (hidden) input field, right before the form is sent (or alternatively adding additional POST data in some way before send). I defined a hidden input field (without a value) in the form and I tried to change the value attribute with jQuery in the beforeSend section of the ajaxForm Options. Unfortunately this doesn't work, the field still stays empty. This sort of thing comes up a lot so I've added a new callback function called 'beforeSerialize'. You can use it like this: var ajaxFormOptions = { beforeSerialize: function($form, opts) { $(#hidden_input).attr(value,test); } }; $('#form').ajaxForm(ajaxFormOptions); The updated plugin is available here: http://jqueryjs.googlecode.com/svn/trunk/plugins/form/jquery.form.js
[jQuery] Re: turn-off mails
The problem is I don't know my username, and [EMAIL PROTECTED] says is not registered with google accounts. Ok, you're fixed. You shouldn't receive any more email.
[jQuery] finding script tags in remote HTML
Hi all. I'm having an amazing amount of pain trying to parse and execute JS script blocks in remote HTML (in IE, typically). Here's the code in question: $.ajax({ type: POST, url:checkFilename, dataType: text, success:function(src){ var wtf = $(src).find(script).each(function(){ eval( $(this).text() ); }); } }); http://www.pastie.org/308878 checkFilename is just an HTML file, so src comes back with the entire source of that page. What I want to do then is use find() to get all inline script tags inside the body of the page, and use eval()* to run them. Elsewhere before this happens a large chunk of HTML from checkFilename is loaded and displayed, and now I need to run any inline JS that was in the page. The above function works perfectly in FF2 and FF3, but IE completely fails to find any instances of script tags in src. Any ideas? I can't extract the inline JS blocks in question, as they are dynamic and inserted by a CMS that I have no control over. Thanks in advance, --Clive. * I know it's evil, but I need it in this instance...
[jQuery] placeholder - treeview
Hello, I'm using treeview to browse a bunch of categorized items. I'm using the async tree. However I want one of the first level items to start expanded. My solution was to alter the source to display that level using the children node. However, when I set that expanded: true, there is this placeholder node that appears above all of my nodes. I need one of two solutions: A method that will tell the async tree to expand a given node after the initial load, which will cause jquery to remove the placeholder when it executes the asynchronous population OR, a way to remove this placeholder, from the specifc node, which i've manually populated.
[jQuery] Re: traversing with jQuery - complex selector causing brain pain
please post your html markup. thx On Thu, Nov 6, 2008 at 6:45 PM, w1ntermut3 [EMAIL PROTECTED] wrote: My nav bar consists of a single UL containing LI elements that each contain a single A. Well, most of them do. Some LI elements contain a further UL as well as the A: these submenu UL elements follow the same pattern of containing LI elements that each contain a single A. So far, so simple. Currently, I'm hiding all the submenu UL's on load: $('#navigation li ul').hide(); But what I want is to only hide the submenu UL's that do NOT contain an LI containing an A with a class of selected. To rephrase: if any of the A elements (which are all inside an LI element) in that particular subnav UL, have a class of selected, I want the UL to remain expanded. To rephrase even more: I don't want to hide the subnav containing the current page. Despite spending far too long examining the expressions and traversing documentation, I can't figure out how to build a selector statement that will encompass them. Can you help?
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Looks to me like '#slideshow' is empty when you call cycle. That is not allowed.- Hide quoted text - - Show quoted text - Yep that was it so I guess I will have to append the images before .cycle is called. And use the onAfter to set my description text when the next or prev is clicked. Is there a way to get the index of the image in the after method? Thanks Mike I almost finished.
[jQuery] Re: Select nested ul inside a li element
This is cool! The find-thing works exactly like I want it :-) Unfortunately the box collapses even if I click on a link (Apples). Of course, it's in the li as well. Can I disable that? Thanks for your answers guys!
[jQuery] Re: jCarousel, localScroll, other options?
Thanks Ariel! I will give that a shot this weekend and let you know how I do. I know plugging in localScroll will be simple enough, but I'm not sure about the easing. I'm quite bad at javascript... which is why I love jquery. Even a simple HTML/CSS developer and web designer such as myself can get stuff up and running fast :) - C On Nov 6, 8:33 am, Ariel Flesler [EMAIL PROTECTED] wrote: Sure, LocalScroll too. Both allow you to specify an option called 'easing'. You need to add the easing plugin for fancy equations. Now that I check the demo, I think LocalScroll would fit better. Just link the buttons and panes by id/href. And it'll do the rest. -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 7:27 pm, genius switch [EMAIL PROTECTED] wrote: Can that be customized to have the bouncy effect? On Nov 5, 8:57 am, Ariel Flesler [EMAIL PROTECTED] wrote: Maybe SerialScroll ? -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 10:45 am, genius switch [EMAIL PROTECTED] wrote: Here is my issue, I have used jCarousel to accomplish what I need... however the markup is bothering my anal tendencies for pure semantics. I'm using jCarousel to scroll content blocks in a sexy way, however, in order to use jCarousel I must have my content blocks inside a list, each as a list item. This validates, and is functioning exactly how I want it to, however I can't get past the fact that this markup doesn't make sense. LocalScroll is my other option, but it doesn't slide sexy the way jCarousel does. Does anyone have any advice? Here is the test page:http://www.geniusswitchstudio.com/v2/template.htm Thanks! - C
[jQuery] Re: placeholder - treeview
to expand a bit further on this, I'm looking for away to remove the placeholder from the specific branch, or prevent it from appearing. Thank you in advance, dan On Thu, Nov 6, 2008 at 11:03 AM, Dan B. [EMAIL PROTECTED] wrote: Hello, I'm using treeview to browse a bunch of categorized items. I'm using the async tree. However I want one of the first level items to start expanded. My solution was to alter the source to display that level using the children node. However, when I set that expanded: true, there is this placeholder node that appears above all of my nodes. I need one of two solutions: A method that will tell the async tree to expand a given node after the initial load, which will cause jquery to remove the placeholder when it executes the asynchronous population OR, a way to remove this placeholder, from the specifc node, which i've manually populated.
[jQuery] Re: jCarousel, localScroll, other options?
You include the easing plugin after jQuery, then when you call LocalScroll: $(...).localScroll( easing:'easeOutQuart', }); You can chose any equation, by name. On Thu, Nov 6, 2008 at 3:21 PM, genius switch [EMAIL PROTECTED] wrote: Thanks Ariel! I will give that a shot this weekend and let you know how I do. I know plugging in localScroll will be simple enough, but I'm not sure about the easing. I'm quite bad at javascript... which is why I love jquery. Even a simple HTML/CSS developer and web designer such as myself can get stuff up and running fast :) - C On Nov 6, 8:33 am, Ariel Flesler [EMAIL PROTECTED] wrote: Sure, LocalScroll too. Both allow you to specify an option called 'easing'. You need to add the easing plugin for fancy equations. Now that I check the demo, I think LocalScroll would fit better. Just link the buttons and panes by id/href. And it'll do the rest. -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 7:27 pm, genius switch [EMAIL PROTECTED] wrote: Can that be customized to have the bouncy effect? On Nov 5, 8:57 am, Ariel Flesler [EMAIL PROTECTED] wrote: Maybe SerialScroll ? -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 10:45 am, genius switch [EMAIL PROTECTED] wrote: Here is my issue, I have used jCarousel to accomplish what I need... however the markup is bothering my anal tendencies for pure semantics. I'm using jCarousel to scroll content blocks in a sexy way, however, in order to use jCarousel I must have my content blocks inside a list, each as a list item. This validates, and is functioning exactly how I want it to, however I can't get past the fact that this markup doesn't make sense. LocalScroll is my other option, but it doesn't slide sexy the way jCarousel does. Does anyone have any advice? Here is the test page:http://www.geniusswitchstudio.com/v2/template.htm Thanks! - C -- Ariel Flesler http://flesler.blogspot.com
[jQuery] Re: Form Plugin: editing/adding data before send
Ok, it seems I still need help here. var ajaxFormOptions = { beforeSerialize: function(){ $(#hidden_input).attr(value,test); } }; $('#form').ajaxForm(ajaxFormOptions); works fine now :). However, in reality, I don't want to set the value of the input field to an arbitrary value, I actually make another ajax request to receive that value, but for some reason the input field stays empty this way: $(document).ready(function() { var ajaxFormOptions = { beforeSerialize: function(){ $.ajax({ method: get, url: ajax.php, data: , success: function(html){ $(#hidden_input).attr(value,html); } }); }, }; $('#form').ajaxForm(ajaxFormOptions); }); (Note: alerting the html var inside the success function of $.ajax displays the correct value, but the hidden_input field value stays empty on the server.) -- View this message in context: http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20367050.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure now it's time to go to the forum. I've trying to make lifeimage clickable so I can do other stuff with it, but I can't even seem to get the click event to function. Code is below. Code: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleVamp's World/title link href=css_style/vamp_style.css rel=stylesheet type=text/ css / script type=text/javascript src=./javascript/jquery.js/ script script type=text/ javascript $(document).ready(function() { // JQUERY stuff goes here $('div#menu').hide(); $('#lifeimage').click(function() { $(this).hide(); }); }); /script /head body div id=bodybox div id=header div id=logo/div div id=advertise img src=images/snowball.gif style=width:468px;height:60px; alt=Example Ad / /div!-- end advertise -- div id=top_link img src=images/top_menu_01.png id=lifeimage style=width:74px;height:34px;border:1px solid green; alt=Life Menu / a href=#img src=images/ top_menu_02.png id=Image11 style=width:103px;height:34px;border: 0px;margin-left:-5px; alt=Literature Menu //a a href=#img src=images/ top_menu_03.png id=Image12 style=width:88px;height:34px;border: 0px;margin-left:-5px; alt=Poetry Menu //a a href=#img src=images/ top_menu_04.png id=Image13 style=width:75px;height:34px;border: 0px;margin-left:-5px; alt=Media Menu //a a href=#img src=images/ top_menu_05.png id=Image14 style=width:102px;height:34px;border: 0px;margin-left:-5px; alt=Option 1 Menu //a a href=#img src=images/ top_menu_06.png id=Image15 style=width:103px;height:34px;border: 0px;margin-left:-5px; alt=Option 2 Menu // a /div!-- end top_link -- /div!-- end header -- div id=main_body_box div id=bar img src=images/menu_2.png alt=menu_2 (7K) style=border:0px;width:436px;height:25px; / /div!-- end bar -- div id=content div id=leftframe !-- This is the left menu, which is a stack of books -- ? include(./left_menus/ social_menu.php); ? div id=frame div id=ad_content div style=width:144px;text- align:center object type=application/x- shockwave-flash data=http://twitter.com/ flash/twitter_badge.swf width=144 height=176 param name=movie value=http://twitter.com/flash/twitter_badge.swf; / param name=flashvars value=color1=26112amp;type=useramp;id=wtvamp / param name=wmode value=transparent / param name=allowScriptAccess value=always / param name=pluginspage value=http://www.macromedia.com/go/getflashplayer; / /object a style=font- size: 10px; color: #00; text-decoration: none href=http:// twitter.com/WTVampfollow WTVamp at http://twitter.com/a /div /div!-- end ad_content -- /div!-- end frame -- /div!-- end leftframe -- div id=body div id=body_content div id=content_heading div id=pg_heading img src=./ images/comingsoon.png alt=Coming Soon...Vamp's World Returns... / /div!-- end pg_heading -- /div!-- end content_heading -- div id=content_main div id=internal_content h2THE SURROUNDING WATERS/h2 p He walked alone on
[jQuery] Form Plugin Incompatible with Firefox 3
I'm trying to use the jQuery Form Plugin (http://www.malsup.com/jquery/ form/). The ajaxSubmit code sample works fine for me in IE7, but it doesn't work at all in Firefox3. The form submits normally, without any JS errors. Has anyone else run into this, and if so is there any way to fix it? I noticed the ajaxSubmit code sample doesn't use ajaxForm to first initialize the form. What then's the purpose of ajaxForm? The ajaxForm code sample also doesn't work in FF3, although Firebug does show the forms's submit button has a click.form-plugin event.
[jQuery] Re: Superfish Feature Request
Awesome! Thank you Joel. On Nov 6, 7:10 am, Joel Birch [EMAIL PROTECTED] wrote: Have a look at this Superfish extension called Supposition. It is an effort to achieve exactly what you are asking for, although it comes with no guarantees or support. http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/ Joel Birch.
[jQuery] Re: Event Firing Twice
I was wrong about it being fixed if local scripts are not included. It was throwing an error because a script did not exist, which was stopping the event stack, thus preventing the event from firing twice. I am still stumped... my stripped down version, which only contains 3 divs and very little JS code still has the event firing twice. On Nov 6, 11:49 am, n8cshaw [EMAIL PROTECTED] wrote: ok, I stripped a bunch of stuff out and posted a simplified file. This should make it easier to see what is going on. The event is still firing twice. http://www.iaffectproperties.com/code/SearchForm_simple.htm On Nov 6, 11:21 am, MorningZ [EMAIL PROTECTED] wrote: I took a look at the source code in the first link but there's too much to look at, can you be more specific about what div's, what selectors, and what chunk of javascript code is not doing what you expect it to? that would help others help you On Nov 6, 10:22 am, n8cshaw [EMAIL PROTECTED] wrote: weird, works for me... I posted it athttp://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: Form Plugin Incompatible with Firefox 3
I'm trying to use the jQuery Form Plugin (http://www.malsup.com/jquery/ form/). The ajaxSubmit code sample works fine for me in IE7, but it doesn't work at all in Firefox3. The form submits normally, without any JS errors. Has anyone else run into this, and if so is there any way to fix it? Yes, the form plugin most certainly does work with FF3. If those sample pages are not working for you then I'd suggest turning off any FF plugins you're using that may be causing a problem. I noticed the ajaxSubmit code sample doesn't use ajaxForm to first initialize the form. What then's the purpose of ajaxForm? The ajaxForm code sample also doesn't work in FF3, although Firebug does show the forms's submit button has a click.form-plugin event. ajaxSubmit and ajaxForm are two different things. You use ajaxForm if you want the plugin to handle everything for you. ajaxForm will bind event handlers and submit the form via ajax whenever the user decides to click submit (which may be never). ajaxSubmit is used if you want to bind the form's submit event yourself. When you call ajaxSubmit the form data is submitted immediately. Mike
[jQuery] Re: Can't figure out why click function won't work for lifeimage
An image can't be clickable in, if I remember IE? Change the click to the div advertise http://2whoa.com/dominate/ --- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote: From: Warren [EMAIL PROTECTED] Subject: [jQuery] Can't figure out why click function won't work for lifeimage To: jQuery (English) jquery-en@googlegroups.com Date: Thursday, November 6, 2008, 1:27 PM I've spent a good bit of time trying to figure this out, so I figure now it's time to go to the forum. I've trying to make lifeimage clickable so I can do other stuff with it, but I can't even seem to get the click event to function. Code is below. Code: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleVamp's World/title link href=css_style/vamp_style.css rel=stylesheet type=text/ css / script type=text/javascript src=./javascript/jquery.js/ script script type=text/ javascript $(document).ready(function() { // JQUERY stuff goes here $('div#menu').hide(); $('#lifeimage').click(function() { $(this).hide(); }); }); /script /head body div id=bodybox div id=header div id=logo/div div id=advertise img src=images/snowball.gif style=width:468px;height:60px; alt=Example Ad / /div!-- end advertise -- div id=top_link img src=images/top_menu_01.png id=lifeimage style=width:74px;height:34px;border:1px solid green; alt=Life Menu / a href=#img src=images/ top_menu_02.png id=Image11 style=width:103px;height:34px;border: 0px;margin-left:-5px; alt=Literature Menu //a a href=#img src=images/ top_menu_03.png id=Image12 style=width:88px;height:34px;border: 0px;margin-left:-5px; alt=Poetry Menu //a a href=#img src=images/ top_menu_04.png id=Image13 style=width:75px;height:34px;border: 0px;margin-left:-5px; alt=Media Menu //a a href=#img src=images/ top_menu_05.png id=Image14 style=width:102px;height:34px;border: 0px;margin-left:-5px; alt=Option 1 Menu //a a href=#img src=images/ top_menu_06.png id=Image15 style=width:103px;height:34px;border: 0px;margin-left:-5px; alt=Option 2 Menu // a /div!-- end top_link -- /div!-- end header -- div id=main_body_box div id=bar img src=images/menu_2.png alt=menu_2 (7K) style=border:0px;width:436px;height:25px; / /div!-- end bar -- div id=content div id=leftframe !-- This is the left menu, which is a stack of books -- ? include(./left_menus/ social_menu.php); ? div id=frame div id=ad_content div style=width:144px;text- align:center object type=application/x- shockwave-flash data=http://twitter.com/ flash/twitter_badge.swf width=144 height=176 param name=movie value=http://twitter.com/flash/twitter_badge.swf; / param name=flashvars value=color1=26112amp;type=useramp;id=wtvamp / param name=wmode value=transparent / param name=allowScriptAccess value=always / param name=pluginspage value=http://www.macromedia.com/go/getflashplayer; / /object a style=font- size: 10px; color: #00; text-decoration: none href=http:// twitter.com/WTVampfollow WTVamp at http://twitter.com/a /div /div!-- end ad_content -- /div!-- end frame -- /div!-- end leftframe -- div id=body div id=body_content div id=content_heading div id=pg_heading img src=./ images/comingsoon.png alt=Coming Soon...Vamp's World Returns... /
[jQuery] Re: Form Plugin: editing/adding data before send
but for some reason the input field stays empty this way: Yeah, that reason is known as asynchronous programming. When you make that ajax call you will get a response some time in the future, not immediately.
[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure now it's time to go to the forum. I've trying to make lifeimage clickable so I can do other stuff with it, but I can't even seem to get the click event to function. Code is below. Code: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleVamp's World/title link href=css_style/vamp_style.css rel=stylesheet type=text/ css / script type=text/javascript src=./javascript/jquery.js/ script script type=text/ javascript $(document).ready(function() { // JQUERY stuff goes here $('div#menu').hide(); $('#lifeimage').click(function() { $(this).hide(); }); }); /script /head body div id=bodybox div id=header div id=logo/div div id=advertise img src=images/snowball.gif style=width:468px;height:60px; alt=Example Ad / /div!-- end advertise -- div id=top_link img src=images/top_menu_01.png id=lifeimage style=width:74px;height:34px;border:1px solid green; alt=Life Menu / a href=#img src=images/ top_menu_02.png id=Image11 style=width:103px;height:34px;border: 0px;margin-left:-5px; alt=Literature Menu //a a href=#img src=images/ top_menu_03.png id=Image12 style=width:88px;height:34px;border: 0px;margin-left:-5px; alt=Poetry Menu //a a href=#img src=images/ top_menu_04.png id=Image13 style=width:75px;height:34px;border: 0px;margin-left:-5px; alt=Media Menu //a a href=#img src=images/ top_menu_05.png id=Image14 style=width:102px;height:34px;border: 0px;margin-left:-5px; alt=Option 1 Menu //a a href=#img src=images/ top_menu_06.png id=Image15 style=width:103px;height:34px;border: 0px;margin-left:-5px; alt=Option 2 Menu // a /div!-- end top_link -- /div!-- end header -- div id=main_body_box div id=bar img src=images/menu_2.png alt=menu_2 (7K) style=border:0px;width:436px;height:25px; / /div!-- end bar -- div id=content div id=leftframe !-- This is the left menu, which is a stack of books -- ? include(./left_menus/ social_menu.php); ? div id=frame div id=ad_content div style=width:144px;text- align:center object type=application/x- shockwave-flash data=http://twitter.com/ flash/twitter_badge.swf width=144 height=176 param name=movie value=http://twitter.com/flash/twitter_badge.swf; / param name=flashvars value=color1=26112amp;type=useramp;id=wtvamp / param name=wmode value=transparent / param name=allowScriptAccess value=always / param name=pluginspage value=http://www.macromedia.com/go/getflashplayer; / /object a style=font- size: 10px; color: #00; text-decoration: none href=http:// twitter.com/WTVampfollow WTVamp at http://twitter.com/a /div /div!-- end ad_content -- /div!-- end frame -- /div!-- end leftframe -- div id=body div id=body_content div id=content_heading div id=pg_heading img src=./ images/comingsoon.png alt=Coming Soon...Vamp's World Returns... / /div!-- end pg_heading -- /div!-- end content_heading -- div id=content_main div id=internal_content h2THE SURROUNDING WATERS/h2 p He walked alone on
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Is there a way to get the index of the image in the after method? View source on this page to see how to get the index: http://www.malsup.com/jquery/cycle/after.html
[jQuery] Form Plugin Incompatible with Firefox 3
I'm trying to use the jQuery Form Plugin (http://www.malsup.com/jquery/ form/). The ajaxSubmit code sample works fine for me in IE7, but it doesn't work at all in Firefox3. The form submits normally, without any JS errors. Has anyone else run into this, and if so is there any way to fix it? I noticed the ajaxSubmit code sample doesn't use ajaxForm to first initialize the form. What then's the purpose of ajaxForm? The ajaxForm code sample also doesn't work in FF3, although Firebug does show the forms's submit button has a click.form-plugin event.
[jQuery] Re: Form Plugin: editing/adding data before send
malsup wrote: but for some reason the input field stays empty this way: Yeah, that reason is known as asynchronous programming. When you make that ajax call you will get a response some time in the future, not immediately. Ooooh, right, I didn't think of that (I am fairly new to making stuff with ajax). I guess there is no way to make the ajaxForm function wait for this particular response? But I guess this is a different topic now.. -- View this message in context: http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20367347.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Form Plugin: editing/adding data before send
malsup wrote: This sort of thing comes up a lot so I've added a new callback function called 'beforeSerialize'. You can use it like this: var ajaxFormOptions = { beforeSerialize: function($form, opts) { $(#hidden_input).attr(value,test); } }; $('#form').ajaxForm(ajaxFormOptions); The updated plugin is available here: http://jqueryjs.googlecode.com/svn/trunk/plugins/form/jquery.form.js Sounds good, thank you very much :) -- View this message in context: http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20366636.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Can't figure out why click function won't work for lifeimage
If I use some images on the page it works, and then others do not. I know img tags can be clickable - and I'm using firefox to test at the moment. On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote: An image can't be clickable in, if I remember IE? Change the click to the div advertise
[jQuery] Re: Can't figure out why click function won't work for lifeimage
I just noticed that I mixed up the divs by suggesting advertise. Save yourself the hassle and wrap the img tag in a link and us the link for the click. A browsers assigned nature is that an img is not clickable without another element(ie, href). --- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote: From: Warren [EMAIL PROTECTED] Subject: [jQuery] Re: Can't figure out why click function won't work for lifeimage To: jQuery (English) jquery-en@googlegroups.com Date: Thursday, November 6, 2008, 1:51 PM If I use some images on the page it works, and then others do not. I know img tags can be clickable - and I'm using firefox to test at the moment. On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote: An image can't be clickable in, if I remember IE? Change the click to the div advertise
[jQuery] Re: Can't figure out why click function won't work for lifeimage
It doesn't work when the image is inside an a tag and using the id of the a tag to make it disappear, like so: $(document).ready(function() { // JQUERY stuff goes here //$('div#menu').hide(); $('#testlink').click(function() { $(lifeimage).hide(); }); }); And in the HTML: div id=top_link a href=# id=testlinkimg src=images/top_menu_01.png id=lifeimage style=width:74px;height:34px;border:1px solid green; alt=Life Menu //a /div On Nov 6, 1:59 pm, ripple [EMAIL PROTECTED] wrote: I just noticed that I mixed up the divs by suggesting advertise. Save yourself the hassle and wrap the img tag in a link and us the link for the click. A browsers assigned nature is that an img is not clickable without another element(ie, href). --- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote: From: Warren [EMAIL PROTECTED] Subject: [jQuery] Re: Can't figure out why click function won't work for lifeimage To: jQuery (English) jquery-en@googlegroups.com Date: Thursday, November 6, 2008, 1:51 PM If I use some images on the page it works, and then others do not. I know img tags can be clickable - and I'm using firefox to test at the moment. On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote: An image can't be clickable in, if I remember IE? Change the click to the div advertise
[jQuery] Re: Array in get help
Thank you very much, I see I have lack of knowledge in some basic staff... Can you recommend me some book or site where I can learn these things?