[jQuery] draggable containment
I've spent a good few hours trying to figure this out and I'm stumped. I'm trying to get a huge div that's bigger than the entire window to have a scroll feature. I just want to implement draggable and have it so that you can't see beyond the div. The containment option is what I need, but the documentation is very unclear about this property. I'm using an array for containment like the documentation says, but I have no idea what it means. What does [x1,y1,x2,y2] mean?
[jQuery] Re: draggable containment
It's been a while since I've worked with drag/drop, so take this with a degree of skepticism But, I believe [x1,y1,x2,y2] refer to the x/y coordinates of the rectangle you'd like dragging contained to. I think you can specify a selector though to say contain the dragging to this object. in which case you can point at a div that holds the item being dragged. Don't know how helpful that is, but hope it is a start... Shawn Mike C wrote: I've spent a good few hours trying to figure this out and I'm stumped. I'm trying to get a huge div that's bigger than the entire window to have a scroll feature. I just want to implement draggable and have it so that you can't see beyond the div. The containment option is what I need, but the documentation is very unclear about this property. I'm using an array for containment like the documentation says, but I have no idea what it means. What does [x1,y1,x2,y2] mean?
[jQuery] SPAM Messages in the list
We should refrain from replying to any of these spam messages that come through. I agree with the sentiments that the spam is NOT welcome here, but replying to the thread just adds us as a confirmed email address. I honestly believe these messages are not being consciously sent by anyone, but rather those who do appear to be sending them are likely suffering a virus/trojan infection. Or an automated bot is signed up to the list and harvesting emails to send out as. I think the right approach here is to simply ignore the messages, but let the list operators know (via a different thread/message) that these need to be addressed. My thoughts. Shawn
[jQuery] Re: SPAM Messages in the list
Better just tagging it as spam as it deserve. Michel Belleville 2009/10/28 Shawn sgro...@open2space.com We should refrain from replying to any of these spam messages that come through. I agree with the sentiments that the spam is NOT welcome here, but replying to the thread just adds us as a confirmed email address. I honestly believe these messages are not being consciously sent by anyone, but rather those who do appear to be sending them are likely suffering a virus/trojan infection. Or an automated bot is signed up to the list and harvesting emails to send out as. I think the right approach here is to simply ignore the messages, but let the list operators know (via a different thread/message) that these need to be addressed. My thoughts. Shawn
[jQuery] Re: SPAM Messages in the list
http://ejohn.org/blog/google-groups-is-dead/ apparently Google Groups is a nightmare to keep spam-free, and jquery will move to another solution soon (I don't get why Google doesn't put the same spamfilter they use for Gmail in front of Google Groups) Jonathan Michel Belleville wrote: Better just tagging it as spam as it deserve. Michel Belleville 2009/10/28 Shawn sgro...@open2space.com mailto:sgro...@open2space.com We should refrain from replying to any of these spam messages that come through. I agree with the sentiments that the spam is NOT welcome here, but replying to the thread just adds us as a confirmed email address. I honestly believe these messages are not being consciously sent by anyone, but rather those who do appear to be sending them are likely suffering a virus/trojan infection. Or an automated bot is signed up to the list and harvesting emails to send out as. I think the right approach here is to simply ignore the messages, but let the list operators know (via a different thread/message) that these need to be addressed. My thoughts. Shawn -- www.tnt.be http://www.tnt.be/?source=emailsig *Jonathan Vanherpe* jonat...@tnt.be mailto:jonat...@tnt.be - www.tnt.be http://www.tnt.be/?source=emailsig - tel.: +32 (0)9 3860441
[jQuery] Re: How to get active image centeres in jCarousel?
Please someone .. help me out :) thanks and regards
[jQuery] TinyMce with .load
Hi All I am trying to use tinymce as a callback in the jQuery .load. Problem im having is that the tinymce box becomes frozen so that i cannot focus on it. if i click any of the buttons on the toolbar then tinymce works again. any suggestions? This only happens in IE $(#replaceLanguage).load(url, function(){ if(correctselect){ tinyMCE.init({ // General options mode : textareas, theme : advanced, theme_advanced_buttons1 : bold,italic,underline,strikethrough,|,cut,copy,paste,pastetext,pasteword,|,undo,redo,|,link,unlink, theme_advanced_buttons2 : , theme_advanced_buttons3 : , theme_advanced_buttons4 : , theme_advanced_toolbar_location : top, theme_advanced_toolbar_align : left, theme_advanced_statusbar_location : bottom, theme_advanced_resizing : false, setup : function(ed) { ed.onKeyUp.add(function(ed, e) { checkifchanged(ed); //alert(ed.getContent()); }); } }); } }); Thanks
[jQuery] [datepicker]
Ok this is strange. When I first time load the page using two datepickers, there seems to be some invisible elements (datepicker layres?) at the bottom of the page, so that scrollbar appears. Whenever I use the datepicker, and it hides, the scrollbar vanishes and the invisibile elements hide themselves properly. These are the settings of the datepickers: var settings = { showOn: focus, dateFormat: dd-mm-yy, firstDay: 1 }; $(#dt).datepicker(settings); $(#expire).datepicker(settings);
[jQuery] [datepicker] vertical scrollbar appears on page before I use the datepickers
Ok this is strange. When I first time load the page using two datepickers, there seems to be some invisible elements (datepicker layres?) at the bottom of the page, so that scrollbar appears. Whenever I use the datepicker, and it hides, the scrollbar vanishes and the invisibile elements hide themselves properly. These are the settings of the datepickers: var settings = { showOn: focus, dateFormat: dd-mm-yy, firstDay: 1 }; $(#dt).datepicker(settings); $(#expire).datepicker(settings);
[jQuery] Can I somehow see what events are binded to a DOM element?
I wonder if I can see somewhere what events are binded to a DOM element (in FireBug maybe). Maybe it's obvious, but I just don't know yet if it's even possible.
[jQuery] Re: Submitting after Validation
form.submit() just submit in the normal way. To submit via ajax you could use this plugin: http://www.malsup.com/jquery/form/#api then use: $(form).ajaxSubmit(); or you can do by yourself withouth any plugin via jQuery Post: http://docs.jquery.com/Ajax/jQuery.post On Tue, Oct 27, 2009 at 18:16, StephenJacob turnstylecreat...@gmail.comwrote: Leonardo, I've been looking into the submitHandler option but i'm having problems getting it to work correctly. Here is a sample of the code i'm testing. $(#signupForm).validate({ rules: { fullname: required, company: required, phone: required, email: { required: true, email: true } }, messages: { fullname: Please enter your fullname, company: Please enter a company name, phone: Please enter a phone number, email: Please enter a valid email address }, submitHandler: function() { form.submit(); } }); form class=cmxform id=signupForm method=POST action=process.php div class=formline label for=fullname* Name:/label input type=text id=fullname name=fullname class=textbox / /div div class=formline label for=company* Company:/label input type=text name=company id=company class=textbox / /div div class=formline label for=email* Email:/label input type=text name=email id=email class=textbox / /div div class=formline label for=phone* Phone:/label input type=text name=phone id=phone class=textbox / /div div class=formline label for=messageMessage:/label textarea name=message id=message class=messagebox/ textarea /div div class=formline label for=button/label input type=submit value=Submit alt=Send Message / input type=hidden name=subcontact value=1 / /div /form On Oct 27, 1:42 pm, Leonardo K leo...@gmail.com wrote: Look the submitHandler option: http://docs.jquery.com/Plugins/Validation/validate#toptions On Tue, Oct 27, 2009 at 15:02, StephenJacob turnstylecreat...@gmail.com wrote: I'm trying to create a contact form using Jquery Validation and Ajax Submit. I'm having a problem figuring out the best way to submit the results to a php file. Below is a break down of my validation code. $().ready(function(){ $(#signupForm).validate({ rules: { fullname: required, company: required, phone: required, email: { required: true, email: true } }, messages: { fullname: Please enter your fullname, company: Please enter a company name, phone: Please enter a phone number, email: Please enter a valid email address } }); });
[jQuery] Re: Structuring advice: cloning a set of dynamic dropdown menus
Figured this out myself using AJAX - I grab the dynamic second menu through ajax instead of toggling hidden options, which worked fine. On Oct 27, 4:45 pm, Matt guitarroman...@gmail.com wrote: Oops, missed the link:http://imgur.com/p25xN.jpg On Oct 27, 4:45 pm, Matt guitarroman...@gmail.com wrote: Hi there, I have a table that looks like this: The user can click the 'Add another category' link and another row is inserted. My issue is here: those two select boxes are linked, meaning that depending on what is chosen from the first one, the options are changed in the second one. When I clone this row, the new cloned row doesn't work properly - the first select box ('Publication') changes ALL of the 'Categories' choices in the second column. My HTML is structured so that the table row contains each of the possible select elements, each given an ID that corresponds to an ID number in the Publication select. For example, the Publication dropdown HTML is: select name=publicationID id=publicationID option value=01 onClick=showSubMenu('0'); Publication / option option value=21 onClick=showSubMenu('21'); Student /option option value=40 onClick=showSubMenu('40'); Contract /option option value=99 onClick=showSubMenu('99'); All Publications / option /select As a result, I have 4 hidden select boxes corresponding to each of these Publication choices. Make sense? I feel like there must be a better way to organise this - can anyone advise me on how to do it? Above all, I can't seem to target the newly- cloned select boxes without grabbing them all. Thanks, Matt
[jQuery] Piyush Moradiya wants to chat
--- Piyush Moradiya wants to stay in better touch using some of Google's coolest new products. If you already have Gmail or Google Talk, visit: http://mail.google.com/mail/b-dc2df0282b-176a078634-2870c646ae79c808 You'll need to click this link to be able to chat with Piyush Moradiya. To get Gmail - a free email account from Google with over 2,800 megabytes of storage - and chat with Piyush Moradiya, visit: http://mail.google.com/mail/a-dc2df0282b-176a078634-2870c646ae79c808 Gmail offers: - Instant messaging right inside Gmail - Powerful spam protection - Built-in search for finding your messages and a helpful way of organizing emails into conversations - No pop-up ads or untargeted banners - just text ads and related information that are relevant to the content of your messages All this, and its yours for free. But wait, there's more! By opening a Gmail account, you also get access to Google Talk, Google's instant messaging service: http://www.google.com/talk/ Google Talk offers: - Web-based chat that you can use anywhere, without a download - A contact list that's synchronized with your Gmail account - Free, high quality PC-to-PC voice calls when you download the Google Talk client We're working hard to add new features and make improvements, so we might also ask for your comments and suggestions periodically. We appreciate your help in making our products even better! Thanks, The Google Team To learn more about Gmail and Google Talk, visit: http://mail.google.com/mail/help/about.html http://www.google.com/talk/about.html (If clicking the URLs in this message does not work, copy and paste them into the address bar of your browser).
[jQuery] Re: Can I somehow see what events are binded to a DOM element?
On Oct 28, 2009, at 7:45 AM, jayarjo wrote: I wonder if I can see somewhere what events are binded to a DOM element (in FireBug maybe). Maybe it's obvious, but I just don't know yet if it's even possible. this bookmarklet might help: http://www.sprymedia.co.uk/article/Visual+Event --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] jQuery beginner: Problem with :not selector.
I'm a beginner to programming, so please bear with me, I might be missing something really obvious here and not realising it. For my first jQuery script that I'm writing unassisted by a tutorial, I want to make a very simple page. This page has three squares on it, and once you click on a square it changes to blue while the other two squares change to green. To avoid code repetition, and give myself a bit of a challenge I decided to use the switch statement, and have implemented it like this: $(document).ready(function(){ $(.button).click(function(){ var id = # + $(this).attr(id); switch(id){ case id: var formattedID = \' + id + \'; $(.button:not(formattedID)).css(background-color, green); $(#test).append(formattedID = + formattedID + br /); break; }; }); }); What seems to make this code not work is the :not statement. If I replace the :not(formattedID) with :not('#button1') the code works as expected. I don't understand why the :not() works with a string that's directly typed into it, but not with a variable that holds a string. I've uploaded this to JS Bin, so you can see the code fully. http://jsbin.com/ibate/edit Any help is very appreciated, alexpls
[jQuery] jQuery validation plug-in 1.5.5
Hi, why jQuery validation plug-in 1.5.5 don't work with FireFox version 3.5.4?
[jQuery] How to call JavaScript function from a object tag
Hello: I hope someone will be able to help me this problem: Basically, what I want to do is to call a javascript function in the OBJECT tag. The OBJECT would like this: object id=test type=text/html data=test.html width=800 height=600 standby=Please waitting.../ooject If we use IFRAME and there is a function in test.html called test_func, we can call test_func with code: var iframe = document.getElementById('test'); iframe.test_func(); How to call the function if we use OBJECT instead? Thanks. Best regards, Caxton
[jQuery] IE8 problems with fadein/fadeout
I have a problem with a simple animation. Maybe there's something I don't understand as it's the first website I'm writing with jquery1.3.2 ... This is the skeleton of what I'm working (I removed all the unnecessary code I could remove without changing the logic and the website structure - that's why it looks so weird): http://bottega.cangelini.com/xf-test/sito/ In IE8 there is no crossfade, the first image will show and then hide at the end of the animation, as if it ignores opacity changes. It works on IE7 (the real one AND ie8 in ie7, which makes it really weird!), FF3.5, Opera, Chrome and Safari, I tried it in xp and vista.
[jQuery] Your Javascript/Jquery best pratices
Hello, I'm working on a document to standardize javascripts development for my team. Actually, each developer writes and organize its code in its own way, and it's currently a nightmare when an other developer have to work on the code of another. I've read a lot of interesting articles about javascript best practices, but all are about coding. There are not bad, but I'm more looking about packaging and organization. As we use jQuery for almost all our project, what is the best way to use jQuery to build RIA ? Should I build plugins for each feature ? How do you manage i18n and l10n ? Thanks! Noel
[jQuery] Re: namespacing jQuery
To throw another curveball, all scripts will likely be loaded asynchronously or via script DOM elements - I think that's what's leading to the race conditions. My real goal here is to rename the jQ object before it's loaded and I'm hoping that it can be done programmatically rather than after the script is loaded or via a find and replace (which I'd end up coding in Perl or something). On Oct 27, 3:59 pm, Michael Geary m...@mg.to wrote: If your script tag that loads jQuery is immediately followed by another script tag that calls noConflict, there should be no race conditions. You're not putting the noConflict call inside a $(document).ready() or the like, are you? It should be directly executed in a script tag: script type=text/javascript src=my.jquery.js/script script type=text/javascript var jq = jQuery.noConflict(); /script -Mike On Tue, Oct 27, 2009 at 9:42 AM, El Greg greglaval...@gmail.com wrote: Sorry - should have mentioned - I tried using jQuery.noConflict() as well as jQuery.noConflict(true) and reassigning to a variable, but ran into race conditions where another version of jQuery was executing a call before I could call noConflict()... I'm hoping to namespace my own separate version of jQuery sitting in another file such that I only have to do one script src call and end up with a myjQuery instead of jQuery. Thanks again for your help! On Oct 27, 11:08 am, Dan G. Switzer, II dswit...@pengoworks.com wrote: See the $.noConflict() docs: http://docs.jquery.com/Core/jQuery.noConflict var j = *jQuery.noConflict*(); // Do something with jQuery j(div p).hide http://docs.jquery.com/Effects/hide(); // Do something with another library's $() $(content).style.display = 'none'; -Dan On Tue, Oct 27, 2009 at 10:25 AM, El Greg greglaval...@gmail.com wrote: I'm interested in namespacing jQuery to something like $myjQ. or myjQ. $ and wondering what the best way is to do it. I will potentially be using my version of jQuery on other pages that are running other versions of jQuery - hence the idea to rename it completely so that I have control over version, plugins, etc. I thought about just doing a find and replace on the word jQuery in the source, but I'm hoping there's an easier way. Thanks!
[jQuery] Re: Selectable and Sortable, with copy and move.
Thanks Karl have posted it over there as well.
[jQuery] Re: Firing existing events from jQuery inserted html
Will check that out. Thanks for the tip. On 27 Oct, 17:32, Karl Swedberg k...@englishrules.com wrote: You have run into a fairly common issue: how to get events to work with elements that are added to the DOM, through either ajax or simple DOM mainpulation. Rather than using the .click(fn) shorthand, use .live('click', fn) For more information, check out this FAQ topic: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_st... If you still have problems after reading through it and trying one of the many solutions, let us know. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Oct 27, 2009, at 12:01 PM, BenR wrote: I have a problem with jQuery appending new text to a div - but then not firing events attached to the inserted text. Let me explain. I have a div that contains a number of divs - the div has a link and a hidden form. Clicking on the link fires a slideToggle event which reveals the form. When you submit the form AJAX handles it - and jQuery builds another div with the correct link and the correct form which it sticks on the end of the list. That all works fine and dandy. What I want to be able to do is to click on the newly-added link and have it behave in the same way as the other elements that were on the page when it was built. However, nothing happens when you click on it. Zip. Nadda. Rien du tout. Usually I have found a way round the problem - but I am slightly stuck on my current project. Apart from forcing a page reload, is there any way to get the browser to see the newly inserted link and apply the jQuery action to it? Thanks
[jQuery] Re: jQuery beginner: Problem with :not selector.
I modified the script for you on jsbin.com so you can see how it might work with the switch. Basically, you need to concatenate the variable, otherwise it will be treated as a string. Also, using id (not formattedID) for that variable is sufficient. I'd do it differently, though. Since the three squares are siblings and they all have class=button, you could do this: $(document).ready(function(){ $(.button).click(function(){ $(this).css(background-color, blue).siblings(.button).css(background-color, green); $(#test).append(clicked id = + this.id + br /); }); }); Here's another jsbin.com URL: http://jsbin.com/eluli/edit --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Oct 28, 2009, at 3:39 AM, alexpls wrote: I'm a beginner to programming, so please bear with me, I might be missing something really obvious here and not realising it. For my first jQuery script that I'm writing unassisted by a tutorial, I want to make a very simple page. This page has three squares on it, and once you click on a square it changes to blue while the other two squares change to green. To avoid code repetition, and give myself a bit of a challenge I decided to use the switch statement, and have implemented it like this: $(document).ready(function(){ $(.button).click(function(){ var id = # + $(this).attr(id); switch(id){ case id: var formattedID = \' + id + \'; $(.button:not(formattedID)).css(background-color, green); $(#test).append(formattedID = + formattedID + br /); break; }; }); }); What seems to make this code not work is the :not statement. If I replace the :not(formattedID) with :not('#button1') the code works as expected. I don't understand why the :not() works with a string that's directly typed into it, but not with a variable that holds a string. I've uploaded this to JS Bin, so you can see the code fully. http://jsbin.com/ibate/edit Any help is very appreciated, alexpls
[jQuery] Re: jQuery beginner: Problem with :not selector.
You could do this too: var $buttons = $('.button'); $buttons.click(function(){ $buttons.not(this).css('background-color', 'green'); }); On Wed, Oct 28, 2009 at 05:39, alexpls alex...@gmail.com wrote: I'm a beginner to programming, so please bear with me, I might be missing something really obvious here and not realising it. For my first jQuery script that I'm writing unassisted by a tutorial, I want to make a very simple page. This page has three squares on it, and once you click on a square it changes to blue while the other two squares change to green. To avoid code repetition, and give myself a bit of a challenge I decided to use the switch statement, and have implemented it like this: $(document).ready(function(){ $(.button).click(function(){ var id = # + $(this).attr(id); switch(id){ case id: var formattedID = \' + id + \'; $(.button:not(formattedID)).css(background-color, green); $(#test).append(formattedID = + formattedID + br /); break; }; }); }); What seems to make this code not work is the :not statement. If I replace the :not(formattedID) with :not('#button1') the code works as expected. I don't understand why the :not() works with a string that's directly typed into it, but not with a variable that holds a string. I've uploaded this to JS Bin, so you can see the code fully. http://jsbin.com/ibate/edit Any help is very appreciated, alexpls
[jQuery] Re: Your Javascript/Jquery best pratices
When you are working in team environments, a common coding standard is very helpful. What I do is to define the coding standard to be implemented for a project, then do periodic code reviews to make sure the standards are being applied as well as making sure the code actually works and is sound. (after thought - make sure your coding standards define how you'll do indentation - 4 spaces, 1 tab character, etc) Coding standards are common for a number of projects. I thought I had seen one for jQuery but am not seeing it right now. I did find this one for the jQuery.UI - http://jqueryui.pbworks.com/Coding-standards. Drupal has one at http://drupal.org/node/260140, and Zend Framework's is at http://framework.zend.com/manual/en/coding-standard.html (though it is down for me at the moment). Code reviews should be done by someone who has sufficient background with the project to understand the big picture. These reviews should not be done to ridicule anyone - there are syntax/logic issues, and then there are style issues. Where you might use a while loop, someone else may use a for loop - both are right, as long as the syntax and business logic are done right. Don't harp on anyone for style issues, though mentioning it and explaining why you use YOUR style can lead to some interesting discussions and growth for everyone. Regarding best practices, I know there have been a few web postings for jQuery/JavaScript best practices. Here's one: http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/ Best Practices and Coding Standards should ALL be subject to the job at hand. That is, don't force the developers to jump through meaningless hoops just to satisfy and administrative requirement. Allow deviations from the target where it makes sense. On the other hand, getting all developers to use a common standard for a project does help quite a bit when collaborating. Noel GUILBERT wrote: Hello, I'm working on a document to standardize javascripts development for my team. Actually, each developer writes and organize its code in its own way, and it's currently a nightmare when an other developer have to work on the code of another. I've read a lot of interesting articles about javascript best practices, but all are about coding. There are not bad, but I'm more looking about packaging and organization. As we use jQuery for almost all our project, what is the best way to use jQuery to build RIA ? Should I build plugins for each feature ? How do you manage i18n and l10n ? Thanks! Noel
[jQuery] Enter
How can I make when you press Enter, the focus go to the next item, but without submission?
[jQuery] ENTER
I´m using APEX - Oracle App Express How can I make when you press Enter, the focus go to the next item, but without submission? If Jquery, jscript?
[jQuery] Re: ENTER
The following is an example how to do what you want in jQuery. $('#divid').bind('keydown', function(e) { if (e.which == 13) { $('#secondid').focus(); return false; } }); Thanks Regards, Dhruva Sagar. Jonathan Swifthttp://www.brainyquote.com/quotes/authors/j/jonathan_swift.html - May you live every day of your life. On Wed, Oct 28, 2009 at 6:30 PM, Atilio Camargo Moreira atilio...@gmail.com wrote: I´m using APEX - Oracle App Express How can I make when you press Enter, the focus go to the next item, but without submission? If Jquery, jscript?
[jQuery] Re: Can I somehow see what events are binded to a DOM element?
Looks interesting, also I couldn't find the way to query it for specific DOM elements. However, as I figured out events are just set on DOM elements with .data() function. So it just a matter of some scripting to list them all in the console. Pretty straightforward. Firebug people are building an extension EventBug, although they can't say when it will be ready or released: http://blog.getfirebug.com/2009/09/18/eventbug-rising/ This one turned out to be very useful - cuts down amount of scripting needed to just one line: http://james.padolsey.com/javascript/debug-jquery-events-with-listhandlers/. Thumbs up! On Oct 28, 4:21 pm, Karl Swedberg k...@englishrules.com wrote: On Oct 28, 2009, at 7:45 AM, jayarjo wrote: I wonder if I can see somewhere what events are binded to a DOM element (in FireBug maybe). Maybe it's obvious, but I just don't know yet if it's even possible. this bookmarklet might help: http://www.sprymedia.co.uk/article/Visual+Event --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com
[jQuery] Re: Submitting after Validation
Thanks Leonardo, I've tried to implement AjaxSubmit and the Jquery.Post but have had no luck. The form keeps submitting the normal way no matter what I do. On Oct 28, 7:48 am, Leonardo K leo...@gmail.com wrote: form.submit() just submit in the normal way. To submit via ajax you could use this plugin:http://www.malsup.com/jquery/form/#apithen use: $(form).ajaxSubmit(); or you can do by yourself withouth any plugin via jQuery Post:http://docs.jquery.com/Ajax/jQuery.post On Tue, Oct 27, 2009 at 18:16, StephenJacob turnstylecreat...@gmail.comwrote: Leonardo, I've been looking into the submitHandler option but i'm having problems getting it to work correctly. Here is a sample of the code i'm testing. $(#signupForm).validate({ rules: { fullname: required, company: required, phone: required, email: { required: true, email: true } }, messages: { fullname: Please enter your fullname, company: Please enter a company name, phone: Please enter a phone number, email: Please enter a valid email address }, submitHandler: function() { form.submit(); } }); form class=cmxform id=signupForm method=POST action=process.php div class=formline label for=fullname* Name:/label input type=text id=fullname name=fullname class=textbox / /div div class=formline label for=company* Company:/label input type=text name=company id=company class=textbox / /div div class=formline label for=email* Email:/label input type=text name=email id=email class=textbox / /div div class=formline label for=phone* Phone:/label input type=text name=phone id=phone class=textbox / /div div class=formline label for=messageMessage:/label textarea name=message id=message class=messagebox/ textarea /div div class=formline label for=button/label input type=submit value=Submit alt=Send Message / input type=hidden name=subcontact value=1 / /div /form On Oct 27, 1:42 pm, Leonardo K leo...@gmail.com wrote: Look the submitHandler option: http://docs.jquery.com/Plugins/Validation/validate#toptions On Tue, Oct 27, 2009 at 15:02, StephenJacob turnstylecreat...@gmail.com wrote: I'm trying to create a contact form using Jquery Validation and Ajax Submit. I'm having a problem figuring out the best way to submit the results to a php file. Below is a break down of my validation code. $().ready(function(){ $(#signupForm).validate({ rules: { fullname: required, company: required, phone: required, email: { required: true, email: true } }, messages: { fullname: Please enter your fullname, company: Please enter a company name, phone: Please enter a phone number, email: Please enter a valid email address } }); });
[jQuery] Re: Superfish plugin: some limitations that could be addressed
The exact same markup in YUI example bellow works perfectly well...no hacks needed In my experience, it doesn't work. As i wrote earlier, most Superfish functionality will work, but if you use something else than a UL as your submenu, even if it's just wrapping a UL in a DIV for styling purposes, then the animation effects won't work. Superfish won't find the element it's looking for when trying to apply an animation, and thus the animation will fail. But i may be mistaken. Are you able to make the animation effects work with the same code as the YUI example, without hacking the Superfish code? Say you want to animate the height and opacity of the submenu, and as per the YUI example your submenu is a DIV containing a DIV containing a UL. Does it work for you?
[jQuery] Re: Submitting after Validation
Perhaps the problem is that submitHandler function has an argument. submitHandler: function(*form*) { } On Wed, Oct 28, 2009 at 12:52, StephenJacob turnstylecreat...@gmail.comwrote: Thanks Leonardo, I've tried to implement AjaxSubmit and the Jquery.Post but have had no luck. The form keeps submitting the normal way no matter what I do. On Oct 28, 7:48 am, Leonardo K leo...@gmail.com wrote: form.submit() just submit in the normal way. To submit via ajax you could use this plugin: http://www.malsup.com/jquery/form/#apithen use: $(form).ajaxSubmit(); or you can do by yourself withouth any plugin via jQuery Post: http://docs.jquery.com/Ajax/jQuery.post On Tue, Oct 27, 2009 at 18:16, StephenJacob turnstylecreat...@gmail.com wrote: Leonardo, I've been looking into the submitHandler option but i'm having problems getting it to work correctly. Here is a sample of the code i'm testing. $(#signupForm).validate({ rules: { fullname: required, company: required, phone: required, email: { required: true, email: true } }, messages: { fullname: Please enter your fullname, company: Please enter a company name, phone: Please enter a phone number, email: Please enter a valid email address }, submitHandler: function() { form.submit(); } }); form class=cmxform id=signupForm method=POST action=process.php div class=formline label for=fullname* Name:/label input type=text id=fullname name=fullname class=textbox / /div div class=formline label for=company* Company:/label input type=text name=company id=company class=textbox / /div div class=formline label for=email* Email:/label input type=text name=email id=email class=textbox / /div div class=formline label for=phone* Phone:/label input type=text name=phone id=phone class=textbox / /div div class=formline label for=messageMessage:/label textarea name=message id=message class=messagebox/ textarea /div div class=formline label for=button/label input type=submit value=Submit alt=Send Message / input type=hidden name=subcontact value=1 / /div /form On Oct 27, 1:42 pm, Leonardo K leo...@gmail.com wrote: Look the submitHandler option: http://docs.jquery.com/Plugins/Validation/validate#toptions On Tue, Oct 27, 2009 at 15:02, StephenJacob turnstylecreat...@gmail.com wrote: I'm trying to create a contact form using Jquery Validation and Ajax Submit. I'm having a problem figuring out the best way to submit the results to a php file. Below is a break down of my validation code. $().ready(function(){ $(#signupForm).validate({ rules: { fullname: required, company: required, phone: required, email: { required: true, email: true } }, messages: { fullname: Please enter your fullname, company: Please enter a company name, phone: Please enter a phone number, email: Please enter a valid email address } }); });
[jQuery] Re: How Stop Animation Works?
Thank you Karl. It works like charm.
[jQuery] hoverintent - IE jumps expanded text 1px
Got a new menu going with superfish and hoverintent and all looking good (not uploaded yet). Works fine with firefox, safari and chrome and surprise surprise having a small issue with IE. It is a small issue and hoping it is a recognised problem so will hold off uploading code examples...using IE8 mouse over an expandable menu, it expands and then at the last second the text jumps 1px downwards giving a slight jerk to the whole thing. Anyone heard/seen this before?
[jQuery] Re: (validate) validator is undefined error
Thanks...I go beat my own head now...can't believe I missed that! On Oct 27, 9:08 pm, Jules jwira...@gmail.com wrote: Change var validator = $(#surveyForm).validate({ to var validator = $(form).validate({ or form action=?event=submitSurvey method=post fieldset id=surveyForm to form id=surveyForm action=?event=submitSurvey method=post fieldset Good luck.
[jQuery] Re: JQuery smooth anchor scrolling - modify to fadein once in position?
Hi Justin I had similar task. I've tried modifiying .scrollTop attribute of document.body by animate () to make smooth scrolling to some Y position. But I failed. So I ended up with the scrollTo plugin as Bi Jing adviced. Ivan. On Oct 19, 8:47 am, Bi Jing beco...@gmail.com wrote: Maybe you need this plugin http://plugins.jquery.com/project/ScrollTo Becoder On Mon, Oct 19, 2009 at 3:12 AM, Justin S. Meyers jus...@plasticmonument.com wrote: This is the second time I've posted this. It didn't show up the first time, so apologies for a possible duplicate in post. At any rate, I am wanting to mod this jquery smooth scroll to anchor so that it fades in once in position. Farthest I've gotten has been that some how within the procedure, onAfter().fadein should be added. Nothing in that vain has worked. Anyone possibly entertain this newbie question? You can view the page I am working on here: http://plasticmonument.com/Masato_Pearls/test
[jQuery] Superfish navigation sometimes doesn't show submenus
Hi there. I am testing the superfish plugin on a site and it works fine besides sometimes the submenus doesn't appear. I have to move the pointer outside the link and wait until the hover class disappears and mouse over again. Does anybody know where this error could came from? Or someone with similar behaviors with the plugin? Thanks!!
[jQuery] Superfish menus
Hi there all, I have been using the superfish menus, and i must say they are awesome. But, currently the menus on my website only span 1 level wide. I now need them to span 2 levels wide where neccessary. The website in question is - www.micalighting.com.au For example, i have a menu that goes - Indoor Lights - Batten Fix. I need it to go like this - Indoor Lights - Batten Fix - Traditional Can anyone help?? Ta in advance.
Re: [jQuery] Superfish menus
On Wed, 2009-10-28 at 08:16 -0700, MICA wrote: The website in question is - www.micalighting.com.au [...] Can anyone help?? Not with the superfish, but you might want to reconsider that animated gif at the top. Cheers, -- Matt Zagrabelny - mzagr...@d.umn.edu - (218) 726 8844 University of Minnesota Duluth Information Technology Systems Services PGP key 1024D/84E22DA2 2005-11-07 Fingerprint: 78F9 18B3 EF58 56F5 FC85 C5CA 53E7 887F 84E2 2DA2 He is not a fool who gives up what he cannot keep to gain what he cannot lose. -Jim Elliot
[jQuery] Question about load
Hi Guys, I would like to know 3 things. First is: Why the load function doesn't work so well on Internet Explorer ? Sample is: Login using user/pass - tested/tested. Then Mainpage (see question 2 if Load is not working) - Administration - Ok URL: http://www.squarepant.com/project_university/login.php URL: http://www.squarepant.com/project_university/mainPage.php Second is: Why the load function is not loading the javascript inside a new page ? Sample is: User: tested, Password: tested. After logged you must see a mainPage.php call, but this page is not loading the jQuery/jForm javascripts, you will see only the HTML. You can also see that the page load gets stuck, I don't know why. Do you ? URL: http://www.squarepant.com/project_university/login.php Third is: What is the best way to call a new page without refreshing or even using the refresh when using jQuery or any other plug-in? p.s Please take a look on the jQuery code. It's pretty easy to understand my implementation! Thank you in advance! Jhanssen Oliveira +55-61-91534202
[jQuery] Re: draggable containment
Thanks. Which parts of the rectangle would they be? i.e. x1 as the top- left corner, etc. I'm still trying to get this figured out and it's really frustrating that the documentation doesn't cover important details like this. On Oct 28, 1:38 am, Shawn sgro...@open2space.com wrote: It's been a while since I've worked with drag/drop, so take this with a degree of skepticism But, I believe [x1,y1,x2,y2] refer to the x/y coordinates of the rectangle you'd like dragging contained to. I think you can specify a selector though to say contain the dragging to this object. in which case you can point at a div that holds the item being dragged. Don't know how helpful that is, but hope it is a start... Shawn Mike C wrote: I've spent a good few hours trying to figure this out and I'm stumped. I'm trying to get a huge div that's bigger than the entire window to have a scroll feature. I just want to implement draggable and have it so that you can't see beyond the div. The containment option is what I need, but the documentation is very unclear about this property. I'm using an array for containment like the documentation says, but I have no idea what it means. What does [x1,y1,x2,y2] mean?
[jQuery] Question about $load()
Hi Guys, I would like to know 3 things. First is: Why the load function doesn't work so well on Internet Explorer ? Sample is: Login using user/pass - tested/tested. Then Mainpage (see question 2 if Load is not working) - Administration - Ok URL: http://www.squarepant.com/project_university/login.php URL: http://www.squarepant.com/project_university/mainPage.php Second is: Why the load function is not loading the javascript inside a new page ? Sample is: User: tested, Password: tested. After logged you must see a mainPage.php call, but this page is not loading the jQuery/jForm javascripts, you will see only the HTML. You can also see that the page load gets stuck, I don't know why. Do you ? URL: http://www.squarepant.com/project_university/login.php Third is: What is the best way to call a new page without refreshing or even using the refresh when using jQuery or any other plug-in? p.s Please take a look on the jQuery code. It's pretty easy to understand my implementation! Thank you in advance! Jhanssen Oliveira +55-61-91534202
[jQuery] superfish menu module for joomla 1.5.13
the superfish menu 1.2.6 is crashing IE6. Can I get some help in your forum to resolve this issue? many thanks in advance!
[jQuery] Re: - Issue with DOCTYPE?
What is the returned data for your autocomplete? Use Firebug to debug the returned AJAX response. It should not contain DOCTYPES or HTML content in it. Simply, it should be just a list of items separated by a line break. USA CANADA UNITED KINGDOM CHINA JAPAN No HTML or any other things. If you're using a Framework, templating system, or something similar make sure the HTML template content isn't being automatically included in your AJAX response. On Oct 27, 4:29 pm, luisfigo rsoeg...@gmail.com wrote: Hi guys, Currently I'm using this version of autocomplete pluginhttp://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/for some of my php files. I found an issue with the autocomplete dropdown that it showed all the html tags as results instead of the data from the database. Something like...!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;...Was wondering what went wrong here since I've it implemented for another web page and it worked absolutely fine. Inhttp://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/, I also found similar post about the issue by HESHAM. Any advice? Thanks
[jQuery] Re: (validate) validator is undefined error
With the suggestion earlier, everything is working great, yay! All of my validation rules are also working, as well, except I can't figure out how to write the rule for my multi-option check box that has an Other option so that if other is among those checked, it will require the other input box be filled in. I have two similar ones like that, but since they are radio buttons, I was able to just use rules based on the demos. The rules I have and the relevant bit of the HTML form below for easier reading. Basically, if one of the options selected in the whyvisit set of checkboxes is the other option, the whyvisitother input field needs to be required. ~~ SNIPPET ~~ rules: { recommend: required, howlearnedother: { required: function(element) { return $('#howlearned input[name=howlearned]:checked').val() == 0; } }, describeyouother: { required: function(element) { return $('#describeyou input[name=describeyou]:checked').val() == 0; } } }, ~~HTML ~~ label for=whyvisitWhy did you visit the SRAC web site?/label div id=whyvisit input name=whyvisit type=checkbox class=checksandradios value=1 / Aquaculture producer looking for informationbr / input name=whyvisit type=checkbox class=checksandradios value=2 / Educator looking for information for my classroombr / div id=whyvisiteducator select name=whyvisiteducator option value=1Middle School/option option value=2High School/option option value=32-Year College/option option value=44-Year College/option /select /div input name=whyvisit type=checkbox class=checksandradios value=3 / Studentbr / div id=whyvisitstudent select name=whyvisitstudent option value=1Middle School/option option value=2High School/option option value=32-Year College/option option value=44-Year College/option /select /div input name=whyvisit type=checkbox class=checksandradios value=4 / Individual interested in learning more about aquaculturebr / input name=whyvisit type=checkbox class=checksandradios value=0 / Other input id=whyvisitother name=whyvisitother type=text value= size=30 maxlength=30 / br / /div
[jQuery] Fading Background AND Text, Navigation?
I'm after something like http://www.aplweb.co.uk/jQuery/Fade_background_menu_colour/ this Fading from grey to black however, i need the text to fade also, can this be done? That example just has the background fading. I need it fading from gray to black, whilst the text fades from black to white. Ideally in a valid li list navigation. Any ideas? :) -- View this message in context: http://www.nabble.com/Fading-Background-AND-Text%2C-Navigation--tp26101734s27240p26101734.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [validate] Remote + unhighlight error?
Hi.. Well I'm making a form that when it validates, a container is made with all error messages together and with the highlight option, I put the error class in the input element AND it's label. And this works fine. But when one of this input is validated by the Remote method the unhighlight ( which I use to take of this error class if the person corrects one or more fields) is called for some reason, and all my inputs and labels loses it's error class. But if I press submit again, it doens't happen as the remote error is on the cache so the jquery validate don't make another ajax request. Does anyone knows how to fix it?
[jQuery] Re: Remote + unhighlight error?
Well I've solved it putting the error class in the errorPlacement function, and taking all error classes before the form gets validated. Also I had to create a empty unhighlight function because the original one from the validate Plugin takes off the error Class from the input. On Oct 28, 7:08 pm, Thiago Miranda de Oliveira thiago...@gmail.com wrote: Hi.. Well I'm making a form that when it validates, a container is made with all error messages together and with the highlight option, I put the error class in the input element AND it's label. And this works fine. But when one of this input is validated by the Remote method the unhighlight ( which I use to take of this error class if the person corrects one or more fields) is called for some reason, and all my inputs and labels loses it's error class. But if I press submit again, it doens't happen as the remote error is on the cache so the jquery validate don't make another ajax request. Does anyone knows how to fix it?
[jQuery] Re: (validate) validator is undefined error
Use this rule. whyvisitother: { required: function(element) { return $([name=whyvisit]).index($ ([name=whyvisit]:checked)) == 4; } On Oct 29, 7:34 am, Collectonian collecton...@gmail.com wrote: With the suggestion earlier, everything is working great, yay! All of my validation rules are also working, as well, except I can't figure out how to write the rule for my multi-option check box that has an Other option so that if other is among those checked, it will require the other input box be filled in. I have two similar ones like that, but since they are radio buttons, I was able to just use rules based on the demos. The rules I have and the relevant bit of the HTML form below for easier reading. Basically, if one of the options selected in the whyvisit set of checkboxes is the other option, the whyvisitother input field needs to be required. ~~ SNIPPET ~~ rules: { recommend: required, howlearnedother: { required: function(element) { return $('#howlearned input[name=howlearned]:checked').val() == 0; } }, describeyouother: { required: function(element) { return $('#describeyou input[name=describeyou]:checked').val() == 0; } } }, ~~HTML ~~ label for=whyvisitWhy did you visit the SRAC web site?/label div id=whyvisit input name=whyvisit type=checkbox class=checksandradios value=1 / Aquaculture producer looking for informationbr / input name=whyvisit type=checkbox class=checksandradios value=2 / Educator looking for information for my classroombr / div id=whyvisiteducator select name=whyvisiteducator option value=1Middle School/option option value=2High School/option option value=32-Year College/option option value=44-Year College/option /select /div input name=whyvisit type=checkbox class=checksandradios value=3 / Studentbr / div id=whyvisitstudent select name=whyvisitstudent option value=1Middle School/option option value=2High School/option option value=32-Year College/option option value=44-Year College/option /select /div input name=whyvisit type=checkbox class=checksandradios value=4 / Individual interested in learning more about aquaculturebr / input name=whyvisit type=checkbox class=checksandradios value=0 / Other input id=whyvisitother name=whyvisitother type=text value= size=30 maxlength=30 / br / /div
Re: [jQuery] Superfish menus
can go many levels wide, just keep adding sub UL's to the li's. There is a working example on main superfish site for multiple levels wide for vertical menu http://users.tpg.com.au/j_birch/plugins/superfish/#sample3 more than likely your issue is how to get your eCommerce platform to create the sub categories. That is more an issue with he eCommerce platform you are using than with superfish MICA wrote: Hi there all, I have been using the superfish menus, and i must say they are awesome. But, currently the menus on my website only span 1 level wide. I now need them to span 2 levels wide where neccessary. The website in question is - www.micalighting.com.au For example, i have a menu that goes - Indoor Lights - Batten Fix. I need it to go like this - Indoor Lights - Batten Fix - Traditional Can anyone help?? Ta in advance.
[jQuery] JQuery slideToggle IE visibility problem and jumpy animation
Hey yaa! I have a big problem with my jquery. I finally made it that my slidetoggle runs in firefox. The animation is a little bit jumpy in the end of the animation. I read a lot of workarounds, but somehow nothing helped me really. Perhaps anyone of you can rescue me out of this dilemma. The other bigger problem is that the hidden divs are unfortunately shown directly on start in internet explorer. I tested it in IE67. And the sliding effect is also very strange. Does anyone of you know if I have to give additional styling for IE??? Here is my site I am working on: http://www.haus-plan.de/_01_Hausplan/ the red titles are slideable in the content area and the two Slide words on the right panel. I noticed that Internet Explorer runs the first Slide word on the right panel correctly. Here its div is first hidden and only shows up when we click and let it slide down. But for the other divs they are shown in the beginning which is very sh. Please help meee -- View this message in context: http://www.nabble.com/JQuery-slideToggle-IE-visibility-problem-and-jumpy-animation-tp26104474s27240p26104474.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: cluetip memory leak
Would we be able to pass in a number of variables to the functions such as show and hide which are initialised outside of the closures, rather than store references to the this object. I attempted to refactor/modify the code as a quick test but I kept getting null references to things like the title when attempting to show the cluetip even though I was passing in things such as titles etc directly. On Oct 27, 11:11 pm, Karl Swedberg k...@englishrules.com wrote: thanks for that explanation, Dave. --Karl On Oct 26, 2009, at 7:54 PM, Dave Methvin wrote: I think a lot of plugins have this problem but most people aren't creating and deleting them a lot. My splitter has this issue but I solved that problem because I was too lazy to support splitters being destroyed. See, the real problem is that you have a destroy option! :-) Since $this and other vars like $cluetip are being used within several of the event handlers by closure, the jQuery (and DOM) objects they contain are kept alive. You can't delete or null them out because they're used while the cluetip is active. Those handlers would need to be rewritten to use the local this instead and I think the handlers need to be declared outside the .each() function scope. You'd have to do the same with all the other cached variables like $cluetip as well. In addition to destroy detaching all the event handlers, it should remove any .data() or .metadata() that was put onto the element. The jQuery UI widgets have a destroy pattern, you can see how they do it. I also see a leak like the one discussed here: http://groups.google.com/group/jquery-dev/browse_frm/thread/2b1981f75... If you use any modifying operation in a chain and save the later part of the chain in a variable, the older part of the chain is still referenced by jQuery's .prevObject property. I can see some of those in the cluetip plugin: $dropShadow = $([]); for (var i=0; i dropShadowSteps; i++) { $dropShadow = $dropShadow.add($('div/div').css({zIndex: cluezIndex-1, opacity:.1, top: 1+i, left: 1+i})); }; The .add() method creates a new object each time through the loop but the older objects are retained as a chain of .prevObject properties leading from the jQuery object held by the final $dropShadow variable. As long as the $dropShadow variable goes out of scope when the function is done at the end of the .each() call to that function, it should be reclaimed. At the moment $dropShadow is kept alive by the cluetipshow event handler so the whole chain can't be garbage collected.- Hide quoted text - - Show quoted text -
[jQuery] lightbox
I basically have a photogallery link in my navigation that when clicked I don't want to navigate from the homepage but just use the lightbox plugin to present all the pictures available. I have tried to use the rel=lightbox option and even putting squared brackets to try still no way. Is there anything that I am missing? what else should I be doing?
[jQuery] Fade In Background Image - Fade Out Completely?
Hi there I'm having some trouble. I want to create a background image behind all of my site's contents, have it fade in when the page loads and then maybe a little while after the next mouse movement have it fade out. So it'd be like Fade in on load Mouse movement 3 Seconds after mouse movement fade out So yeah if you guys could help me with that it'd be GREATLY appreciated ~Peace
[jQuery] Re: TinyMce with .load
Hi I did a similar thing but for the load event of an ajax callback. It works smoothly, below is my code. jQuery(#uploadEdit).load( urltotalk, { dir : jQuery(#NewsletterSelector).val() }, function (){ jQuery(#ControllerBox).show(); jQuery(#uploadEdit).slideDown('slow'); jQuery(.OPTList).hide(); jQuery(#createmicrosite).bind('click', CreateMicrosite); tinyMCE.execCommand('mceRemoveControl', false, 'textareas'); tinyMCE.init({ // General options mode : textareas, theme : advanced, skin : 'o2k7', plugins : safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups, editor_selector : WYSIWYG, editor_deselector : Question, // Theme options theme_advanced_buttons1 : newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect, theme_advanced_buttons2 : cut,copy,paste,|,search,replace,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,help,code,|,insertdate,inserttime,preview, theme_advanced_buttons3 : tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,advhr,|,print, theme_advanced_buttons4 : insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,|,ltr,rtl,|,fullscreen,|,forecolor,backcolor, theme_advanced_toolbar_location : top, theme_advanced_toolbar_align : left, theme_advanced_statusbar_location : bottom, theme_advanced_resizing : true, theme_advanced_font_sizes : 30 px=30px,25 px=25px,24 px=24px,22 px=22px,20 px=20px,18 px=18px,16 px=16px,14 px=14px,12 px=12px,Small text=10,, // Example word content CSS (should be your site CSS) this one removes paragraph margins content_css : css/word.css, width : '400', // Drop lists for link/image/media/template dialogs template_external_list_url : lists/template_list.js, external_link_list_url : lists/link_list.js, external_image_list_url : lists/image_list.js, media_external_list_url : lists/media_list.js, // Replace values for the template plugin template_replace_values : { username : Some User, staffid : 991234 } }); On Oct 28, 2:51 pm, jackkit...@gmail.com jackkit...@googlemail.com wrote: Hi All I am trying to use tinymce as a callback in the jQuery .load. Problem im having is that the tinymce box becomes frozen so that i cannot focus on it. if i click any of the buttons on the toolbar then tinymce works again. any suggestions? This only happens in IE $(#replaceLanguage).load(url, function(){ if(correctselect){ tinyMCE.init({ // General options mode : textareas, theme : advanced, theme_advanced_buttons1 : bold,italic,underline,strikethrough,|,cut,copy,paste,pastetext,pasteword,|,undo,redo,|,link,unlink, theme_advanced_buttons2 : , theme_advanced_buttons3 : , theme_advanced_buttons4 : , theme_advanced_toolbar_location : top, theme_advanced_toolbar_align : left, theme_advanced_statusbar_location : bottom, theme_advanced_resizing : false, setup : function(ed) { ed.onKeyUp.add(function(ed, e) { checkifchanged(ed); //
[jQuery] Re: Fading Background AND Text, Navigation?
Hi, I think you will be able to do it by using the fadeIn fadeOut methods. just fade the anchor (a/a). And all will work as you need. The example you gave it is not fading I feel. It just change the color from green to red gradually. But with setting the opacity you can fade the text and the background color. just calling the events mouseOver and mouseOut will do. Cheers On Oct 29, 1:48 am, JezThomp j...@inter-arc.net wrote: I'm after something likehttp://www.aplweb.co.uk/jQuery/Fade_background_menu_colour/this Fading from grey to black however, i need the text to fade also, can this be done? That example just has the background fading. I need it fading from gray to black, whilst the text fades from black to white. Ideally in a valid li list navigation. Any ideas? :) -- View this message in context:http://www.nabble.com/Fading-Background-AND-Text%2C-Navigation--tp261... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Superfish not working with Wordpress version jQuery 1.3.2
On Oct 14, 7:02 pm, Go4 go4multime...@gmail.com wrote: I have used your great plugin for a menu in Wordpress 2.8.4 and I wanted to use the default Wordpress jQuery library jquery.js?ver=1.3.2 but your pluginSuperfishwouldn't work. I added the jquery-1.2.6.min.js file and it did work OK. Since there is no reason to have calls to two jQuery libraries which are doing the same thing I wanted to only use the default Wordpress jQuery version. After some searching I found an answer at this site:http://jquery-howto.blogspot.com/2009/07/jquerynoconflict-resolving-c The offending code was here: $(document).ready(function(){ I changed this to: jQuery(document).ready(function($){ Notice the $ function being moved. This tip is a lifesaver if you're trying to use superfish for a vertical menu in WordPress. I wrestled with all the submenus activating simultaneously (overlapping) when any part of the menu was moused over, and this was the problem. Changing the syntax to jQuery (from $) fixed the issue. J.D.
[jQuery] blockUI and iframe
is it possible to have blockUI block the entire page, but call it from within an iframe on that page? I don't see any parameters to pass an element or document? i know i can get access to the parent frame with jQuery ('body',parent.document), but wanted to use blockUI from within the iframe, without having a second function in the parent window.
Re: [jQuery] lightbox
Which lightbox plugin are you using? I have been using prettyPhoto and with that one you need to have a link/anchor to each picture and each link/anchor needs to have the rel prettyPhoto.
[jQuery] Load updated data to exisiting table
hi all i got codes like this views/admin/order_home [php] script type=text/javascript src=?php echo base_url(); ?js/ jquery.js/script script type=text/javascript src=?php echo base_url(); ?js/ jquery.form.js/script script type=text/javascript // wait for the DOM to be loaded $(document).ready(function() { $(#msg).hide(); // bind 'myForm' and provide a simple callback function $('#myform').ajaxForm(function() { //nampilin di div message string yg ada di dalam html() $(#msg).html(Berhasil update order).fadeIn(1500); $(#msg).fadeOut(1500); }); }); /script h1?php echo $title;?/h1 ?php if ($this-session-flashdata('message')){ echo div class='message' name='msg' id='msg'.$this-session- flashdata('message')./div; } echo div name='msg' class ='msg' id='msg'/div; //echo div class='message' name='msg' id='msg'/div; echo table border='1' cellspacing='0' cellpadding='3' width='600' id='order_home' name='order_home'\n; echo tr valign='top'\n; echo thNo Order/th\nthNo Cust/ththTgl Pesan/ ththModified/ththStatus/ththUpdate/ththActions/th\n; echo /tr\n; if (count($order)){ foreach ($order as $key = $list){ echo tr valign='top'\n; echo td.anchor(admin/order/detail/.$list['no_order'],$list ['no_order'])./td\n; echo td.$list['custid']./td\n; $datetime = strtotime($list['tgl_pesan']); $orderdate = date(d-m-y H:i , $datetime); echo td.$orderdate./td\n; $modifieddate = strtotime($list['modified']); $modified = date(d-m-y H:i , $modifieddate); echo td id='modif' name='modif'.$modified./td\n; //echo td.$list['modified']./td\n; //echo td align='center'.$list['status']./td\n; $attributes = array('id' = 'myform'); echo form_open('admin/order/edit',$attributes); echo td align='center'.form_dropdown('status',$status,$list ['status'])./td\n; echo form_hidden('id',$list['id']); echo form_hidden('status_order',$list['status']); $data = array('name'='notif','id'='notif'); echo td align='center'.form_checkbox($data).label for='update'Notifikasi cust/label.form_submit ('submit','update')./td\n; echo td align='center'; //echo anchor('admin/kategori/edit/'.$list['id'],'edit'); echo anchor(admin/order/edit/.$list['no_order'],img(base_url().'/ images/edit.jpg')); echo | ; //echo anchor('admin/kategori/delete/'.$list['id'],'delete'); echo anchor(admin/order/delete/.$list['no_order'],img(base_url().'/ images/delete.jpg')); echo /td\n; echo /tr\n; echo form_close(); } } echo /table; ? [/php] controller/order [PHP] function edit($no=0) { if ($this-input-post('id')) { if (isset($_REQUEST['notif'])) { $this-input-post('status_order'); $result=$this-MOrder-updateOrder(); $this-email-from('ad...@7com.cphoster.com','Admin'); $this-email-to('yongha...@gmail.com'); $this-email-subject('Testing email class'); $this-email-message('Status order '.$status); $this-email-send(); //return $result; $this-session-set_flashdata('message','Berhasil update order'); redirect('admin/order/index','refresh'); } else { $this-MOrder-updateOrder(); $this-session-set_flashdata('message','Berhasil update order'); redirect('admin/order/index','refresh'); } } [/PHP] model/morder [PHP] function updateOrder() { $sql=update orders set modified=now(),status='.$_POST ['status'].'where id='.$_POST['id'].'; $this-db-query($sql); } [/PHP] What i'm trying to do is to show the updated modified to the td as soon as i've updated the status.How should i do it?Thanks a lot guys...
[jQuery] Re: jQuery beginner: Problem with :not selector.
Thanks for the great help! I checked out your website (learningjquery) and it's a wonderful resource, I'll be going through its posts on a day-to-day basis now! Thanks again, All the best, alexpls On Oct 29, 1:40 am, Karl Swedberg k...@englishrules.com wrote: I modified the script for you on jsbin.com so you can see how it might work with the switch. Basically, you need to concatenate the variable, otherwise it will be treated as a string. Also, using id (not formattedID) for that variable is sufficient. I'd do it differently, though. Since the three squares are siblings and they all have class=button, you could do this: $(document).ready(function(){ $(.button).click(function(){ $(this).css(background-color, blue).siblings(.button).css(background-color, green); $(#test).append(clicked id = + this.id + br /); }); }); Here's another jsbin.com URL: http://jsbin.com/eluli/edit --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Oct 28, 2009, at 3:39 AM, alexpls wrote: I'm a beginner to programming, so please bear with me, I might be missing something really obvious here and not realising it. For my first jQuery script that I'm writing unassisted by a tutorial, I want to make a very simple page. This page has three squares on it, and once you click on a square it changes to blue while the other two squares change to green. To avoid code repetition, and give myself a bit of a challenge I decided to use the switch statement, and have implemented it like this: $(document).ready(function(){ $(.button).click(function(){ var id = # + $(this).attr(id); switch(id){ case id: var formattedID = \' + id + \'; $(.button:not(formattedID)).css(background-color, green); $(#test).append(formattedID = + formattedID + br /); break; }; }); }); What seems to make this code not work is the :not statement. If I replace the :not(formattedID) with :not('#button1') the code works as expected. I don't understand why the :not() works with a string that's directly typed into it, but not with a variable that holds a string. I've uploaded this to JS Bin, so you can see the code fully. http://jsbin.com/ibate/edit Any help is very appreciated, alexpls
[jQuery] Re: jQuery beginner: Problem with :not selector.
Thanks for the help, Leonardo! It's amazing to see that what took me twelve lines of code to write can be accomplished in just three! All the best, alexpls On Oct 29, 1:43 am, Leonardo K leo...@gmail.com wrote: You could do this too: var $buttons = $('.button'); $buttons.click(function(){ $buttons.not(this).css('background-color', 'green'); }); On Wed, Oct 28, 2009 at 05:39, alexpls alex...@gmail.com wrote: I'm a beginner to programming, so please bear with me, I might be missing something really obvious here and not realising it. For my first jQuery script that I'm writing unassisted by a tutorial, I want to make a very simple page. This page has three squares on it, and once you click on a square it changes to blue while the other two squares change to green. To avoid code repetition, and give myself a bit of a challenge I decided to use the switch statement, and have implemented it like this: $(document).ready(function(){ $(.button).click(function(){ var id = # + $(this).attr(id); switch(id){ case id: var formattedID = \' + id + \'; $(.button:not(formattedID)).css(background-color, green); $(#test).append(formattedID = + formattedID + br /); break; }; }); }); What seems to make this code not work is the :not statement. If I replace the :not(formattedID) with :not('#button1') the code works as expected. I don't understand why the :not() works with a string that's directly typed into it, but not with a variable that holds a string. I've uploaded this to JS Bin, so you can see the code fully. http://jsbin.com/ibate/edit Any help is very appreciated, alexpls