[jQuery] Re: how to disable and enable submit button via jQuery [code included]
Allan Mullan wrote: I believe this is because you can't actually remove the attribute disabled - Instead try doing $(#submitanswer).attr(enabled, enabled); No, there is nothing like an enabled attribute. Just set the disabled attribute to true or false (I found that to be the most reliable way): $(#submitanswer).attr(disabled, true); $(#submitanswer).attr(disabled, false); However, the reason why the keyup handler does not work is that the disabled element does not receive any events at all. You will need to enable it elsehow. --Klaus
[jQuery] Re: Release: Tooltip plugin 1.1
Hi Jörn, Your small code change did work, tnx for your help. /Jens On 5 Jul., 22:17, Jörn Zaefferer [EMAIL PROTECTED] wrote: Jens wrote: thanks for the update. I am loading content to a page dynamically (Ajax: $.get) and have used tooltip to apply tooltip on the fly on each part. All elements uses the same tooltip selector. My problem with the new version is tooltip fails if you call it more than once: $(.toolTip).Tooltip(); $(.toolTip).Tooltip(); It worked in the previous version! My work-around at the moment is to start a timer that applies toolTip after 2 seconds (hoping all elements are loaded) Well, calling the plugin method more then once was never intended usage, so there was no way I could foresee that. I wonder why it worked before. Checking if an element is already tooltipped is quite easy, as tooltip settings are added as an expando to each tooltipped element. I'm not yet convinced that this check should be done by the plugin, so could you just give it a try? Tested: $(.toolTip).Tooltip(); $(.toolTip).not([EMAIL PROTECTED]).Tooltip(); -- Jörn Zaefferer http://bassistance.de
[jQuery] site is having problems ( late thu / early fri july 6th )
I can bring up the homepage finally ( was down earlier as well ) but the docs / plugins / blog / dev site are all generating a variety of errors ( all seem to be that local mysql access isn't working at the host ) How am I supposed to play with the new behaviors when I can't see the project?!! I can't stay up all night waiting for it to come back online so I guess I will have to stop being an insomniac fanboy and wait until tomorrow ( or whenever the team fixes the issue ) I have also noticed a LOT of downtime on the blog lately. Abba Bryant -- View this message in context: http://www.nabble.com/site-is-having-problems-%28-late-thu---early-fri-july-6th-%29-tf4034202s15494.html#a11460374 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: how can I prohibit from users pasting content into text boxes?
Unless you have a very good reason to do so you really should not be using javascript to deliberately break behaviour that users expect to work. I can't speak for anyone else but I know precicely how long I would stay on a site that prevented me from using cut and paste in forms. On Jul 4, 10:25 pm, PaulM [EMAIL PROTECTED] wrote: how can I prohibit from users pasting content into text boxes?
[jQuery] Re: Feature suggestion: animating through stylesheets
Thanks for looking into this, I'm really impressed with the work that's been done on the basis of a wild speculation I had while trying to think up ways of making the animation of lots of items smoother. :) Regarding the CSS cascade problem, would making any custom rules jQuery creates !important help? As for Internet Explorer's hasLayout problem, has anyone tried the filter zoom trick with it yet? What was the animation performance like in that case? On Jul 5, 11:30 pm, Glen Lipka [EMAIL PROTECTED] wrote: You can also give an element a css attribute of zoom:1 to trigger haslayout. This is an awesome expose of the subject:http://www.satzansatz.de/cssd/onhavinglayout.html Glen On 7/5/07, Joe Knizacky [EMAIL PROTECTED] wrote: I found this in reference to IE and filters (posted by Dean Edwards): Filters only apply to elements with layout: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/... An obscure Microsoft concept to differentiate between it's different rendering models. Annoying isn't it? I tested this out by using a div element with height and width attributes and was able to get it working in IE 6
[jQuery] call function after Thickbox Close
Hi all, I would like to call a function after thickbox has been closed. I am using thickbox 3. Any ideas please how to do that ? Thanks T -- View this message in context: http://www.nabble.com/call-function-after-Thickbox-Close-tf4034238s15494.html#a11460472 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Designerly Ajax ? from newbie
I was able to get this to work:
function getContent(){
$(#content).fadeOut(1200,function(){
showContent();
});
}
function showContent(){
$(#content).load(EX_myNewAjax.html).fadeIn(1200);
}
wondering if there is a more concise way to write it
-john-
[jQuery] I think the slideUp is not stable,when it animate it have a flash!
I think the slideUp is not stable,when it animate it have a flash! but it does not have this problem in 1.1.2! 我不知道我表述的是否清楚，我在使用向上滑动时，不管是animate 还是slideup！
[jQuery] Re: Designerly Ajax ? from newbie
Hi David, Thanks for your reply - progress being made however the jquery.load immediately loads the new AJAX content (it appears immediately) then it does both the fadeIn and fadeOut's Guessing that a trigger is needed to defer the showing of new AJAX content until AFTER fadeOut() has completed really hoping to get a working script cheers - john-
[jQuery] Snag with Erik Beeson's fxQueue plugin and callbacks
In the application I am developing I have been using Erik's excelent
effects queueing plugin to que classes of animations up one after
another. My code for setting up the effects queueing was as follows:
{
var animList= new Array;
var thisQueue = null;
// Get elements to show and hide
var elemsToMove = $('.move');
var elemsToHide = $('.hide');
var elemsToShow = $('.show');
// Hide all shown elements that are marked as unselected
var thisQueue = $.fxQueue.start ({
selector: elemsToHide,
effect : self.hide,
params : ['slow'],
});
// Move all selected elements to new locations
$.fxQueue.add (thisQueue, {
selector: elemsToMove,
effect : 'moveProducts',
params : ['slow'],
});
// Show all hidden elements that are not marked as unselected
$.fxQueue.add (thisQueue, {
selector: elemsToShow,
effect : self.show,
params : ['slow'],
});
};
This worked okay, but then an issue arose where if users operated the
form controls while the animations were playing then weird stuff would
happen. I thought I'd just disable the form when the user starts an
animation and reenable it when the animation ends. I had to rewrite
my function a little to make sure that the last item in the queue and
only the last item reenabled the form so I rewrite it like this (I'm
using alerts to stand in for the form enable statement as they make
the problem more visible)
{
var animList= new Array;
var thisQueue = null;
// Build animation action list
if (elemsToHide.length 0)
animList.push ({
selector: elemsToHide,
effect : self.hide,
params : [self.hideSpeed]
});
if (elemsToMove.length 0)
animList.push ({
selector: elemsToMove,
effect : 'moveProducts',
params : [self.moveSpeed]
});
if (elemsToShow.length 0)
animList.push ({
selector: elemsToShow,
effect : self.show,
params : [self.showSpeed]
});
if (animList.length 0)
{
// Tag the final item in the queue with the done callback
animList [animList.length - 1].callback = function (){alert
('done');};
animList [animList.length - 1].callbackOnce = true;
// Create effects queue
while (animList.length 0)
{
thisQueue?
$.fxQueue.add (thisQueue, animList.shift ()):
thisQueue = $.fxQueue.start (animList.shift ());
}
}
else
alert ('Nothing to do');
};
I found this causes a problem in that the callback function that I
thought would only be triggered at the very end of the sequence got
triggered at the end of every step in the sequence. This would lead
to the form being reenabled prematurely.
I tried the following change:
{
var animList= new Array;
var thisQueue = null;
// Build animation action list
if (elemsToHide.length 0)
animList.push ({
selector: elemsToHide,
effect : self.hide,
params : [self.hideSpeed],
callback: function (){},
callbackOnce: true
});
if (elemsToMove.length 0)
animList.push ({
selector: elemsToMove,
effect : 'moveProducts',
params : [self.moveSpeed],
callback: function (){},
callbackOnce: true
});
if (elemsToShow.length 0)
animList.push ({
selector: elemsToShow,
effect : self.show,
params : [self.showSpeed],
callback: function (){},
[jQuery] Re: Manipulating a stylesheet directly
I don't know if this will help (does not depend on jQuery):
http://webdevel.blogspot.com/2006/06/create-css-class-javascript.html
It's not been compared with using jQuery to alter CSS, but I think it
may be faster. It modifies the CSS properties directly (replaces them
with what you enter). It adds a style to a page if one does not
exist (i.e. there are no stylesheets linked, or style elements in
the document).
On Jul 4, 10:39 am, Gordon [EMAIL PROTECTED] wrote:
When working with jquery and javascript in general I have found that
manipulating DOM attributes, especially those associated with the
appearence of an element, can be rather slow. In one script I am
working on I have to animate a group of elements at once, but each
element has to get a different top and left position. This means that
each element must get its own top and left styles.
Another thing the loop has to do is change the width and height of the
elements being processed, but in this case all elements get the same
dimensions.
The loop currently manipulates 4 attributes per element (style.width,
style.height, style.top, style.left) and can get rather slow when
working with a large number of elements.
this.each (function (thisElemNum)
{
var elem = $(this);
// Calculate the new position and dimensions for the element
var newProps= {
left: someLeftVal,
top : someTopVal,
width : 100,
height : 100
};
elem.animate (newProps, speed)
});
(The width and height can change from one invokation of the loop to
the next, but for each invokation they remain constant for all
iterations)
One idea that occured to me is that instead of animating the width and
height on a per-element basis, I could use CSS to define the width and
height and then animate those attributes by changing the width and
height degined in the stylesheet. This would mean only animating 2
attributes per element, plus a further 2 in the stylesheet as opposed
to 4 attributes per element, which should hopefully lead to a
considerable speedup. I would give all the elements a class, define a
width and height for that class in the stylesheet and then change that
with animate() in order to change the width and height of all elements
similtaniously.
The only problem is I have no idea how to go about doing it. Is doing
what I want to be able to do even possible? If so, how do I get at
the stylesheet node and manipulate it like I would a DOM element?
[jQuery] Re: login via ajax
An AJAX submission is as secure as a normal form submission - both go via the same mechanism. For security in both you should use HTTPS. If submitting only via AJAX you could implement client-side encryption with a public key, the server can then decrypt this, but this wouldn't apply to normal form submissions hence I suggest HTTPS. On 7/6/07, Shelane [EMAIL PROTECTED] wrote: I'm sure someone out there has done a login via ajax. What's the securest way to pass a username and password into the server. Currently, I have the case where a user desires to register for an event. If the user is not logged in, he/she is presented with a login form that has a Register for this Event and hidden fields with event info, etc. If the user authenticates properly, there will be no issue and I'd be able to log the user in and register that user for that event. However, if the user mistypes his/her password, I have an issue. So, I'd have to take the user to another login form, retain all the desired action information (this could be something other than event registration) and continue this until the user authenticates properly. However, if I can authenticate that user before I have to take them away from that inital form, I can just keep them there until they authenticate properly, then move ahead once they do. Is an ajax submission even the way to go? I'm looking for ideas out there from you wonderful developers. -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Translate to jquery
We can all help you - but you won't learn anything if I just paste a
translated version of the function ;-)
To learn jQuery the best thing you can do is to run through the tutorials on
the website to see how it all works, then have a go at translating it
yourself.
By all means though if you still struggle then ask here again :-)
--rob
On 7/5/07, Sebastián V. Würtz [EMAIL PROTECTED] wrote:
I what translate this (im still noob) to jquery can anyone helpme?
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
function captionizeImages() {
if (!document.getElementsByTagName) return false;
if (!document.createElement) return false;
var images = document.getElementsByTagName(img);
if (images.length 1) return false;
for (var i=0; iimages.length; i++) {
if (images[i].className.indexOf(captioned) != -1) {
var title = images[i].getAttribute(title);
var divCaption = document.createElement(div);
divCaption.className = caption;
var divCaption_text = document.createTextNode(title);
divCaption.appendChild(divCaption_text);
var divContainer = document.createElement(div);
divContainer.className=imgcontainer;
images[i].parentNode.insertBefore(divContainer,images[i]);
divContainer.appendChild(images[i]);
insertAfter(divCaption,images[i]);
}
}
}
--
Rob Desbois
Eml: [EMAIL PROTECTED]
Tel: 01452 760631
Mob: 07946 705987
There's a whale there's a whale there's a whale fish he cried, and the
whale was in full view.
...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
Christian Bach schrieb: Hi, I put together a demo/preview for the upcoming release tablesorter 2.0 release. The main features of the upcoming release will be: - Multi-column sorting - Robust support for adding new data to the table, provided with the new update method - Support for custom filter (thinks zebra tables etc) and support for writing your own in the same manner as parsers. However the upcoming release will NOT be back words compatible, as a have chosen to rewrite it from the ground up, it will however be a smaller filesize than the old release. Feedback and bug reports, is as always appreciated. The demo/preview is located here: http://lovepeacenukes.com/tablesorter/2.0/tests/demo.html great news! one question: is paging supported ? micha
[jQuery] Preview: Brand new tablesorter 2.0, multi-column sorting and more
Hi, I put together a demo/preview for the upcoming release tablesorter 2.0release. The main features of the upcoming release will be: - Multi-column sorting - Robust support for adding new data to the table, provided with the new update method - Support for custom filter (thinks zebra tables etc) and support for writing your own in the same manner as parsers. However the upcoming release will NOT be back words compatible, as a have chosen to rewrite it from the ground up, it will however be a smaller filesize than the old release. Feedback and bug reports, is as always appreciated. The demo/preview is located here: http://lovepeacenukes.com/tablesorter/2.0/tests/demo.html Best regards Christian Bach
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
I have same wish, paging is a must! =) MichaL 2007/7/6, Michael Stuhr [EMAIL PROTECTED]: Christian Bach schrieb: Hi, I put together a demo/preview for the upcoming release tablesorter 2.0 release. The main features of the upcoming release will be: - Multi-column sorting - Robust support for adding new data to the table, provided with the new update method - Support for custom filter (thinks zebra tables etc) and support for writing your own in the same manner as parsers. However the upcoming release will NOT be back words compatible, as a have chosen to rewrite it from the ground up, it will however be a smaller filesize than the old release. Feedback and bug reports, is as always appreciated. The demo/preview is located here: http://lovepeacenukes.com/tablesorter/2.0/tests/demo.html great news! one question: is paging supported ? micha
[jQuery] Re: Dynamically created elements do not trigger event handlers
Seems that the Drupal installation for plugins are down, so I cannot
access the behavior this time.
I tried the other way, adding to $(document).ready this test:
$('body').click(function(event) {
if ($(event.target).is('[EMAIL PROTECTED]')) {
alert(You clicked a default);
return defChanger();
}
});
The function defChanger returns always false, in the purpose of
preventing the submission of any links.
The alert is shown, but the page is opened, thus prevention not
working
On Jul 5, 4:54 pm, Scott Sauyet [EMAIL PROTECTED] wrote:
[EMAIL PROTECTED] wrote:
Is it a fact that dynamically created content cannot trigger JS events?
No. The problem is that the binding is done on specific items and not
on some abstract class of items. When you later add items, they don't
have your particular bindings associated with them.
If you are using 1.1.3, you can use the Behavior plugin:
http://jquery.com/plugins/project/behavior/
If not, look at the techniques in this article, especially the final one:
http://docs.jquery.com/Tutorials:AJAX_and_Events
Cheers,
-- Scott
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
Christian Bach wrote: Hi, I put together a demo/preview for the upcoming release tablesorter 2.0 release. The main features of the upcoming release will be: - Multi-column sorting - Robust support for adding new data to the table, provided with the new update method - Support for custom filter (thinks zebra tables etc) and support for writing your own in the same manner as parsers. However the upcoming release will NOT be back words compatible, as a have chosen to rewrite it from the ground up, it will however be a smaller filesize than the old release. Feedback and bug reports, is as always appreciated. The demo/preview is located here: http://lovepeacenukes.com/tablesorter/2.0/tests/demo.html Best regards Christian Bach Multi-colum sorting is great news. Good work!! Reverse multisorting on one column and normal sorting on another column doesn't seem to be working (yet) Is it possible to add a custom sorter that sort using the initial order?
[jQuery] Main jQuery Site Problems
FAO: John, et al. Main jQuery Site seems to have a problem on many pages - message at the top claiming that jQuery JavaScript Library has a problem and continues to load the main content over this (sometimes!) Some of the tutorials, etc don't actually load. Just a heads up :) Cheers Dave
[jQuery] Re: Main jQuery Site Problems
I've noticed that too, the site seems to have been rather flakey in recent weeks. On Jul 6, 12:26 pm, Dave Probert [EMAIL PROTECTED] wrote: FAO: John, et al. Main jQuery Site seems to have a problem on many pages - message at the top claiming that jQuery JavaScript Library has a problem and continues to load the main content over this (sometimes!) Some of the tutorials, etc don't actually load. Just a heads up :) Cheers Dave
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
2007/7/6, Kia Niskavaara [EMAIL PROTECTED]: Multi-colum sorting is great news. Good work!! Reverse multisorting on one column and normal sorting on another column doesn't seem to be working (yet) Is it possible to add a custom sorter that sort using the initial order? Custom sorter will be supported in the same way as the old version did. I just updated the demo so the reversing on column won't revers all the selected columns and an options to append 500 rows of random data (for speed testing). http://lovepeacenukes.com/tablesorter/2.0/tests/demo2.html /christian
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
an ajax mysql connection for editing datas inside the table and I owe you BIG time! ;-) GREAT WORK!! On 6 Jul., 13:34, Christian Bach [EMAIL PROTECTED] wrote: 2007/7/6, Kia Niskavaara [EMAIL PROTECTED]: Multi-colum sorting is great news. Good work!! Reverse multisorting on one column and normal sorting on another column doesn't seem to be working (yet) Is it possible to add a custom sorter that sort using the initial order? Custom sorter will be supported in the same way as the old version did. I just updated the demo so the reversing on column won't revers all the selected columns and an options to append 500 rows of random data (for speed testing). http://lovepeacenukes.com/tablesorter/2.0/tests/demo2.html /christian
[jQuery] Re: Fill form fields with value returned from a query
I think .getJSON better for this dont?
$.getJSON('teste.php',{query: 'edit', id: idval}, function(data){
$([EMAIL PROTECTED]).val(data.nome);
});
On 6/29/07, Massimiliano Marini [EMAIL PROTECTED] wrote:
$.ajax({
type: POST,
url: test.php,
data: query:editid=+idval,
dataType: json,
success: function(data){
$(#name).val(data.name);
$(#surname).val(data.surname);
}
});
Very easy many thanks :)
--
Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/
It's easier to invent the future than to predict it. -- Alan Kay
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] latest jQuery and thickbox 2
Hey everyone,
I just helped a friend of mine solve a problem he was having with
thickbox 2 and the latest jQuery (1.1.3.1), so I thought I'd share
the info in case anyone else is having the same problem.
He was getting an error running it in IE6.
Changing line 270 in thickbox.js seemed to do the trick.
from:
if ( !(jQuery.browser.msie typeof XMLHttpRequest == 'function'))
{ // take away IE6
to:
if ( !(jQuery.browser.msie jQuery.browser.version 7)) { // take
away IE6
Cheers,
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
Hey Christian... Any thoughts about auto-inserting header lines every X rows? I'm looking at your demo and I notice that you're mirroring the headers at the bottom, but what about considering an injection of the header rows every so often? It would obviously only be helpful with large datasets. But in implementation it could be something like this: insert header row every X rows if dataset is greater than Y rows. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Christian Bach Sent: Friday, July 06, 2007 5:05 AM To: jquery-en@googlegroups.com Subject: [jQuery] Preview: Brand new tablesorter 2.0, multi-column sorting and more Hi, I put together a demo/preview for the upcoming release tablesorter 2.0 release. The main features of the upcoming release will be: - Multi-column sorting - Robust support for adding new data to the table, provided with the new update method - Support for custom filter (thinks zebra tables etc) and support for writing your own in the same manner as parsers. However the upcoming release will NOT be back words compatible, as a have chosen to rewrite it from the ground up, it will however be a smaller filesize than the old release. Feedback and bug reports, is as always appreciated. The demo/preview is located here: http://lovepeacenukes.com/tablesorter/2.0/tests/demo.html Best regards Christian Bach
[jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more
Or better yet a clear sort button. That would be a bit more useful I think. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Stefan Petre Sent: Friday, July 06, 2007 6:58 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Preview: Brand new tablesorter 2.0, multi-column sorting and more May I suggest something? When you sort: first click sort ascending , second click sort descending ; third click clear sorting. 2007/7/6, tlob [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] : an ajax mysql connection for editing datas inside the table and I owe you BIG time! ;-) GREAT WORK!! On 6 Jul., 13:34, Christian Bach [EMAIL PROTECTED] wrote: 2007/7/6, Kia Niskavaara [EMAIL PROTECTED]: Multi-colum sorting is great news. Good work!! Reverse multisorting on one column and normal sorting on another column doesn't seem to be working (yet) Is it possible to add a custom sorter that sort using the initial order? Custom sorter will be supported in the same way as the old version did. I just updated the demo so the reversing on column won't revers all the selected columns and an options to append 500 rows of random data (for speed testing). http://lovepeacenukes.com/tablesorter/2.0/tests/demo2.html http://lovepeacenukes.com/tablesorter/2.0/tests/demo2.html /christian
[jQuery] a little bit OT: is Sorting or Arranging JSON data on client possible?
Dear friends! It is comfortable to $.extend json data with JQuery. Is it possible to sort/arrange JSON data the same comfortable way? Most of the json data arranging solution that I googled was about sorting on server and then ajax-request it. I am trying to make my application work in a different way - first generate/request JSON with source data and build up interface from it on a client. And now I am stuck trying to find a beautiful way to sort and filter UL\OL list in app interface. Any suggstion? Or maybe it is incorrect approach? Thanks, and sorry for slight offtopic! Greetings, Edzo
[jQuery] Re: Urgent: Can't use attr(selected, true) on option in IE6
Hi -
I'm experiencing the same problem with IE6 where I get an error Could
not set the selected property. Unspecified error when executing the
code:
$(option:first, #my_select).attr(selected,true);
OR $(option:first, #my_select).attr(selected,selected);
OR $(#my_select).children([EMAIL PROTECTED]+my_value+]).attr(selected,
selected);
It seems that there is a bug with IE6 when trying to apply .attr
after .children -
It works perfectly with IE7 / Firefox / Safari.
Thanx for your help - Ben
On May 25, 9:16 am, Rob Desbois [EMAIL PROTECTED] wrote:
Rob,
The function $.each is *the* jQuery function - $ refers to the global jQuery
object, which has a member function each(), hence that is how I refer to it.
You wouldn't need to use the $ if a jQuery object was assigned to something
else, e.g.
var elements = $(...);
elements.each(function() {...});
If you only need to use the element which matches that value requirement
then you can include that attribute in the selector instead of iterating
over the set:
function test(value)
{
$(#smsUserPrice [EMAIL PROTECTED]+value+]).attr(selected, true);
}
So you then just need to pass the value of the option to select into the
function.
--rob
On 5/24/07, RobG [EMAIL PROTECTED] wrote:
On May 25, 1:29 am, Rob Desbois [EMAIL PROTECTED] wrote:
Oh yes, sorry I forgot the ); after the function passed to $.each().
Corrected (and tested!) version is below:
It seems to me that the only jQuery function necessary is .each,
subsequent use of $ is unnecessary.
If the intention is to select only one option (i.e. it is a single
select) then the function should exit once that occurs - the following
is a shorter version.I'm new to jQuery, can you show me how to get
out of the loop once the correct option is found?
function test() {
$(#smsUserPrice option).each(function() {
if ( this.value == z ) {
this.selected = true;
// stop .each loop here... how?
}
}
}
--
Rob
--
Rob Desbois
Eml: [EMAIL PROTECTED]
Tel: 01452 760631
Mob: 07946 705987
There's a whale there's a whale there's a whale fish he cried, and the
whale was in full view.
...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: latest jQuery and thickbox 2
Karl Swedberg wrote:
Hey everyone,
I just helped a friend of mine solve a problem he was having with
thickbox 2 and the latest jQuery (1.1.3.1), so I thought I'd share the
info in case anyone else is having the same problem.
He was getting an error running it in IE6.
Changing line 270 in thickbox.js seemed to do the trick.
from:
if ( !(jQuery.browser.msie typeof XMLHttpRequest == 'function')) { //
take away IE6
to:
if ( !(jQuery.browser.msie jQuery.browser.version 7)) { // take
away IE6
If you need an backwards compatible solution (in plugins for example):
$.browser.msie6 = $.browser.msie ($.browser.version
$.browser.version 7 || /6.0/.test(navigator.userAgent));
if (!$.browser.msie6) { ... }
--Klaus
[jQuery] Re: Snag with Erik Beeson's fxQueue plugin and callbacks
Closer investigation seems to reveal that the first time an fxqueue is
invoked the animations placed in the queue all happen concurrantly as
if they were not queued up. For some reason this doesn't happen on
subsequent invokations and all the animations queue up as they
should. I hadn't noticed this at first because I had deliberately fed
a large number of elements into the test code for stress testing and
the animation tended to be choppy under these curcumstances anyway.
Dropping to a smaller number of elements more typical of what would be
expected in everyday use revealed the problem.
On Jul 6, 10:47 am, Gordon [EMAIL PROTECTED] wrote:
In the application I am developing I have been using Erik's excelent
effects queueing plugin to que classes of animations up one after
another. My code for setting up the effects queueing was as follows:
{
var animList= new Array;
var thisQueue = null;
// Get elements to show and hide
var elemsToMove = $('.move');
var elemsToHide = $('.hide');
var elemsToShow = $('.show');
// Hide all shown elements that are marked as unselected
var thisQueue = $.fxQueue.start ({
selector: elemsToHide,
effect : self.hide,
params : ['slow'],
});
// Move all selected elements to new locations
$.fxQueue.add (thisQueue, {
selector: elemsToMove,
effect : 'moveProducts',
params : ['slow'],
});
// Show all hidden elements that are not marked as unselected
$.fxQueue.add (thisQueue, {
selector: elemsToShow,
effect : self.show,
params : ['slow'],
});
};
This worked okay, but then an issue arose where if users operated the
form controls while the animations were playing then weird stuff would
happen. I thought I'd just disable the form when the user starts an
animation and reenable it when the animation ends. I had to rewrite
my function a little to make sure that the last item in the queue and
only the last item reenabled the form so I rewrite it like this (I'm
using alerts to stand in for the form enable statement as they make
the problem more visible)
{
var animList= new Array;
var thisQueue = null;
// Build animation action list
if (elemsToHide.length 0)
animList.push ({
selector: elemsToHide,
effect : self.hide,
params : [self.hideSpeed]
});
if (elemsToMove.length 0)
animList.push ({
selector: elemsToMove,
effect : 'moveProducts',
params : [self.moveSpeed]
});
if (elemsToShow.length 0)
animList.push ({
selector: elemsToShow,
effect : self.show,
params : [self.showSpeed]
});
if (animList.length 0)
{
// Tag the final item in the queue with the done callback
animList [animList.length - 1].callback = function (){alert
('done');};
animList [animList.length - 1].callbackOnce = true;
// Create effects queue
while (animList.length 0)
{
thisQueue?
$.fxQueue.add (thisQueue, animList.shift ()):
thisQueue = $.fxQueue.start (animList.shift
());
}
}
else
alert ('Nothing to do');
};
I found this causes a problem in that the callback function that I
thought would only be triggered at the very end of the sequence got
triggered at the end of every step in the sequence. This would lead
to the form being reenabled prematurely.
I tried the following change:
{
var animList= new Array;
var thisQueue = null;
// Build animation action list
if (elemsToHide.length 0)
animList.push ({
selector: elemsToHide,
effect : self.hide,
params : [self.hideSpeed],
callback: function (){},
callbackOnce: true
});
[jQuery] Re: Easebox
did u get any further with this project ?
I might have a use for it in a project of mine and would be interested
in helping you make progress.
*...(
On Jun 25, 3:44 am, Glen Lipka [EMAIL PROTECTED] wrote:
I sort of made progress, then I tried to hook up the next back buttons.
Then I messed something up...then things started to unravel.
Now, I am totally confused. I am sure I am writing stuff that is totally
illogical.
jQuery Programming questions:
What is the best pattern to find the next thumbnail? (it may or may not be a
sibling). I was trying this zoomIndex thing, but I got confused. Plus, I
want to gracefully stop when there are no more next or previous ones.
What else am I doing dumb?
How did I totally screw up the fade when using next/back?
Why doesn't the fade work right when I scroll down? How can I make it
positioned over the current viewport. I have the dimensions plugin in there
so it SHOULD be easy? I think. Ugh.
So frustrated. I should give up on this project.
Glen
On 6/24/07, weepy [EMAIL PROTECTED] wrote:
oh i see - you're loading them over the thumbnails ( i was right
clicking and seeing the large file ).
one of the main points of thumbnails is that you are not loading the
whole image (bandwidth) - so really u should only load them when you
click on them. (or it could be an option)
weepy
On Jun 24, 4:45 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I thought that this would do the same thing...
$([EMAIL PROTECTED]).each(function(i){
thumbnail = $(this).children(img);
thumbnail.addClass(smallThumb);
link = $(this);
link.height(thumbnail.height()).
width(thumbnail.width()).
css(position,relative);
link.append(img src=' + link.attr(href) +
' height=' + thumbnail.height() +
' width=' + thumbnail.width() +
' class='bigThumb');
});
I load the thumbnails first and then this function loads the bigger one
and
sizes it right on top of the thumbnail.
Is this not a good method? Im not sure what is best there.
Glen
On 6/24/07, weepy [EMAIL PROTECTED] wrote:
I guess I mean a bit like this plugin :
http://vikjavev.no/highslide/#examples
- does an ajax load for the image before it zooms.
On Jun 24, 8:47 am, weepy [EMAIL PROTECTED] wrote:
looking great
you need to make it work with thumbnails though otherwise the page
might take aaages to load with lots of big images
weepy :...(
On Jun 24, 8:05 am, Glen Lipka [EMAIL PROTECTED] wrote:
It's inching its way forward.
It seems though that the further I take this, the more programming
is
required.
All these details. My dream is to have the same syntax as
prototype's
lightbox and be able to say
$(element).EaseBox({
transitionDuration: 1000,
easingMethod: method,
zoomComple: callbackFunction,
maxScreenSize: 0.9,
overlayColor: #00,
overLayOpacity: 0.8,
});
And also control the borders, shadows, etc through CSS.
A man has to dream, doesn't he?
Speaking of which, Im going to sleep.
Glen
On 6/23/07, Glen Lipka [EMAIL PROTECTED] wrote:
Working on it. All these little details.
I have to figure out how to position all this stuff.
Especially to make the image zoom to an appropriate size to the
viewport.
Glen
On 6/23/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Glen Lipka wrote:
I had a little bit of free time, so I started an
easeBox. Like
thickbox, but with easing transitions.
http://www.commadot.com/jquery/easebox/#
Cool. I like it already.
I made a list of things I want to do to it on it.
Any suggestions to add to the list?
Any suggestions of how I could improve the code?
I have no idea how to make it into a plugin.
Continuing to work on it, but help is greatly appreciated.
I like to be able to click somewhere in the document to hide
any
popups.
Navigating between images should be possible using the cursor
keys. Any
other combination (n, p, ,, ;) seems very unintuitive.
Navigation images should be always in the same place, eg.
lower
right
corner. Posititiong them relative to the image is extremely
annoying
when navigating between images with different sizes. You can't
keep
clicking but have to target the button again and again.
Presentation wise a greyed out background and think black and
white
borders are very nice. Make it look like a picture frame: Grey
background, think black border (30px), thin white border
(15-30px).
DD and resizable seems to be rather useless as long as you
can't
open
more then one image at a
[jQuery] Re: Problem using .children() + selector in IE6
Yes I've debugged and there's only one option element concerned ... I've tried many alternatives but it seems to always bug when applying .attr after .children - Is there any other way to select an option? Apart from using the id as $(#my_option).attr(selected, true) works fine - Ben On Jul 3, 6:32 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: i am just wondering here.. did u try to debug and find out what element is getting selected by jquery... are u getting an option element and only a single option element.? -GTG On 7/3/07, benjaah [EMAIL PROTECTED] wrote: Thanx Ganeshji I've tried to set the attribute to selected instead of true as you proposed, but it doesn't work any better. The javascript error is: Could not set the selected property Ben On Jul 2, 7:33 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: i am not sure if what i am telling is correct or wrong... but can u try (selected,selected) instead of (selected, true); -GTG On 7/2/07, benjaah [EMAIL PROTECTED] wrote: Hi all, I've got a page where I'm changing the options of a select box and setting the first one to be selected: $(#my_select :first-child).attr(selected, true); It works perfectly with Firefox, Safari and IE7 but doesn't with IE6 ! I've also tried the following without success: $(#my_select).children(:first).attr(selected, true); $(#my_select :eq(0)).attr(selected, true); $(#my_select option:first).attr(selected, true); I've also had the same bug using other selectors in children with IE6, like $(#my_select).children([EMAIL PROTECTED]+my_id+]).attr(selected, true); Has anyone experienced the same problem? Or am I doing something wrong? Thanx for your help - Ben
[jQuery] Re: site is having problems ( late thu / early fri july 6th )
Hi Abba, Part of the problem has been that when we announced jQuery v1.1.3, we got a ton of traffic from Digg, Reddit, Ajaxian Dzone. Anytime you get that much traffic, you're bound to have some instability. It would be helpful if you could list out the errors that you're receiving so we can try to address them. Without that, it makes it kind of tough to troubleshoot the problems. I personally have had no issues getting to the site and navigating around so when you see an error, could you please jot it down and submit it? Thanks, Rey abba bryant wrote: I can bring up the homepage finally ( was down earlier as well ) but the docs / plugins / blog / dev site are all generating a variety of errors ( all seem to be that local mysql access isn't working at the host ) How am I supposed to play with the new behaviors when I can't see the project?!! I can't stay up all night waiting for it to come back online so I guess I will have to stop being an insomniac fanboy and wait until tomorrow ( or whenever the team fixes the issue ) I have also noticed a LOT of downtime on the blog lately. Abba Bryant -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Easebox
I went backwards and messed it all up.
Basically, as was pointed out to me, my code is very procedural.
This sort of thing would benefit greatly from being OOP.
Ben Nadel had volunteered to help me out and plugin-ize it. But he has been
a little busy too.
The proof of concept is there, the problem is just writing good code.
If you can get me started with a OOP framework with psuedo code...I can work
on filling out the functionality.
Not sure how best to proceed.
Glen
On 7/6/07, weepy [EMAIL PROTECTED] wrote:
did u get any further with this project ?
I might have a use for it in a project of mine and would be interested
in helping you make progress.
*...(
On Jun 25, 3:44 am, Glen Lipka [EMAIL PROTECTED] wrote:
I sort of made progress, then I tried to hook up the next back buttons.
Then I messed something up...then things started to unravel.
Now, I am totally confused. I am sure I am writing stuff that is
totally
illogical.
jQuery Programming questions:
What is the best pattern to find the next thumbnail? (it may or may not
be a
sibling). I was trying this zoomIndex thing, but I got confused. Plus,
I
want to gracefully stop when there are no more next or previous ones.
What else am I doing dumb?
How did I totally screw up the fade when using next/back?
Why doesn't the fade work right when I scroll down? How can I make it
positioned over the current viewport. I have the dimensions plugin in
there
so it SHOULD be easy? I think. Ugh.
So frustrated. I should give up on this project.
Glen
On 6/24/07, weepy [EMAIL PROTECTED] wrote:
oh i see - you're loading them over the thumbnails ( i was right
clicking and seeing the large file ).
one of the main points of thumbnails is that you are not loading the
whole image (bandwidth) - so really u should only load them when you
click on them. (or it could be an option)
weepy
On Jun 24, 4:45 pm, Glen Lipka [EMAIL PROTECTED] wrote:
I thought that this would do the same thing...
$([EMAIL PROTECTED]).each(function(i){
thumbnail = $(this).children(img);
thumbnail.addClass(smallThumb);
link = $(this);
link.height(thumbnail.height()).
width(thumbnail.width()).
css(position,relative);
link.append(img src=' + link.attr(href) +
' height=' + thumbnail.height() +
' width=' + thumbnail.width() +
' class='bigThumb');
});
I load the thumbnails first and then this function loads the bigger
one
and
sizes it right on top of the thumbnail.
Is this not a good method? Im not sure what is best there.
Glen
On 6/24/07, weepy [EMAIL PROTECTED] wrote:
I guess I mean a bit like this plugin :
http://vikjavev.no/highslide/#examples
- does an ajax load for the image before it zooms.
On Jun 24, 8:47 am, weepy [EMAIL PROTECTED] wrote:
looking great
you need to make it work with thumbnails though otherwise the
page
might take aaages to load with lots of big images
weepy :...(
On Jun 24, 8:05 am, Glen Lipka [EMAIL PROTECTED] wrote:
It's inching its way forward.
It seems though that the further I take this, the more
programming
is
required.
All these details. My dream is to have the same syntax as
prototype's
lightbox and be able to say
$(element).EaseBox({
transitionDuration: 1000,
easingMethod: method,
zoomComple: callbackFunction,
maxScreenSize: 0.9,
overlayColor: #00,
overLayOpacity: 0.8,
});
And also control the borders, shadows, etc through CSS.
A man has to dream, doesn't he?
Speaking of which, Im going to sleep.
Glen
On 6/23/07, Glen Lipka [EMAIL PROTECTED] wrote:
Working on it. All these little details.
I have to figure out how to position all this stuff.
Especially to make the image zoom to an appropriate size to
the
viewport.
Glen
On 6/23/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Glen Lipka wrote:
I had a little bit of free time, so I started an
easeBox. Like
thickbox, but with easing transitions.
http://www.commadot.com/jquery/easebox/#
Cool. I like it already.
I made a list of things I want to do to it on it.
Any suggestions to add to the list?
Any suggestions of how I could improve the code?
I have no idea how to make it into a plugin.
Continuing to work on it, but help is greatly
appreciated.
I like to be able to click somewhere in the document to
hide
any
popups.
Navigating between images should be possible using the
cursor
keys. Any
other combination (n, p, ,, ;) seems very unintuitive.
Navigation images should be always in the same place, eg.
lower
right
corner. Posititiong them relative to the
[jQuery] $.ajax(dataType : 'json') does not work in Opera 9+
$.ajax(datatype: 'json') does not work with Opera 9+. Using Opera dev console, I could see my response in responseText and responseXML is null. It works in IE and FF.
[jQuery] SOT: Graceful Degradation of JavaScript
A frequent topic on this list is how to make your web apps degrade gracefully when JavaScript is turned off. I've compiled a list of links that will help you guys with this: http://adactio.com/journal/959 http://hesketh.com/publications/progressive_enhancement_paving_way_for_future.html http://www.domscripting.com/blog/display/41 http://www.maadmob.net/donna/blog/archives/000661.html http://vanderwal.net/random/entrysel.php?blog=1770 http://www.devarticles.com/c/a/JavaScript/Making-JavaScript-Applications-Degrade-Gracefully-with-AJAX-and-MySQL/ I hope these will provide some insight into how to ensure your applications work in all scenarios. If any of you have other links, please feel free to submit them. Rey... -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Need to put-in web trends tracking using SmartSource data collector
Hi THEO, Thanx for your help... Hey buddy cud u do a favour to me.As hopefully ma client wud purchase the s/w... But still i need to do all the implemetation @ a trail version of web trends s/w.and need to give a presentation 2mrow. So please if u cud tell me wat all changes i need to perform --- in the code being given by u --- by just putting up the comments in ur code --- shall be grateful to u..as m in a fix, and quiet new to it..pls help me get out of it thanx in advance.. Regards NIK On Jul 5, 10:44 pm, skyeflye [EMAIL PROTECTED] wrote: Hi Nik, WebTrends is a commercial application that must be paid for. If you (or your client) do not have a paid license from WebTrends, then there is no way to use it. WebTrends sells versions of its software that they host for you and also versions that you can install on your ownwebserver(s). As far as I know, WebTrends has no free version. You may have seen the SmartSource code I pasted in an earlier thread. That code is of no use to anyone else (except my client) since it has been customized (slightly) to work with my client's WebTrends installation. As an alternative, for free website statistics and user tracking, I recommend you look at Google Analytics. It works a little differently, but it does basically everything WebTrends does (probably more). Other, more simple user tracking software (for a small, monthly fee) include Mint and CrazyEgg. Take care, -THEO- On Jul 5, 2:41 am, nik [EMAIL PROTECTED] wrote: Dear All, I need to usewebtrendstracking for aweb-site...can anybody suggest me how to perform the taskdo i need to use webtrends software for that or placing smartsource data code on all webpages would workas i'm working on this for the first timecan anyone of u volunteer to tell me what all i need to dostarting from step one (though i do could find the complete smartsource data collection code in the forum).shall be grateful to u guys. Thanx regards Niks- Hide quoted text - - Show quoted text -
[jQuery] Some fun with jQuery
Since it's Friday - here's something I made for fun with jQuery: Have you ever looked at a picture on the Internet, say on Flickr or Facebook, and thought it would look great with a speech bubble with your own commentary? I wrote a jQuery based bookmarklet that allows you add speech bubbles to any page on the web, and share it with friends via the 'copy' link. http://leftlogic.com/lounge/articles/speech-bubbles/ Here's an example: http://tinyurl.com/2cqgd5 Let me know what you think, Remy.
[jQuery] How to know that a iframe is done loading?
I have an iframe on my site which a form posts to. But how do I activate an event when the iframe is done loading its content?
[jQuery] How to define var to ajax in onClick?
Hi, im loading my pages through ajax and id like to have one script for all pages by adding: var page = './page.html' to onClick=javascript:name(); Is that possible? How to do that? Regards
[jQuery] Re: Some fun with jQuery
Remy, It looks very cool. I added a bubble, clicked Copy and then closed down the browser. I went make to the page and no bubble appeared. Is the bubble only persistent for as long as your browser session? I noticed that you did mentioned that you're not storing speech bubbles but I just want to clarify that. Thanks, Rey Remy Sharp wrote: Since it's Friday - here's something I made for fun with jQuery: Have you ever looked at a picture on the Internet, say on Flickr or Facebook, and thought it would look great with a speech bubble with your own commentary? I wrote a jQuery based bookmarklet that allows you add speech bubbles to any page on the web, and share it with friends via the 'copy' link. http://leftlogic.com/lounge/articles/speech-bubbles/ Here's an example: http://tinyurl.com/2cqgd5 Let me know what you think, Remy. -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Some fun with jQuery
I absolutely love it! That is so slick! -js On 7/6/07, Remy Sharp [EMAIL PROTECTED] wrote: Since it's Friday - here's something I made for fun with jQuery: Have you ever looked at a picture on the Internet, say on Flickr or Facebook, and thought it would look great with a speech bubble with your own commentary? I wrote a jQuery based bookmarklet that allows you add speech bubbles to any page on the web, and share it with friends via the 'copy' link. http://leftlogic.com/lounge/articles/speech-bubbles/ Here's an example: http://tinyurl.com/2cqgd5 Let me know what you think, Remy.
[jQuery] jquery.forms incorrect object usage in fileupload() with IE
Error correction for jquery.forms plugin (http://www.malsup.com/jquery/form/) Error oberved when send a form containing file field with Internet Explorer 7 A possible solution to solve it : form.action is an object under IE7 so an error occured when the script try to replace it by an url i replaced form.action by form.action.href and that work ^^ form.action.href = opts.url; -- View this message in context: http://www.nabble.com/jquery.forms-incorrect-object-usage-in-fileupload%28%29-with-IE-tf4030286s15494.html#a11448178 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Snag with Erik Beeson's fxQueue plugin and callbacks
Oh, never mind, it was my fault. :) The first queue that gets
created is assigned the number 0, which of course evaluates as false,
so th thisQueue? test was returning false even when a queue had been
created if that queue had a number of 0
On Jul 6, 2:52 pm, Gordon [EMAIL PROTECTED] wrote:
Closer investigation seems to reveal that the first time an fxqueue is
invoked the animations placed in the queue all happen concurrantly as
if they were not queued up. For some reason this doesn't happen on
subsequent invokations and all the animations queue up as they
should. I hadn't noticed this at first because I had deliberately fed
a large number of elements into the test code for stress testing and
the animation tended to be choppy under these curcumstances anyway.
Dropping to a smaller number of elements more typical of what would be
expected in everyday use revealed the problem.
On Jul 6, 10:47 am, Gordon [EMAIL PROTECTED] wrote:
In the application I am developing I have been using Erik's excelent
effects queueing plugin to que classes of animations up one after
another. My code for setting up the effects queueing was as follows:
{
var animList= new Array;
var thisQueue = null;
// Get elements to show and hide
var elemsToMove = $('.move');
var elemsToHide = $('.hide');
var elemsToShow = $('.show');
// Hide all shown elements that are marked as unselected
var thisQueue = $.fxQueue.start ({
selector: elemsToHide,
effect : self.hide,
params : ['slow'],
});
// Move all selected elements to new locations
$.fxQueue.add (thisQueue, {
selector: elemsToMove,
effect : 'moveProducts',
params : ['slow'],
});
// Show all hidden elements that are not marked as unselected
$.fxQueue.add (thisQueue, {
selector: elemsToShow,
effect : self.show,
params : ['slow'],
});
};
This worked okay, but then an issue arose where if users operated the
form controls while the animations were playing then weird stuff would
happen. I thought I'd just disable the form when the user starts an
animation and reenable it when the animation ends. I had to rewrite
my function a little to make sure that the last item in the queue and
only the last item reenabled the form so I rewrite it like this (I'm
using alerts to stand in for the form enable statement as they make
the problem more visible)
{
var animList= new Array;
var thisQueue = null;
// Build animation action list
if (elemsToHide.length 0)
animList.push ({
selector: elemsToHide,
effect : self.hide,
params : [self.hideSpeed]
});
if (elemsToMove.length 0)
animList.push ({
selector: elemsToMove,
effect : 'moveProducts',
params : [self.moveSpeed]
});
if (elemsToShow.length 0)
animList.push ({
selector: elemsToShow,
effect : self.show,
params : [self.showSpeed]
});
if (animList.length 0)
{
// Tag the final item in the queue with the done callback
animList [animList.length - 1].callback = function (){alert
('done');};
animList [animList.length - 1].callbackOnce = true;
// Create effects queue
while (animList.length 0)
{
thisQueue?
$.fxQueue.add (thisQueue, animList.shift
()):
thisQueue = $.fxQueue.start (animList.shift
());
}
}
else
alert ('Nothing to do');
};
I found this causes a problem in that the callback function that I
thought would only be triggered at the very end of the sequence got
triggered at the end of every step in the sequence. This would lead
to the form being reenabled prematurely.
I tried the following change:
{
var animList= new Array;
var thisQueue = null;
// Build animation action list
if
[jQuery] Re: Some fun with jQuery
On Jul 6, 4:11 pm, Rey Bango [EMAIL PROTECTED] wrote: Is the bubble only persistent for as long as your browser session? Hi Ray, No - that doesn't sound right - as in it's not session dependant. What's happening is the URL to generate the Speech Bubble is sent to a tinyurl API I wrote and returning the shortened version. This might be a bug to do with the URL (rather this *is* a bug) - but I've not been able to replicate it yet. If I spot it myself, I'll fix it right away - and since you're using a bookmarklet, you'll receive the update by default. Cheers, Remy.
[jQuery] Re: Some fun with jQuery
Remy Sharp wrote: Since it's Friday - here's something I made for fun with jQuery: Okay, we're now expecting something this cool every Friday! This is wonderful! Thank you very much for sharing. -- Scott
[jQuery] Re: Release: Tooltip plugin 1.1
On Jul 5, 12:57 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: This update to the jQuery Tooltip plugin brings a few minor yet very useful features and some very important bug fixes. Most often, I'm getting this error (FF IE) $(window).scrollLeft is not a function jquery.tooltip.js Line 319 Still couldn't figure out the reason. -- ?php echo 'Just another PHP saint'; ? Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/
[jQuery] Re: Some fun with jQuery
Thanks for the reply my man. Rey... PS: Its Rey with an 'e' ;) Remy Sharp wrote: On Jul 6, 4:11 pm, Rey Bango [EMAIL PROTECTED] wrote: Is the bubble only persistent for as long as your browser session? Hi Ray, No - that doesn't sound right - as in it's not session dependant. What's happening is the URL to generate the Speech Bubble is sent to a tinyurl API I wrote and returning the shortened version. This might be a bug to do with the URL (rather this *is* a bug) - but I've not been able to replicate it yet. If I spot it myself, I'll fix it right away - and since you're using a bookmarklet, you'll receive the update by default. Cheers, Remy. -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Release: Tooltip plugin 1.1
R. Rajesh Jeba Anbiah wrote: On Jul 5, 12:57 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: This update to the jQuery Tooltip plugin brings a few minor yet very useful features and some very important bug fixes. Most often, I'm getting this error (FF IE) $(window).scrollLeft is not a function jquery.tooltip.js Line 319 Still couldn't figure out the reason. Starting with 1.1, the dimensions plugin is a requirment for the tooltip plugin to work properly. I've added a not to the plugin page (Dependencies). -- ?php echo 'Just another PHP saint'; ? Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/ -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: Release: Tooltip plugin 1.1
Another thing, you're bundling your site's style in zip file. -- ?php echo 'Just another PHP saint'; ? Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/
[jQuery] Re: Hidden divs, showing based on anchor in URL
Unfortunately I don't see how to use this - History plugin uses Ajax to bring content onto a page. I am linking to another page. Really no clue on how that plugin applies, sorry. On Jul 5, 4:33 pm, Glen Lipka [EMAIL PROTECTED] wrote: Check out the history plugin. It does this for you.http://www.stilbuero.de/jquery/history/ Glen On 7/5/07, sccr410 [EMAIL PROTECTED] wrote: http://www.hughesnunn.com/attorneys.html You can see on the URL above, I am using hidden divs that get shown when a user clicks on the name - nothing fancy for jQuery. However, if you go to the home page, I want to be able to link each of the attorney names using an anchor in the URL and by default have that attorney's profile showing. I guess I could easily do this in PHP, but want to see if this is possible with jQuery.
[jQuery] Re: Hidden divs, showing based on anchor in URL
sccr410 wrote: Unfortunately I don't see how to use this - History plugin uses Ajax to bring content onto a page. I am linking to another page. Really no clue on how that plugin applies, sorry. If you take a closer look at the demo, there's also an example with showing/hiding a paragraph that does not use Ajax at all. It is basically the same what I use for the tabs plugin. Tabs can be triggered by the URL's fragment identifier (anchor), which at least to me sounds what you're looking for. Not sure though from your description... --Klaus
[jQuery] Re: Hidden divs, showing based on anchor in URL
If I understand you correctly, if someone enters or clicks a URL from another page like: http://www.hughesnunn.com/attorneys.html#mixer you want to display that attorney when the page loads? If you can parse the anchor out of the URL on page load you could use jQuery's click method to simulate a click on that link. Here are some recommendations (untested) on how to get the anchor. http://www.thescripts.com/forum/thread535179.html On Jul 6, 11:29 am, sccr410 [EMAIL PROTECTED] wrote: Unfortunately I don't see how to use this - History plugin uses Ajax to bring content onto a page. I am linking to another page. Really no clue on how that plugin applies, sorry. On Jul 5, 4:33 pm, Glen Lipka [EMAIL PROTECTED] wrote: Check out the history plugin. It does this for you.http://www.stilbuero.de/jquery/history/ Glen On 7/5/07, sccr410 [EMAIL PROTECTED] wrote: http://www.hughesnunn.com/attorneys.html You can see on the URL above, I am using hidden divs that get shown when a user clicks on the name - nothing fancy for jQuery. However, if you go to the home page, I want to be able to link each of the attorney names using an anchor in the URL and by default have that attorney's profile showing. I guess I could easily do this in PHP, but want to see if this is possible with jQuery.
[jQuery] Re: SITEANNOUNCE: Silent Uproar
just FYI, I have no affiliation with this site. It's just done by some people I know. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Friday, July 06, 2007 12:50 PM To: [jQuery] Subject: [jQuery] SITEANNOUNCE: Silent Uproar Silent Uproar, a music review website has launched a new version using jQuery: http://silentuproar.com/ Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ dealerskinslogo.bmp
[jQuery] SITEANNOUNCE: Silent Uproar
Silent Uproar, a music review website has launched a new version using jQuery: http://silentuproar.com/ Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ dealerskinslogo.bmp
[jQuery] load function then slide
This has worked in the past, but now I am trying with the new version
of jquery and the easing plugin.
I want my html to load into a div, then slideDown with easing.
Everything loads fine for me...but no slide effect. Any help would be
fantastic.
script type=text/javascript
$(document).ready(function() {
$(#tools a).click(function(){
$(#toolsLoader).load(this.href,function(){
$(this).slideDown({duration: 1000, easing: easeout});
});
return false;
});
});
/script
[jQuery] Re: SITEANNOUNCE: Silent Uproar
Added to the list. Andy Matthews wrote: Silent Uproar, a music review website has launched a new version using jQuery: http://silentuproar.com/ * Andy Matthews *Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Feature suggestion: animating through stylesheets
On 7/6/07, Gordon [EMAIL PROTECTED] wrote: Regarding the CSS cascade problem, would making any custom rules jQuery creates !important help? I initially looked into this and tried to implement it with no success. However after rewriting the script bout 5 times, I got it! I have updated the script, go check it out. http://www.sunsean.com/cssAnimate.html This should solve the specificity problem. Of course the user can still override an animation by using !important along with a higher specificity, but I see that as a feature imo. The script is not perfect, it doesn't start the opacity at the original, it start is at 100%, but that's just my hacked showcase, inside of the jQuery animation all would work seamlessly. Let me know if you find further problems. ~Sean
[jQuery] Re: SITEANNOUNCE: Silent Uproar
very cool Andy Matthews wrote: Silent Uproar, a music review website has launched a new version using jQuery: http://silentuproar.com/ * Andy Matthews *Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: site is having problems ( late thu / early fri july 6th )
It seems to be fine right now but the errors I was seeing were all related to mysql being offline. The wordpress error was the mysql database unavailable. Rey Bango-2 wrote: Hi Abba, Part of the problem has been that when we announced jQuery v1.1.3, we got a ton of traffic from Digg, Reddit, Ajaxian Dzone. Anytime you get that much traffic, you're bound to have some instability. It would be helpful if you could list out the errors that you're receiving so we can try to address them. Without that, it makes it kind of tough to troubleshoot the problems. I personally have had no issues getting to the site and navigating around so when you see an error, could you please jot it down and submit it? Thanks, Rey abba bryant wrote: I can bring up the homepage finally ( was down earlier as well ) but the docs / plugins / blog / dev site are all generating a variety of errors ( all seem to be that local mysql access isn't working at the host ) How am I supposed to play with the new behaviors when I can't see the project?!! I can't stay up all night waiting for it to come back online so I guess I will have to stop being an insomniac fanboy and wait until tomorrow ( or whenever the team fixes the issue ) I have also noticed a LOT of downtime on the blog lately. Abba Bryant -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com -- View this message in context: http://www.nabble.com/site-is-having-problems-%28-late-thu---early-fri-july-6th-%29-tf4034202s15494.html#a11470067 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Feature suggestion: animating through stylesheets
So are the results still the same? Looks like: DOM Profile (1330.403ms, 79446 calls) CSS Profile (1249.132ms, 173 calls) I have a question. Take a look at this page: http://www.commadot.com/jquery/animate/animatetest.htm When you click animate in any browser, you can see how it is doing them one after the other. Would this technique make them move in unison? It should. How could I adapt your code to work with this example? Glen On 7/6/07, Sean Catchpole [EMAIL PROTECTED] wrote: On 7/6/07, Gordon [EMAIL PROTECTED] wrote: Regarding the CSS cascade problem, would making any custom rules jQuery creates !important help? I initially looked into this and tried to implement it with no success. However after rewriting the script bout 5 times, I got it! I have updated the script, go check it out. http://www.sunsean.com/cssAnimate.html This should solve the specificity problem. Of course the user can still override an animation by using !important along with a higher specificity, but I see that as a feature imo. The script is not perfect, it doesn't start the opacity at the original, it start is at 100%, but that's just my hacked showcase, inside of the jQuery animation all would work seamlessly. Let me know if you find further problems. ~Sean
[jQuery] Using AutoCompleter, how do you pass parameters
I'm using a modification of Dylan Verheul's AutoCompleter that can be
found at http://www.pengoworks.com/workshop/jquery/autocomplete.htm.
I need to pass not only the user's input, but the customer number. On
a full hit, I know it from the logged in user, on an AJAX call I need
another way to determine it. Perhaps there is a better/easier way,
but I was just going to put the customer number in a hidden form field
and then pass it via the AJAX call.
So I have this form field:
input type=hidden id=CustNo name=CustNo value=791823
The AutoComplete section of the JavaScript is:
$(document).ready(function() {
$(#txtItem).autocomplete(itemquery.abc?CustNo=+$
('#CustNo').val(),
{
delay:10,
minChars:2,
matchSubset:1,
matchContains:1,
cacheLength:10,
maxItemsToShow:15,
width:500,
onItemSelect:selectItem,
onFindValue:findValue,
formatItem:formatItem,
autoFill:true
}
);
But then the QueryString as seen on the backend is:
CustNo=791623?q=12
Normally what I see on the back end would be more like:
CustNo=791623q=12
and I could extract the customer number with no problem. Actually, I
still can, however I'd like the query string to be built properly so
that it's:
q=12CustNo=791623
I'm very new to JQuery. Can I make this work?
Thanks.
[jQuery] Infinite Loop - Easing bug
http://www.commadot.com/jquery/animate/easingError.htm Click animate. Why does this page go into an infinite loop? Is it impossible to animate two items at the same time using easing? Glen
[jQuery] Re: Load Google Analytics from jQuery
I'm not sure that appending the script tag as text forces the
browser to parse and run the script as you would like. All examples
(
http://cain.supersized.org/archives/2-Dynamic-loading-of-external-JavaScript-.js-files.html
, http://ajaxpatterns.org/On-Demand_Javascript ,
http://blogs.sun.com/insidemyhead/entry/dynamic_javascript_loading )
use 'proper' DOM element creation, for example:
$( function() {
var s = document.createElement(script);
s.id = ga;
s.src = http://www.google-analytics.com/urchin.js;;
s.type = text/javascript;
$(#footer).after(s);
$(#ga).after('script type=text/javascript_uacct =
UA-2158413-2; urchinTracker();/script')
});
Note that document.ready is unnecessary in jQuery, all jQuery needs is
$( function() {...}); . Also, referencing elements is fastest by id,
there is no need for div#id - it is actually slower!, simply $(#id)
will do. Consider also $(body).append(s) instead, to add the
script as the absolute last element before the closing /body tag.
Charles Phillips
On Jul 5, 10:06 am, Skullman [EMAIL PROTECTED] wrote:
Hello!
I guess if any of you have tried to load Google Analytics from JQuery.
What I want to do is as simple as this:
My original footer:
footer.php
div id=footersomething/div
/body
/html
/footer.php
Instead of put the Google Analytics on the footer, I want to include
the coce before DOM is loaded:
header.php
[...]
script type=text/javascript src=/media/js/jquery.js/script
script type=text/javascript
$(document).ready(function(){
// analytics code (end of page)
$('div#footer').after(\n\nscript src='http://www.google-
analytics.com/urchin.js' type='text/javascript'/script\n +
script type='text/javascript'\n +
\t_uacct = 'UA-2158413-2'\n +
\turchinTracker();\n +
/
script);
});/script
header.php
That way, when the DOM is loaded, my footer should look like this:
mywebsite
[...]
div id=footersomething/div
script style=display: none; src=http://www.google-analytics.com/
urchin.js type=text/javascript/script
script type=text/javascript
_uacct = 'UA-2158413-2'
urchinTracker();
/script
/body
/html
/mywebsite
I have tried, but google doesn't seem to understand that the JS it's
been loaded, even it's not on the page.
Thanks for reading!!
Skullman
[jQuery] Re: Load Google Analytics from jQuery
Found what I was looking for...
//forget this code:
- $(#ga).after('script type=text/javascript_uacct =
UA-2158413-2; urchinTracker();/script')
//add this code:
+ var s2 = document.createElement(script);
+ s2.type = text/javascript;
+ s2.text = '_uacct = UA-2158413-2; urchinTracker();';
+ $(body).append(s2);
Should work in IE FF, let me know how it goes.
Charles
On Jul 6, 11:57 am, polyrhythmic [EMAIL PROTECTED] wrote:
I'm not sure that appending the script tag as text forces the
browser to parse and run the script as you would like. All examples
(http://cain.supersized.org/archives/2-Dynamic-loading-of-external-Jav...
,http://ajaxpatterns.org/On-Demand_Javascript,http://blogs.sun.com/insidemyhead/entry/dynamic_javascript_loading)
use 'proper' DOM element creation, for example:
$( function() {
var s = document.createElement(script);
s.id = ga;
s.src = http://www.google-analytics.com/urchin.js;;
s.type = text/javascript;
$(#footer).after(s);
$(#ga).after('script type=text/javascript_uacct =
UA-2158413-2; urchinTracker();/script')
});
Note that document.ready is unnecessary in jQuery, all jQuery needs is
$( function() {...}); . Also, referencing elements is fastest by id,
there is no need for div#id - it is actually slower!, simply $(#id)
will do. Consider also $(body).append(s) instead, to add the
script as the absolute last element before the closing /body tag.
Charles Phillips
On Jul 5, 10:06 am, Skullman [EMAIL PROTECTED] wrote:
Hello!
I guess if any of you have tried to load Google Analytics from JQuery.
What I want to do is as simple as this:
My original footer:
footer.php
div id=footersomething/div
/body
/html
/footer.php
Instead of put the Google Analytics on the footer, I want to include
the coce before DOM is loaded:
header.php
[...]
script type=text/javascript src=/media/js/jquery.js/script
script type=text/javascript
$(document).ready(function(){
// analytics code (end of page)
$('div#footer').after(\n\nscript src='http://www.google-
analytics.com/urchin.js' type='text/javascript'/script\n +
script type='text/javascript'\n +
\t_uacct = 'UA-2158413-2'\n +
\turchinTracker();\n +
/
script);
});/script
header.php
That way, when the DOM is loaded, my footer should look like this:
mywebsite
[...]
div id=footersomething/div
script style=display: none; src=http://www.google-analytics.com/
urchin.js type=text/javascript/script
script type=text/javascript
_uacct = 'UA-2158413-2'
urchinTracker();
/script
/body
/html
/mywebsite
I have tried, but google doesn't seem to understand that the JS it's
been loaded, even it's not on the page.
Thanks for reading!!
Skullman
[jQuery] Re: Using AutoCompleter, how do you pass parameters
input type=hidden id=CustNo name=CustNo value=791823
The AutoComplete section of the JavaScript is:
$(document).ready(function() {
$(#txtItem).autocomplete(itemquery.abc?CustNo=+$
('#CustNo').val(),
{
delay:10,
minChars:2,
matchSubset:1,
matchContains:1,
cacheLength:10,
maxItemsToShow:15,
width:500,
onItemSelect:selectItem,
onFindValue:findValue,
formatItem:formatItem,
autoFill:true
}
);
You need to use the extraParams option:
$(#txtItem).autocomplete(itemquery.abc
{
delay:10,
minChars:2,
matchSubset:1,
matchContains:1,
cacheLength:10,
maxItemsToShow:15,
width:500,
onItemSelect:selectItem,
onFindValue:findValue,
formatItem:formatItem,
autoFill:true,
extraParams: {
'CustNo': '791823'
}
}
);
-Dan
[jQuery] Re: JQuery Ajax
A problem i'm running into is that I have functions in JQuery that I want to affect objects loaded by the remote scripting, but these functions appear to only affect objects when they are loaded with the initial page. Any time you make a change to the DOM, you have to re-apply any behaviors you previously attached--otherwise the browser has no idea that you want to apply the behavior. The best way to handle this is to break code into helper functions. Here's a response I gave to a similar question a little while ago: http://groups.google.com/group/jquery-en/browse_frm/thread/22d92f39d2460ca4/ 7e2efcdb8b92?lnk=stq=rnum=43#7e2efcdb8b92 -Dan
[jQuery] JQuery Ajax
Hello, I'm learning JQuery and Ajax, but i'm not using JQuery's built in Ajax method (wanna learn about Ajax on its own before I use JQuery's methods). A problem i'm running into is that I have functions in JQuery that I want to affect objects loaded by the remote scripting, but these functions appear to only affect objects when they are loaded with the initial page. An example of an effect I want is to load a div with ajax, and when the div loads have it fade to 0. Is there something I'm missing when it comes to applying JQuery to objects loaded by remote scripting? I tried applying a .load() event to the object and that didn't seem to work. Any ideas?
[jQuery] Flash movie not playing when loaded from AJAX in FF MAC
When I load content into a div from an ajax call, the flash movie contained in updated code doesn't display in FF 2.0.0.4 on the MAC. However it does look as though the movie is there because if I right mouse click on the space it is supposed to be, the flash dialog appears. Works fine on MAC safari, FF and IE on the PC. Any ideas? Thanks. -- View this message in context: http://www.nabble.com/Flash-movie-not-playing-when-loaded-from-AJAX-in-FF-MAC-tf4038118s15494.html#a11472540 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Feature suggestion: animating through stylesheets
On 7/6/07, Glen Lipka [EMAIL PROTECTED] wrote: I have a question. Take a look at this page: http://www.commadot.com/jquery/animate/animatetest.htm Hey Glen, I liked your example, so I've taken it and applied the css animation concept. http://www.sunsean.com/animatetest.html The results are incredible. ~Sean
[jQuery] Re: Feature suggestion: animating through stylesheets
Ok, so to go back to the original intent of this thread: Does it make sense to consider changing how jQuery (core) executes animations? Or is this something that should be a plugin? It makes animations much more predictable and efficient, but are there enough real world use cases. Glen On 7/6/07, Sean Catchpole [EMAIL PROTECTED] wrote: On 7/6/07, Glen Lipka [EMAIL PROTECTED] wrote: I have a question. Take a look at this page: http://www.commadot.com/jquery/animate/animatetest.htm Hey Glen, I liked your example, so I've taken it and applied the css animation concept. http://www.sunsean.com/animatetest.html The results are incredible. ~Sean
[jQuery] Re: SOT: Graceful Degradation of JavaScript
Rey Bango schrieb: If any of you have other links, please feel free to submit them. No, i have not a link for this. I have a good link to view what going on when using JQuery so bad ;) :) Go to http://www.haz.de/ without JS, great kino -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de www.akitafreund.de ---
[jQuery] Re: SOT: Graceful Degradation of JavaScript
whoa! that is the scariest thing I've seen in a long time. With JavaScript: respectable news site. Without JavaScript: umm, nothing. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 6, 2007, at 7:05 PM, Olaf Bosch wrote: Rey Bango schrieb: If any of you have other links, please feel free to submit them. No, i have not a link for this. I have a good link to view what going on when using JQuery so bad ;) :) Go to http://www.haz.de/ without JS, great kino -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de www.akitafreund.de ---
[jQuery] Re: Some fun with jQuery
Very cool, Remy. That's a kick-ass demo page! On 7/6/07, Remy Sharp [EMAIL PROTECTED] wrote: Since it's Friday - here's something I made for fun with jQuery:
[jQuery] Re: Flash movie not playing when loaded from AJAX in FF MAC
This sounds familiar. Brent Pedersen recently pointed me to this link when I was troubleshooting a similar problem: http://jakeo.org/blog/2007/03/16/css-opacity-and-flash-transparency-in-mac-firefox/ Mike When I load content into a div from an ajax call, the flash movie contained in updated code doesn't display in FF 2.0.0.4 on the MAC. However it does look as though the movie is there because if I right mouse click on the space it is supposed to be, the flash dialog appears.
[jQuery] Creating a button like this, using jquery?
Sorry guys, but I cannot get my head around this one. I am trying to
create a vote button that looks like the ones here, jyte.com
I already have ALL of the backend logic programmed. I even already
have everything working, the problem is, I am using CSS to display the
buttons. This does not allow me to resize the button on a MOUSEOVER
state like I was told javascript was able to do. I know there is a
mouseover function in jquery, but I am confused about what I should
do, display an image or what? And how to go about doing that. Here is
what my javascript looks like atm, using css.
$(document).ready(function(){
$(div.mybutton span).html($currentvote);
$(div.disagree span).html($disagree);
$(.mybutton span).click(function(){
$(div.mybutton span).load(/stories/vote/ + $idof);
});
$('.disagree span').click(function(){
$(div.disagree span).load(/stories/disagree/ + $idof)
});
});
Maybe someone knows a way to do what I want, I'm really quite lost
here so any advice would be GREATLY appreciated. Thank you.
[jQuery] tutorial needs additional material
In the main tutorial http://docs.jquery.com/How_jQuery_Works the third section is 3. Callbacks, Functions, and 'this' however there is no discussion or even a mention of 'this'. Could someone who understands it help this newbie out? The specific thing I'm trying to figure out is, given a lists of trs how can I attach a click() to the first td of each tr that does a show() on a div.class in the third td of that tr? -- I'll take unequal justice to equal injustice any day. Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
[jQuery] Toggle div and change class
Hi everyone,
Firstly, I'm very new to jQuery, so this may seem like a stupid
question.
I'm trying to show/hide sections of my site using jQuery, but also
changing the class of the element I'm targeting when the slide is
toggled. This is the HTML
div class=sidebarContent
h3 class=headerShownTop Scorer/h3
div class=content
The club's top scorer is:
ul
lia href=xxxUrn /a - 18/li
/ul
/div
/div
The jQuery I'm using is:
$(document).ready(function(){
$(.sidebarContent h3.headerShown).click(function(){
$(this).next().slideUp(slow);
$(this).removeClass('headerShown');
$(this).addClass('headerHidden');
return false;
});
$(.sidebarContent h3.headerHidden).click(function(){
$(this).next().slideDown(slow);
$(this).removeClass('headerHidden');
$(this).addClass('headerShown');
return false;
});
});
Basically, when it's hidden, the class changes, making the background
image on the h3 element change. My problem is that although the jQuery
script says it's changing the class to 'headerHidden', it won't slide
down because it's going on the original DOM, not the current one.
I'm sure the answer is to have some sort of conditional statement in
it, but since very few jQuery statements return a boolean, I'm not
sure how to.
Any help would be appreciated.
Many thanks
Steve W
[jQuery] Re: SOT: Graceful Degradation of JavaScript
Yeah...1.18 MB of nothing. They obviously are not concerned with dialup users either... Just for fun I went to my Netflix account with JS turned off. For those who don't know, Netflix is a DVD rental company that's pretty big here in the U.S., and they use a ton of JS to enhance the user experience. Of course you can't use the 5-star rating, that was to be expected. What surprised me was that the Update queue buttons are greyed out, so you cannot update/sort your queue with JS off. Also, the FAQ's at the bottom of the queue didn't work. To top it off, there was no noscript message to tell the user why things weren't working or suggest they try to enable javascript. Pretty sad lack of degradation... -- Josh - Original Message - From: Karl Swedberg To: jquery-en@googlegroups.com Sent: Friday, July 06, 2007 4:15 PM Subject: [jQuery] Re: SOT: Graceful Degradation of JavaScript whoa! that is the scariest thing I've seen in a long time. With JavaScript: respectable news site. Without JavaScript: umm, nothing. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 6, 2007, at 7:05 PM, Olaf Bosch wrote: Rey Bango schrieb: If any of you have other links, please feel free to submit them. No, i have not a link for this. I have a good link to view what going on when using JQuery so bad ;) :) Go to http://www.haz.de/ without JS, great kino -- Viele Grüße, Olaf --- [EMAIL PROTECTED] http://olaf-bosch.de www.akitafreund.de ---
[jQuery] Re: Toggle div and change class
Just for readability, you might want to use the toggle function and the
slideToggle function too.
Totally untested, but in the ballpark. Im also using the slideToggle's
callback feature to WAIT until the
slide is finished before changing the class.
$(p).toggle(function(){
el = $(this);
el.next()
.slideToggle(slow,function(){
el.removeClass(headerShown).addClass(headerhidden);
});
return false;
},function(){
el = $(this);
el.next()
.slideToggle(slow,function(){
el.removeClass(headerHidden).addClass(headerShown);
});
return false;
});
Sorry, cant test it now, but its close.
Hope this helps a little.
Glen
On 7/6/07, SteelSoftware [EMAIL PROTECTED] wrote:
Hi everyone,
Firstly, I'm very new to jQuery, so this may seem like a stupid
question.
I'm trying to show/hide sections of my site using jQuery, but also
changing the class of the element I'm targeting when the slide is
toggled. This is the HTML
div class=sidebarContent
h3 class=headerShownTop Scorer/h3
div class=content
The club's top scorer is:
ul
lia href=xxxUrn /a - 18/li
/ul
/div
/div
The jQuery I'm using is:
$(document).ready(function(){
$(.sidebarContent h3.headerShown).click(function(){
$(this).next().slideUp(slow);
$(this).removeClass('headerShown');
$(this).addClass('headerHidden');
return false;
});
$(.sidebarContent h3.headerHidden).click(function(){
$(this).next().slideDown(slow);
$(this).removeClass('headerHidden');
$(this).addClass('headerShown');
return false;
});
});
Basically, when it's hidden, the class changes, making the background
image on the h3 element change. My problem is that although the jQuery
script says it's changing the class to 'headerHidden', it won't slide
down because it's going on the original DOM, not the current one.
I'm sure the answer is to have some sort of conditional statement in
it, but since very few jQuery statements return a boolean, I'm not
sure how to.
Any help would be appreciated.
Many thanks
Steve W
[jQuery] Re: tutorial needs additional material
http://www.visualjQuery.com is a great resource too. I cant remember anything without it., I whipped up a demo. Is this it? http://www.commadot.com/jquery/selectors/tables.htm Glen PS. I had some trouble figuring out how to select all the first tds. Anyone have a better method than me? On 7/6/07, Rick Pasotto [EMAIL PROTECTED] wrote: In the main tutorial http://docs.jquery.com/How_jQuery_Works the third section is 3. Callbacks, Functions, and 'this' however there is no discussion or even a mention of 'this'. Could someone who understands it help this newbie out? The specific thing I'm trying to figure out is, given a lists of trs how can I attach a click() to the first td of each tr that does a show() on a div.class in the third td of that tr? -- I'll take unequal justice to equal injustice any day. Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
[jQuery] Re: tutorial needs additional material
If each of your target td's has a class clicktd...
$(.clicktd).click(function() {
$(this).siblings(td:eq(1)).children(div.class).show();
});
Something close to that should work...someone will jump in and correct me
I'm sure!
Basically on an event such as click, $(this) will point to whatever was
clicked, so that's the starting point for any DOM traversal that follows.
-- Josh
- Original Message -
From: Rick Pasotto [EMAIL PROTECTED]
To: jquery jquery-en@googlegroups.com
Sent: Friday, July 06, 2007 3:35 PM
Subject: [jQuery] tutorial needs additional material
In the main tutorial http://docs.jquery.com/How_jQuery_Works the third
section is 3. Callbacks, Functions, and 'this' however there is no
discussion or even a mention of 'this'.
Could someone who understands it help this newbie out?
The specific thing I'm trying to figure out is, given a lists of trs
how can I attach a click() to the first td of each tr that does a
show() on a div.class in the third td of that tr?
--
I'll take unequal justice to equal injustice any day.
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
[jQuery] Re: Feature suggestion: animating through stylesheets
For the time being, I think it should be a plugin, maybe one that adds to/extends the .animate() function. But I would argue that there has to be some real world examples created. Maybe take a plugin that does some animation already and recreate it using the css method. For instance, I have a site informationexperts.com that uses the accordian plugin, if we can recreate that plugin to utilize the css method, that we can really gauge the benefit. The accordian plugin is only an example, I am sure there are a ton of plugin/situations that are already using current methods that can be recoded with the css method. This would really give us something to compare too, because moving 100 or so divs is one thing, having a real live site example is another. Back to something someone said in an earlier message, some of these test are suspect and I feel you can only truly judge something once you see it on the playing field. On 7/6/07, Glen Lipka [EMAIL PROTECTED] wrote: Ok, so to go back to the original intent of this thread: Does it make sense to consider changing how jQuery (core) executes animations? Or is this something that should be a plugin? It makes animations much more predictable and efficient, but are there enough real world use cases. Glen On 7/6/07, Sean Catchpole [EMAIL PROTECTED] wrote: On 7/6/07, Glen Lipka [EMAIL PROTECTED] wrote: I have a question. Take a look at this page: http://www.commadot.com/jquery/animate/animatetest.htm Hey Glen, I liked your example, so I've taken it and applied the css animation concept. http://www.sunsean.com/animatetest.html The results are incredible. ~Sean -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Tabs or mini tabs?
Thanks for the reply. It's just that my example doesn't work and in those cases I have found view source helpfull to see what I forgot, being a newbie and no js pro. I cannot get your tabs working, I prob forgot or don't know what most take for granted... http://www.bkdesign.ca/1programming/minitab.php#tabs1 Bruce P bkdesign - Original Message - From: Sean Catchpole [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Tuesday, July 03, 2007 1:21 PM Subject: [jQuery] Re: Tabs or mini tabs? On 7/3/07, Bruce [EMAIL PROTECTED] wrote: omg, a demo as an xml file? Makes it unusable for the majority I would think..., me for sure, oh well That's why I included a view source button with every example, however I understand your concern and I will gladly change the page to html if others would also find that useful. ~Sean
[jQuery] Re: SITEANNOUNCE: Silent Uproar
OT + Shameless plug, but Yay: http://silentuproar.com/news.php?ID=10484 That's one of our bands (I work as a web developer in Music Managment). Nice to see it being covered on this site. On 7/6/07, Andy Matthews [EMAIL PROTECTED] wrote: Silent Uproar, a music review website has launched a new version using jQuery: http://silentuproar.com/ * Andy Matthews *Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private inline: dealerskinslogo.bmp
[jQuery] Re: Tabs or mini tabs?
On 7/6/07, Bruce [EMAIL PROTECTED] wrote: I cannot get your tabs working, I prob forgot or don't know what most take for granted... http://www.bkdesign.ca/1programming/minitab.php#tabs1 You forgot to include jquery also: script type=text/javascript src=http://www.bkdesign.ca/jqu ery/jquery.js/script You also have this text randomly on the page: sual1 ul).idTabs(); /SCRIPT Hope that helps, I'll try to make the source more readable when I release the next version of idTabs. ~Sean
[jQuery] Re: Tabs or mini tabs?
Thanks for the reply. You also have this text randomly on the page: sual1 ul).idTabs(); /SCRIPT ??? I can't see that anywhere... Bruce - Original Message - From: Sean Catchpole To: jquery-en@googlegroups.com Sent: Friday, July 06, 2007 9:16 PM Subject: [jQuery] Re: Tabs or mini tabs? On 7/6/07, Bruce [EMAIL PROTECTED] wrote: I cannot get your tabs working, I prob forgot or don't know what most take for granted... http://www.bkdesign.ca/1programming/minitab.php#tabs1 You forgot to include jquery also: script type=text/javascript src= http://www.bkdesign.ca/jquery/jquery.js;/script You also have this text randomly on the page: sual1 ul).idTabs(); /SCRIPT Hope that helps, I'll try to make the source more readable when I release the next version of idTabs. ~Sean
[jQuery] Re: Tabs or mini tabs?
Thats too bad, is my own fault as I should be able to figure out the code and css on my own...will stick with other ajax/js tabs. Yours look good though, I'm just not a js pro Thanks for looking! Bruce - Original Message - From: Sean Catchpole To: jquery-en@googlegroups.com Sent: Friday, July 06, 2007 9:16 PM Subject: [jQuery] Re: Tabs or mini tabs? On 7/6/07, Bruce [EMAIL PROTECTED] wrote: I cannot get your tabs working, I prob forgot or don't know what most take for granted... http://www.bkdesign.ca/1programming/minitab.php#tabs1 You forgot to include jquery also: script type=text/javascript src= http://www.bkdesign.ca/jquery/jquery.js;/script You also have this text randomly on the page: sual1 ul).idTabs(); /SCRIPT Hope that helps, I'll try to make the source more readable when I release the next version of idTabs. ~Sean
[jQuery] Convert XMLDocument to text
I have received an XMLDocument object through an Ajax call and has subsequently changed some of the nodes in the object. I now want to convert it to a plain text string so I can pass it on as a parameter. Is there any way in jQuery to do this?
[jQuery] Re: Some fun with jQuery
Very nice!! On 7/6/07, Remy Sharp [EMAIL PROTECTED] wrote: Since it's Friday - here's something I made for fun with jQuery: Have you ever looked at a picture on the Internet, say on Flickr or Facebook, and thought it would look great with a speech bubble with your own commentary? I wrote a jQuery based bookmarklet that allows you add speech bubbles to any page on the web, and share it with friends via the 'copy' link. http://leftlogic.com/lounge/articles/speech-bubbles/ Here's an example: http://tinyurl.com/2cqgd5 Let me know what you think, Remy. -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Re: .fadeOut In mutiple elements don't work. why? what's wrong?
Jquery is very good for this, will adapt u into the rules \o/ On 7/4/07, Alexsandro_xpt [EMAIL PROTECTED] wrote: Exactly, I getting into standards(WC3) now. Uhm... now I understand. Thank you a lot for help me... :) bye. On 4 jul, 14:02, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Glad that you are getting into standards now. Again, i understand ur concern. You are saying that classes should be used only for styling... But it is not true. Truly speaking classes are a hook left in the HTML for other languages to take advantage. One such language is CSS, and javascript can be another language to... so, by specifying multiple classes, that are not being used for layout stuff, u r not violating any standards. Hope, i answered ur question. -GTG On 7/4/07, Alexsandro_xpt [EMAIL PROTECTED] wrote: Uhmm, now I understand. But, It's stranger, I have to use same named class design in two spans and one table, I can't make it, cos that two span and table is diferent layout. The table contein some HTML button panel, and span has two label colls and those must be fadeOut when new form fadeIn over table and spans. Well, forget it, The true way like you sayed You will need to go back to your original design and change it so that you use different ID's and/or have some named class. cos I need create one class just only for fades, and class should be only for layouts not for elements coletions. Thank all and you a lot. -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Re: Problems with jCarouselLite and hide divs
Yeah i fix hiding after call JCarousel
On 7/5/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
I have put together a demo page here showcasing, that you can set display to
none in javascript after the call to jCarouselLite. The link to the page is
http://www.gmarwaha.com/jquery/jcarousellite/testDisplayNone.php
Since you are using document.ready event to both create the carousel and
also hide it, it is possible that there will be a flicker while creating the
carousel if you are downloading a few pictures. If you experience that, then
add the following to ur stylesheet the represents
the carousel div.
.carousel {
position: relative;
visibility: hidden;
left: -5000px;
}
This should solve your flicker problem.
Let me know if it works for you..
-GTG
On 7/5/07, Jean [EMAIL PROTECTED] wrote:
I will try, i think this will fix
On 7/5/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
That wouldn't fix ur problem... For now ur best work-around is to hide
the
div using javascript after the call to jCarouselLite()... This way you
are
giving the plugin the means to construct itself before u hide it...
In the mean-time, i will work on a fix for the same and keep u posted.
Lemme know if the work-around works.
-GTG
On 7/5/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
hi jean,
i think u are using version 0.2.0. Last week 0.3.0. A few bugs were
fixed
as well... To start with, u might want to try that version. You can
download
it at
http://www.gmarwaha.com/jquery/jcarousellite/index.php
This should mostly fix your problem. If it doesn't try adding the
following css to the div representing ur carousel.
/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
Lemme know how it goes...
-GTG
On 7/5/07, Jean [EMAIL PROTECTED] wrote:
I was making my defense for my university´s project and
I´m trying hide divs only to show when i click in some tab but if
i
hide de divs with jcarousel it dont works, but the same code
without
the hide divs works, i have 2 examples´s pages.
with hide
http://www.interalfa.com.br/sisdent/apresentacao/index1.php
without hide
http://www.interalfa.com.br/sisdent/apresentacao/index2.php
Someone can help me?
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: Problems with jCarouselLite and hide divs
great... glad u got it working...
On 7/6/07, Jean [EMAIL PROTECTED] wrote:
Yeah i fix hiding after call JCarousel
On 7/5/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
I have put together a demo page here showcasing, that you can set
display to
none in javascript after the call to jCarouselLite. The link to the page
is
http://www.gmarwaha.com/jquery/jcarousellite/testDisplayNone.php
Since you are using document.ready event to both create the carousel and
also hide it, it is possible that there will be a flicker while creating
the
carousel if you are downloading a few pictures. If you experience that,
then
add the following to ur stylesheet the represents
the carousel div.
.carousel {
position: relative;
visibility: hidden;
left: -5000px;
}
This should solve your flicker problem.
Let me know if it works for you..
-GTG
On 7/5/07, Jean [EMAIL PROTECTED] wrote:
I will try, i think this will fix
On 7/5/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
That wouldn't fix ur problem... For now ur best work-around is to
hide
the
div using javascript after the call to jCarouselLite()... This way
you
are
giving the plugin the means to construct itself before u hide it...
In the mean-time, i will work on a fix for the same and keep u
posted.
Lemme know if the work-around works.
-GTG
On 7/5/07, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
hi jean,
i think u are using version 0.2.0. Last week 0.3.0. A few bugs
were
fixed
as well... To start with, u might want to try that version. You can
download
it at
http://www.gmarwaha.com/jquery/jcarousellite/index.php
This should mostly fix your problem. If it doesn't try adding the
following css to the div representing ur carousel.
/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
Lemme know how it goes...
-GTG
On 7/5/07, Jean [EMAIL PROTECTED] wrote:
I was making my defense for my university´s project and
I´m trying hide divs only to show when i click in some tab but
if
i
hide de divs with jcarousel it dont works, but the same code
without
the hide divs works, i have 2 examples´s pages.
with hide
http://www.interalfa.com.br/sisdent/apresentacao/index1.php
without hide
http://www.interalfa.com.br/sisdent/apresentacao/index2.php
Someone can help me?
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
