[jQuery] Re: jQuery + iPhone, improving element animations
As I was curious and as I don't know how WebKit/Safari is doing the animating internally, I made a testcase for comparison purposes: http://datacalmers.hoito.org/iphonent/testcase-animate.php Launch button 1 will toggle moving of the blue div-element from side to side using a jQuery-animate. Launch button 2 will toggle moving of the pink div-element from side to side using a WebKit-transition. Animating css-property 'left' will not give very satisfying results neither when using WebKit-transitions. However, they do fancy me: http://girliemac.com/iphone/anim.html On 3 helmi, 00:08, Ricardo Tomasi wrote: > The best approach for the iPhone would be to use CSS3 animations, they > run much smoother.
[jQuery] Re: DatePicker not working--how to debug?
On Mon, Feb 2, 2009 at 11:55 PM, Richard D. Worth wrote: > This worked for me no problem > > http://paste.pocoo.org/show/102539/ > > - Richard Thanks for following up. This is too strange. Each test I made, I checked that everything was loaded (no bad filenames) and jquery was there. I'll open these files in FF3 tomorrow. If that works fine, I'll go back and cross-check everything again. If FF2 still gives me problems, I'll post something to trac. (I don't know, offhand, if FF2 is even still supported) thanks for your help
[jQuery] SuperSubs Help Needed
Hi, I'm looking for assistance to solve an odd supersubs problem... On my site the SuperSubs plugin works properly on the first sub-sub- nav only. I'm not sure why. Take a look here and see the second sub nav's display (in the top pill nav rollover "Campus Life" and then "Student Athletics"): http://www.stcyril.net/site/ The li tag seems like it is ignored or is missing on the second sub- sub-nav of any nav item. So the sub-navs work fine, and the first sub- sub-nav in any menu item works fine, but if there is another sub-sub- nav in the same menu item it displays horizontal and not vertical. Kinda weird. Has anyone seen this before? Recommended remedies? Thank you.
[jQuery] Re: DatePicker not working--how to debug?
This worked for me no problem
http://paste.pocoo.org/show/102539/
- Richard
On Mon, Feb 2, 2009 at 11:22 PM, brian wrote:
>
> Something's wrong here. When I use the following files (from the dev
> bundle) it does not work:
>
> ui.core.min.js
> ui.datepicker.min.js
>
> When I substitute the "personaized" file (core, datepicker, tabs) it works
> jquery-ui-personalized-1.6rc6.min.js
>
> When, on a hunch, I went back to the individual files and added
> ui.tabs.min.js, it still did not work. However, I now (finally) am at
> least seeing an error:
>
> $("#date_from").datepicker is not a function
>
> I was getting no errors at all, earlier.
>
> I tried ui.all also with no luck. The only version that's working is
> the personalised package.
>
> This page is cursed, I tell you.
>
[jQuery] Re: access table row[y] cell[x]
On Feb 3, 7:25 am, "Michael Geary" wrote:
> That didn't work because .html is a method, not a property you can set.
Not exactly - the issue is that the OP is assigning a value to the
jQuery.html property instead of calling the function referenced by it
and passing the value as an argument.
This is one of the gottchas of overloading of methods - instead of
getHTML() and setHTML('...') methods which clearly indicate how they
shoudl be used, the one method is used for both and the programmer has
to work out what was intended from the context, not the method name.
--
Rob
[jQuery] Re: DatePicker not working--how to debug?
Something's wrong here. When I use the following files (from the dev
bundle) it does not work:
ui.core.min.js
ui.datepicker.min.js
When I substitute the "personaized" file (core, datepicker, tabs) it works
jquery-ui-personalized-1.6rc6.min.js
When, on a hunch, I went back to the individual files and added
ui.tabs.min.js, it still did not work. However, I now (finally) am at
least seeing an error:
$("#date_from").datepicker is not a function
I was getting no errors at all, earlier.
I tried ui.all also with no luck. The only version that's working is
the personalised package.
This page is cursed, I tell you.
[jQuery] Re: clueTip - can you parse out heading when reading from external file?
may be this [rel="/text.htm"] file not able to load or remove slash from rel
tag rel = "text.htm".
if it will not sort with this way then
write all the content into ur current html file [text.htm] & try for this
syntax
rel="#id_of_text.html_content"
give a try.
regards,
ragx
On Tue, Feb 3, 2009 at 9:29 AM, EricFettman wrote:
>
> Hi, folks --
>
> Using the clueTip plugin, it's clear how to display a heading in your
> popup help window when the text is contained within the title
> attribute of the a tag selected:
>
> $('#popup1').cluetip({ splitTitle: '|', showTitle: true });
>
>
> Any way to do this when the text comes from an external file, as
> below?
>
>
>
> I can get the text to display in the body of the popup by applying
> cluetip() with no arguments to popup2, but if I use the same
> parameters as above, no text is displayed at all.
>
> Any help is appreciated - TIA.
>
> Eric
>
--
---| Regard |---
Mohd.Tareque
[jQuery] clueTip - can you parse out heading when reading from external file?
Hi, folks --
Using the clueTip plugin, it's clear how to display a heading in your
popup help window when the text is contained within the title
attribute of the a tag selected:
$('#popup1').cluetip({ splitTitle: '|', showTitle: true });
Any way to do this when the text comes from an external file, as
below?
I can get the text to display in the body of the popup by applying
cluetip() with no arguments to popup2, but if I use the same
parameters as above, no text is displayed at all.
Any help is appreciated - TIA.
Eric
[jQuery] Re: DatePicker not working--how to debug?
On Mon, Feb 2, 2009 at 10:45 PM, Richard D. Worth wrote: > Sounds like you'd be happy with the development bundle (see jqueryui.com top > right for link). It's one zip file with all individual files named like > > ui.core.js > ui.accordion.js > ui.datepicker.js > etc. > > You simply include the files you need. There are even minified versions of > each individual file. > Thanks. I assumed (and you know what that's good for) that it was everything in one file. I guess that wouldn't make much sense, though. I actually just downloaded core, datepicker, and tabs in one file. This seems to work (albeit with the nasty css issues). So, I'm a bit confused as to why I couldn't get it to work with separate files from the SVN repos. Whatever, I'm going to put it down to a curse. As in, this page I'm working on is cursed. Or my client has cursed me. Or something.
[jQuery] Re: ajaxForm returns error in IE7
> FYI, this used to work correctly so I've filed a ticket on it. Still, > it's good practice to avoid names that have special meaning. > > http://dev.jquery.com/ticket/4039 > I managed to get this fixed in the plugin. Version 2.19 is now available: http://www.malsup.com/jquery/form/#download
[jQuery] Re: DatePicker not working--how to debug?
Sounds like you'd be happy with the development bundle (see jqueryui.com top right for link). It's one zip file with all individual files named like ui.core.js ui.accordion.js ui.datepicker.js etc. You simply include the files you need. There are even minified versions of each individual file. - Richard On Mon, Feb 2, 2009 at 10:39 PM, brian wrote: > > On Mon, Feb 2, 2009 at 9:02 PM, Richard D. Worth > wrote: > > > > On Mon, Feb 2, 2009 at 1:23 PM, brian wrote: > >> > >> I'm struggling to figure out why DatePicker is not working for me. I'm > >> including the following files (and they're all loading fine). Is there > >> yet another file required? > >> > >> ui.core.css > >> ui.theme.css > >> ui.datepicker.css > >> > >> jquery-1.3.1.min.js > >> jquery-ui-1.6rc5.min.js > >> jquery-ui-datepicker-1.6rc5.min.js > > > > Perhaps you've got one too many script files? Try these two > > > > http://jquery-ui.googlecode.com/svn/tags/testing/jquery-1.3.1.js > > http://jquery-ui.googlecode.com/svn/tags/testing/ui/jquery.ui.all.js > > > > - Richard > > > > Getting somewhere. This works, after a fashion. It looks absolutely > dreadful, but it works. It seems that I have some CSS issues to deal > with. > > I also tried using these files: > http://jquery-ui.googlecode.com/svn/tags/testing/ui/jquery.ui.core.js > http://jquery-ui.googlecode.com/svn/tags/testing/ui/jquery.ui.datepicker.js > > That also did not work. So, is there maybe a dependency missing somewhere? > > And, while I'm on the subject, I have to say that the method for > retrieving the UI files leaves a lot to be desired. It's great that > they're offered pre-minified and everything. But, if one wants just > the core and a couple of widgets, and to keep them as separate files, > one needs to rename the 3 files, after extracting, from > "jquery-ui-personalized" (or some such). It'd be nice if the files > were named properly when not mixing widgets. I guess it's maybe an > edge case, though. Maybe most people like to package them. Personally, > I generally prefer to load just what I need. > > Or, maybe there should be an option to have them zipped up together, > but as separate files. > > In any case, I'm going to toss out my goal of keeping to just the code > I need and use the "all" file. That'll save what's left of my hair. > Thanks for nudging me. >
[jQuery] Re: DatePicker not working--how to debug?
On Mon, Feb 2, 2009 at 9:02 PM, Richard D. Worth wrote: > > On Mon, Feb 2, 2009 at 1:23 PM, brian wrote: >> >> I'm struggling to figure out why DatePicker is not working for me. I'm >> including the following files (and they're all loading fine). Is there >> yet another file required? >> >> ui.core.css >> ui.theme.css >> ui.datepicker.css >> >> jquery-1.3.1.min.js >> jquery-ui-1.6rc5.min.js >> jquery-ui-datepicker-1.6rc5.min.js > > Perhaps you've got one too many script files? Try these two > > http://jquery-ui.googlecode.com/svn/tags/testing/jquery-1.3.1.js > http://jquery-ui.googlecode.com/svn/tags/testing/ui/jquery.ui.all.js > > - Richard > Getting somewhere. This works, after a fashion. It looks absolutely dreadful, but it works. It seems that I have some CSS issues to deal with. I also tried using these files: http://jquery-ui.googlecode.com/svn/tags/testing/ui/jquery.ui.core.js http://jquery-ui.googlecode.com/svn/tags/testing/ui/jquery.ui.datepicker.js That also did not work. So, is there maybe a dependency missing somewhere? And, while I'm on the subject, I have to say that the method for retrieving the UI files leaves a lot to be desired. It's great that they're offered pre-minified and everything. But, if one wants just the core and a couple of widgets, and to keep them as separate files, one needs to rename the 3 files, after extracting, from "jquery-ui-personalized" (or some such). It'd be nice if the files were named properly when not mixing widgets. I guess it's maybe an edge case, though. Maybe most people like to package them. Personally, I generally prefer to load just what I need. Or, maybe there should be an option to have them zipped up together, but as separate files. In any case, I'm going to toss out my goal of keeping to just the code I need and use the "all" file. That'll save what's left of my hair. Thanks for nudging me.
[jQuery] Re: toggle checkbox when clicking
On Feb 2, 2009, at 6:47 PM, Slafs wrote: Karl thanks for your tutorial. But it seems that examples for adding the selected class doesn't work when I click the row but only the checkbox itself Well, that is very strange. It works with jQuery 1.2.6, but not with 1.3.1. Hmm. Will have to investigate. (and it doesn't work at all on Konqueror). I don't have Konqueror, but I'll take your word for it. Wonder if it's related to the other issue. --Karl Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: about :not(:last)
Sorry, Ricardo, but this isn't so much logic, isn't it?
When I see dl:not(:first) I read give me all dl except the first one
Imagine this was a mathematics expression
We read from left to right: first filter all dl's with the result
exclude the first one
I can understand a bug but it's dificult to me to understand your
explanation about this issue even when I test the code with the iPhone
safari (on Wednesday I could try it with IE to see the dl supposed, on
FF or Safari don't appears, problem you point)
I don't know who decides (at jQuery) what is a bug and what isn't but
in my opinion this is one of them
If jQuery people wants to correct them, ok
If not ok but jQuery will have it's first point to leave it as soon as
a better library appears
I can do anything more that change my code to solve this jQuery bug
but this don't change the fact that there is a bug at jQuery
Thanks
On 3 feb, 02:32, Ricardo Tomasi wrote:
> I haven't seen your page, but I know that styling and
> elements for IE is a pain. And the invalid mark-up might bring you
> problems with different browsers. The usual behavior for invalid
> nesting is to close the offended tag to make it valid, so this
>
>
>
>
>
>
>
>
> would become
>
>
>
>
>
>
>
>
>
>
> Firefox is surprisingly tolerant in this case, but I haven't tested
> elsewhere. Valid mark-up is a safe harbour specially with regards to
> DOM manipulation.
>
> That aside, I found the issue, it's actually quite simple.
>
> this.parents('dl:not(:first)')
>
> let's see what's happening:
> - first, this gets you all the parents() for 'root'. Without any
> filtering, that would be DD, DL, DD, DL etc.
> - then you ask it to filter the elements which are 'DL's AND are not
> the first match. Here's the catch: :first refers to the first match in
> the set, which is a DD element, not a DL one. The DL is never going to
> be the first match.
>
> :first will always filter according to the current set, before any
> other expressions in the same call are evaluated. So what you need to
> do is filter the parents set again:
>
> var slots = $(this).parents('dl').filter(':not(:first)').map(function
> () {
> return $(".Texto:first", $(this)).text();
>
> }
>
> Or use slice() instead as I posted before, that will be much faster as
> you're just slicing the array without dealing with elements/selectors.
>
> var slots = $(this).parents('dl').slice(1).map(function() {
> return $(".Texto:first", $(this)).text();
>
> }
>
> cheers,
> - ricardo
>
> On Feb 2, 11:35 am, Garito wrote:
>
> > Sorry Ricardo but you say the problem is the dt element?
>
> > With this markup I can do what I need in terms of css
>
> > With the css I put the divs inside the dt element to put a label, the
> > icon and the other div to switch between visible/non visible dd
>
> > How do you think I could put my markup to avoid this problem?
>
> > I don't like your suggest because one of the main reasons to change
> > from prototype to jquery was the css's selectors and they power
>
> > I thinks this is a jquery's bug, isn't it?
>
> > On 2 feb, 10:02, Ricardo Tomasi wrote:
>
> > > Ah that's quite confusing mark-up. A element can only contain
> > > inline elements, certainly not divs and other definition lists. Nested
> > > definition lists make no sense! I couldn't find the problem.
>
> > > Try $(this).parents('dl').slice(1) or $(this).parents('dl').slice
> > > (0,-1), that will probably work.
>
> > > cheers,
> > > - ricardo
>
> > > On Feb 1, 10:57 pm,Garito wrote:
>
> > > > Gracias, Ricardo!
> > > > I change the code with the complete test case for my issue
>
> > > > Sorry for the identation but the original code is generated and I copy/
> > > > paste with firebug
>
> > > > If I'm not wrong, with the selector 'dl:not(:last)' SITE dl is
> > > > incorrect in the returned list because is the last dl (if not 'dl'
> > > > will be equal to 'dl:not(:last)')
>
> > > > am I confused or there is a bug?
>
> > > > Thanks!
>
> > > > On 1 feb, 21:07, Ricardo Tomasi wrote:
>
> > > > >http://jquery.nodnod.net/cases/85
>
> > > > > Parece ok aqui. Pode ser alguma outra coisa na tua página, não dá pra
> > > > > saber sem ver o html.
> > > > >
> > > > > Seems to work fine here. Could you post a complete test page showing
> > > > > this issue?
>
> > > > > - ricardo
>
> > > > > On Feb 1, 1:25 pm,Garito wrote:
>
> > > > > > Hi!
> > > > > > Please, consider this code:
>
> > > > > > $.fn.url2 = function(absoluta) {
> > > > > > var slots =
> > > > > > $(this).parents('dl:not(:last)').map(function() {
> > > > > > return $(".Texto:first", $(this)).text();
> > > > > > });
> > > > > > var slots2 = $(this).parents('dl').map(function() {
> > > > > > return $(".Texto:first", $(this)).text();
> > > > > > });
> > > > > > return slots.get().join("/") + ' -- ' +
> > > > > > slots2.get().jo
[jQuery] Re: Need help validating a dropdown list
Jörn,
Many thanks for the clarification and tip. When I removed the value
attribute completely, it didn't work, but when I left it in with no
value, the error message came up as expected. The code below works.
Thanks again--
Kathryn
--Select One--
Feb 16 - 20, 2009
Mar 16 - 20, 2009
Apr 13 - 17, 2009
May 11 - 15, 2009
On Feb 1, 4:54 am, Jörn Zaefferer
wrote:
> Dropdowns are supported just fine. Just remove the value attribute
> from the "select one" option and add a required rule for the field.
> See
> alsohttp://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo...
>
> Jörn
>
> On Sat, Jan 31, 2009 at 7:59 PM, Kathryn wrote:
>
> > Hi all,
>
> > I'm using the fantastic validation plugin (from bassistance.de) and
> > have run into a little glitch. I understand the plugin doesn't
> > currently handle dropdowns, but I found a possible solution on True
> > Tribe (http://www.thetruetribe.com/jquery/1-jquery-api/68-jquery-
> > plugin-validation-with-ajax). I can't get it to work, though. I'm
> > pretty new to jQuery and am probably making an obvious error I can't
> > see. Here's my jQuery code:
>
> > $(document).ready(function(){
> > $("#reg_form").validate({
>
> > onfocusout: false,
> > onkeyup: false,
> > onclick: false,
>
> > rules: {
> > gender: {required:true},
> > spouse_attend: {required:true}
> > }
>
> > });
>
> > $validator.addMethod(
> > "select_class",
> > function(value, element) {
> > return this.optional(element) || ( value.indexOf("--Select One--") ==
> > -1);
> > },
> > "Please select a class.");
>
> > });
>
> > And here's the dropdown I'm trying to validate.
>
> >
> > --Select One--
> > Feb 16 - 20, 2009
> > Mar 16 - 20, 2009
> > Apr 13 - 17, 2009
> > May 11 - 15, 2009
> >
>
> > What am I doing wrong? Or is there another way to do this?
>
> > Thanks in advance!
>
> > Kathryn
[jQuery] Re: DatePicker not working--how to debug?
On Mon, Feb 2, 2009 at 1:23 PM, brian wrote: > > I'm struggling to figure out why DatePicker is not working for me. I'm > including the following files (and they're all loading fine). Is there > yet another file required? > > ui.core.css > ui.theme.css > ui.datepicker.css > > jquery-1.3.1.min.js > jquery-ui-1.6rc5.min.js > jquery-ui-datepicker-1.6rc5.min.js Perhaps you've got one too many script files? Try these two http://jquery-ui.googlecode.com/svn/tags/testing/jquery-1.3.1.js http://jquery-ui.googlecode.com/svn/tags/testing/ui/jquery.ui.all.js - Richard
[jQuery] Re: Hide or show div depending on the value of radio button
I have no idea if this works or is a good way to do it, but hopefully
gives you an idea
$(function() {
$("div[id^=SecondaryBox]").hide(); // hides all secondary boxes
$("input[name^=MainStuff]").bind("click", function() {
var selected = $(":checked", this).val(); // get value of
checked radio button
var nextDiv = $(this).parent().parent().next(); // gets the
secondaryBox relative to clicked radio button
if (selected == '3') nextDiv.show();
else nextDiv.hide();
});
});
On Feb 2, 3:04 pm, StanW wrote:
> I am trying to understand show/hide toggled from the value of a selected
> radio button. I know this topic has been addressed here often, but I cannot
> seem to apply other's answers.
>
> I have a series of primary radio button groups. Each primary group has a
> single associated secondary group. I want the secondary group to be hidden
> on load, but then toggled if a specific primary radio button is chosen.
>
> For example in the code below, I would like the secondary radio groups to
> only appear if the value "3" is selected. Once the group is shown, if
> another value is selected I would like like the secondary radio group to be
> re-hidden. If it makes easier code, the value "3" will always be the value
> to show any of the secondary groups.
>
> This must be doable, but is beyond me. Thank you for your help!
>
> HTML:
>
> SecondaryBox1 should be hidden until PrimaryBox1 is selected as value
> 3, then toggled if PrimaryBox1 is something other than 3
>
>
>
> 1
> 2
> 3
>
>
>
>
>
> a
> b
> c
> d
>
>
>
> SecondaryBox2 should be hidden until PrimaryBox2 is selected as value
> 3, then toggled if PrimaryBox2 is something other than 3
>
>
>
> 1
> 2
> 3
>
>
>
>
>
> a
> b
> c
> d
>
>
>
> --
> View this message in
> context:http://www.nabble.com/Hide-or-show-div-depending-on-the-value-of-radi...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: $.support support and blockUI
> Anyone know if blockUI is slated to transition over to using $.support > instead of $.browser? Yes, blockUI will move towards using $.support in the future. > More generally, what are people's opinions about the adoption of this > feature? Much of the time, browser-specific code I write is for some > esoteric problem that shows up in a particular browser, not some more > generic issue, like support for the W3C box model. Lots of smart people have differing opinions on it: http://groups.google.com/group/jquery-dev/browse_thread/thread/2b70ead1e2cc186d# Personally, I think that having no userAgent sniffing in the core jQuery library itself is fantastic. Of course it currently only defines $.support properties for things it needs internally. Plugins have various other needs. Mike
[jQuery] Re: Append Form IE7 Ajax Submit
> Will using
>
> $("#c_t_form_container form").live('click', function() {
>
> submit the form?
No, that will bind the click event for the entire form. Forms can be
submitted w/o a click event though.
Mike
[jQuery] Re: yet another frames-related problem
I think you should use the 'load' event helper.Something like this:
var iframe = document.getElementById('iframe_id);
$(iframe).load(function() {
// here you can manipulate the iframe content
var doc = iframe.contentDocument;
$('#someDiv', doc).click(function() {
// code here
});
});
On Feb 2, 9:43 pm, jquertil wrote:
> I did this:
>
> $('body').append('
> $('#someDiv', top.frames['myFrameName3'].document).click(function(){
> alert( $(this).attr('id') );
>
> });
[jQuery] currency validation based on locale settings
hi. does anyone know if jquery support validation/auto formatting for currency based on locale settings. for example: if in US and you put: 1 => validation or auto format should make this value becomes 10,000.00 4321 => 4,321.00 32.22 => 32.22 100,23 => 10,023.00 or (give a warning msg saying it's not US valid format) 0,1 => 0.00 give a warning msg saying it's not us valid format it should also support other currency where it has different ways of putting commas and points for digit separators. thanks for your help
[jQuery] UI Tabs - change onClick behaviour
I have 6 tabs.
I changed event to load tab content on hover
for tab 'menu_zakladka3' I need to open page HTTP://SOMEURL instead of
opening tab or load ajax data (this page has to read variables from
the page header and check some cookies, so it is easier to not load
with AJAX)
How to do this?
my code
$("#nawigacjazarzadzanie > ul").tabs({
event: 'mouseover'
});
Twoje dane
Ustawienia
firmowe
CLICK
TO OPEN A PAGE
Ustawienia
firmowe
DIV1
DIV 2
DIV 4
[jQuery] Hide or show div depending on the value of radio button
I am trying to understand show/hide toggled from the value of a selected radio button. I know this topic has been addressed here often, but I cannot seem to apply other's answers. I have a series of primary radio button groups. Each primary group has a single associated secondary group. I want the secondary group to be hidden on load, but then toggled if a specific primary radio button is chosen. For example in the code below, I would like the secondary radio groups to only appear if the value "3" is selected. Once the group is shown, if another value is selected I would like like the secondary radio group to be re-hidden. If it makes easier code, the value "3" will always be the value to show any of the secondary groups. This must be doable, but is beyond me. Thank you for your help! HTML: SecondaryBox1 should be hidden until PrimaryBox1 is selected as value 3, then toggled if PrimaryBox1 is something other than 3 1 2 3 a b c d SecondaryBox2 should be hidden until PrimaryBox2 is selected as value 3, then toggled if PrimaryBox2 is something other than 3 1 2 3 a b c d -- View this message in context: http://www.nabble.com/Hide-or-show-div-depending-on-the-value-of-radio-button-tp21802059s27240p21802059.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] events, lock and unlock
Hi everybody,
I have the next silly problem:
$(myobject).bind('myevent', function() {
var anotherobject = new MyCustomObject();
$(anotherobject).bind('anotherevent', function() {
// code here
});
});
and then I write these two lines:
$(myobject).trigger('myevent');
$(myobject).trigger('myevent');
The problem is that sometimes 'myevent' is dispatched before the
'anotherevent' and I would like to be sure that the 'anotherevent' has
been dispached previously. I'm thinking in something like this:
$(myobject).bind('myevent', function() {
// here we lock 'myevent'
$(myobject).lockEvent('myevent);
var anotherobject = new MyCustomObject();
$(anotherobject).bind('anotherevent', function() {
// code here
// here we unlock 'myevent' so we are sure 'myevent' is dispached
after the 'anotherevent'
$(myobject).unlockEvent('myevent');
});
});
I now it is a strange question :) and I currently I'm doing it in
another way, but I'm curios about it.
Thank you in advance and sorry for my English.
[jQuery] $.support support and blockUI
Anyone know if blockUI is slated to transition over to using $.support instead of $.browser? More generally, what are people's opinions about the adoption of this feature? Much of the time, browser-specific code I write is for some esoteric problem that shows up in a particular browser, not some more generic issue, like support for the W3C box model.
[jQuery] Re: about :not(:last)
I haven't seen your page, but I know that styling and
elements for IE is a pain. And the invalid mark-up might bring you
problems with different browsers. The usual behavior for invalid
nesting is to close the offended tag to make it valid, so this
would become
Firefox is surprisingly tolerant in this case, but I haven't tested
elsewhere. Valid mark-up is a safe harbour specially with regards to
DOM manipulation.
That aside, I found the issue, it's actually quite simple.
this.parents('dl:not(:first)')
let's see what's happening:
- first, this gets you all the parents() for 'root'. Without any
filtering, that would be DD, DL, DD, DL etc.
- then you ask it to filter the elements which are 'DL's AND are not
the first match. Here's the catch: :first refers to the first match in
the set, which is a DD element, not a DL one. The DL is never going to
be the first match.
:first will always filter according to the current set, before any
other expressions in the same call are evaluated. So what you need to
do is filter the parents set again:
var slots = $(this).parents('dl').filter(':not(:first)').map(function
() {
return $(".Texto:first", $(this)).text();
}
Or use slice() instead as I posted before, that will be much faster as
you're just slicing the array without dealing with elements/selectors.
var slots = $(this).parents('dl').slice(1).map(function() {
return $(".Texto:first", $(this)).text();
}
cheers,
- ricardo
On Feb 2, 11:35 am, Garito wrote:
> Sorry Ricardo but you say the problem is the dt element?
>
> With this markup I can do what I need in terms of css
>
> With the css I put the divs inside the dt element to put a label, the
> icon and the other div to switch between visible/non visible dd
>
> How do you think I could put my markup to avoid this problem?
>
> I don't like your suggest because one of the main reasons to change
> from prototype to jquery was the css's selectors and they power
>
> I thinks this is a jquery's bug, isn't it?
>
> On 2 feb, 10:02, Ricardo Tomasi wrote:
>
> > Ah that's quite confusing mark-up. A element can only contain
> > inline elements, certainly not divs and other definition lists. Nested
> > definition lists make no sense! I couldn't find the problem.
>
> > Try $(this).parents('dl').slice(1) or $(this).parents('dl').slice
> > (0,-1), that will probably work.
>
> > cheers,
> > - ricardo
>
> > On Feb 1, 10:57 pm,Garito wrote:
>
> > > Gracias, Ricardo!
> > > I change the code with the complete test case for my issue
>
> > > Sorry for the identation but the original code is generated and I copy/
> > > paste with firebug
>
> > > If I'm not wrong, with the selector 'dl:not(:last)' SITE dl is
> > > incorrect in the returned list because is the last dl (if not 'dl'
> > > will be equal to 'dl:not(:last)')
>
> > > am I confused or there is a bug?
>
> > > Thanks!
>
> > > On 1 feb, 21:07, Ricardo Tomasi wrote:
>
> > > >http://jquery.nodnod.net/cases/85
>
> > > > Parece ok aqui. Pode ser alguma outra coisa na tua página, não dá pra
> > > > saber sem ver o html.
> > > >
> > > > Seems to work fine here. Could you post a complete test page showing
> > > > this issue?
>
> > > > - ricardo
>
> > > > On Feb 1, 1:25 pm,Garito wrote:
>
> > > > > Hi!
> > > > > Please, consider this code:
>
> > > > > $.fn.url2 = function(absoluta) {
> > > > > var slots =
> > > > > $(this).parents('dl:not(:last)').map(function() {
> > > > > return $(".Texto:first", $(this)).text();
> > > > > });
> > > > > var slots2 = $(this).parents('dl').map(function() {
> > > > > return $(".Texto:first", $(this)).text();
> > > > > });
> > > > > return slots.get().join("/") + ' -- ' +
> > > > > slots2.get().join("/");
> > > > > };
>
> > > > > The funny thing of this code is that slots and slots2 have the same
> > > > > items
> > > > > Could you point me why slots put the last dl?
>
> > > > > I suppose that dl:not(:last) retrieves all the parents except the last
> > > > > one but this don't work
>
> > > > > Thanks!
[jQuery] Re: Can't select an id containing '/' ?
> Just wondering if this is a bug, or me using a html id attribute in a
> manner not allowed?
Although jQuery will let you escape some of the characters, the W3C
says:
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed by any number of letters, digits ([0-9]), hyphens ("-"),
underscores ("_"), colons (":"), and periods (".").
So, a forward slash isn't a valid character in an ID attribute.
[jQuery] Re: DatePicker not working--how to debug?
Checked all that. And I tried with an ID. Nothing, no joy.
This is with FF 2.0.0.14, btw. I'll check it in 3.x
On Mon, Feb 2, 2009 at 4:08 PM, James wrote:
>
> Are your UI image and language (i18n) files somewhere in there also?
> I'm not sure if they're required, but put them in.
>
> Do you have more than one elements with the DatePicker class?
> Maybe try using $("#foo").datepicker(); to see if it works.
>
> On Feb 2, 8:23 am, brian wrote:
>> I'm struggling to figure out why DatePicker is not working for me. I'm
>> including the following files (and they're all loading fine). Is there
>> yet another file required?
>>
>> ui.core.css
>> ui.theme.css
>> ui.datepicker.css
>>
>> jquery-1.3.1.min.js
>> jquery-ui-1.6rc5.min.js
>> jquery-ui-datepicker-1.6rc5.min.js
>>
>> The form input looks like so:
>>
>>
>>
>> The following has no effect at all (including errors):
>>
>> $(document).ready(function(){
>> $(".DatePicker").datepicker();
>>
>> });
>>
>> If I change the above to this, the alert properly shows "foo".
>>
>> $(document).ready(function(){
>> $(".DatePicker").each(function(){alert(this.id);});
>>
>> });
>>
>> Can someone suggest some way to go about debugging this?
[jQuery] Re: block on body onload, unblock on at the end of $(document).ready
There's no guarantee that the 'body' element will exist at the point
you inserted the script, it should be right after the tag, not
before.
Usually there's nothing visible in the page before ready() fires,
unless you're dealing with a very large document.
On Feb 2, 8:44 pm, cambazz wrote:
> well, what I want is document to be blocked before its ready.
> and unblock when document is ready is finished
>
> so before I made a
>
>
> $('body').block();
>
>
>
> and at the end of the document ready
>
> $('body').unblock()
>
> it works, but I wonder if there is something i missed?
>
> best.
>
> On Feb 2, 11:11 am, Ricardo Tomasi wrote:
>
> > the 'onload' event actually fires after document ready - that's the
> > reason doc ready exists!
>
> > What you want is to block *on* doc ready, and unblock after your ajax
> > stuff is finished. As ajax is asynchronous, you'll have to keep track
> > of every call to know when everything is done.
>
> > $(document).ready(function(){
>
> > $.blockUI({ message: null });
> > var count = 0,
> > ajaxCount = function(){
> > count++;
> > if (count == 5) //total number of ajax calls
> > $.unblockUI();
> > });
>
> > $('xis').load('bla.py', function(){
> > //bla bla
> > ajaxCount();
> > });
> > $.ajax({ etc etc, success: function(){
> > //blablabla etc etc
> > ajaxCount();
> > });
> > ... and so on..
>
> > });
>
> > On Feb 1, 10:57 pm, cambazz wrote:> Hello,
>
> > > I would like to blockUI on body onload like:
>
> > >
>
> > > and when document ready finishes unblock, but unfortunately i can not
> > > unblock it if I put blockUI on onload of body.
>
> > > My page makes few ajax calls and some processing on document ready,
> > > and i want to blockUI until page finishes loading completely.
>
> > > Is there a solution, or a workaround?
>
> > > Best.
[jQuery] Re: How to get html string including the selected element
Oops, wrong URL. This is the right one:
http://plugins.jquery.com/project/outerhtml
On Feb 2, 9:59 pm, Ricardo Tomasi wrote:
> Try this:
>
> http://yelotofu.com/2008/08/jquery-outerhtml/
>
> On Feb 2, 7:13 am, Andy789 wrote:
>
> > Hi All,
>
> > I need to get html for a dom structure like this:
>
> >
> > something
> >
> >
>
> > if I use
>
> > $('div#test').html();
>
> > it generates its innerHTML excluding
>
> > How an I get the whole structure including id test?
>
> > thanks
[jQuery] Re: How to get html string including the selected element
Try this:
http://yelotofu.com/2008/08/jquery-outerhtml/
On Feb 2, 7:13 am, Andy789 wrote:
> Hi All,
>
> I need to get html for a dom structure like this:
>
>
> something
>
>
>
> if I use
>
> $('div#test').html();
>
> it generates its innerHTML excluding
>
> How an I get the whole structure including id test?
>
> thanks
[jQuery] Re: find text within the page
On Feb 3, 8:01 am, paulinstl wrote:
> I'm looking for a way to locate keywords to help the end user out.
>
> For instance, if I want to find the word "polar" then i'd like my
> function to locate it, wrap it with a span, and assign it a function.
>
> so far I can locate using a content filter and classname like this...
>
> $(".keyword:contains('polar')")
>
> But this selects the whole element (paragraph, div, whatever)
>
> how do i focus in on JUST the text?
The most reliable method is to traverse the part of the DOM you want
to search and look at the value of text nodes. If you want to
highlight a particular character pattern, use a regular expression and
DOM methods to wrap it in a suitable element, say a span. It would
also be prudent to also put adjacent text in spans too, e.g.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
might become:
Lorem ipsum dolor
sit amet, consectetur adipiscing elit.
That way you can also deal with text found inside elements like B or
QUOTE if necessary.
Other approaches such as using a regular exprssion and an element's
innerHTML property, are likely to be error prone.
--
Rob
[jQuery] Re: Can't select an id containing '/' ?
You have to escape special characters with a double backslash:
$('#\\/about\\/')
On Feb 2, 4:35 am, starmonkey wrote:
> Using jQuery 1.2.6, it would seem that any id containing a forward
> slash cannot be selected using jQuery's syntax:
>
> testing blah
> testing about
> testing about2
> testing about3
>
> $('#/about/') <- jQuery obj with length=0 returned
> $('#/about2') <- jQuery obj with length=0 returned
> $('#about3/') <- jQuery obj with length=0 returned
> $('#blah') <- works
>
> Just wondering if this is a bug, or me using a html id attribute in a
> manner not allowed?
>
> cheers,
> SM
[jQuery] Re: simple jQuery img src Question
Small correction: it should be bind('readystatechange'.. as jQuery
adds the 'on' prefix by itself.
cheers,
- ricardo
On Jan 22, 3:25 am, LoicDuros wrote:
> Thanks everyone for your help. many different ways of doing it... I'll
> try each of them until something works! THanks!
>
> On Jan 21, 11:35 pm, Ricardo Tomasi wrote:
>
> > A cross-browser way of doing that:
>
> > $('img').fadeOut(500, function(){
> > $(this).attr('src',newsrc).bind('onreadystatechangeload', function()
> > {
> > if (this.complete) $(this).fadeIn(1000);
> > });
>
> > });
>
> >http://jsbin.com/urikuhttp://jsbin.com/uriku/edit
>
> > On Jan 21, 7:30 pm, Balazs Endresz wrote:
>
> > > Also, see this discussion about using theloadevent with
> > > images:http://groups.google.com/group/jquery-dev/browse_thread/thread/24b107...
>
> > > On Jan 21, 8:55 pm, Bohdan Ganicky wrote:
>
> > > > Fixed braces:
>
> > > > $('#image').fadeOut(500, function() {
> > > > $(this).attr('src','images/'+newImg).load(function() {
> > > > $(this).fadeIn(1000);
> > > > });
>
> > > > });
>
> > > > --
> > > > Bohdan
>
> > > > On Jan 21, 8:54 pm, Bohdan Ganicky wrote:
>
> > > > > In theory it would be something like this:
>
> > > > > $('#image').fadeOut(500, function() {
> > > > > $(this).attr('src','images/'+newImg).load(function() {
> > > > > $(this).fadeIn(1000);
> > > > > });
>
> > > > > }
>
> > > > > ...but I'm not at all sure if the "load()" captures the "src"
> > > > > attribute change like that.
>
> > > > > --
> > > > > Bohdan
>
> > > > > On Jan 21, 7:54 pm, LoicDuros wrote:
>
> > > > > > Hi,
>
> > > > > > I'm new to JQuery and used to use Scriptaculous. I would like to
> > > > > > make
> > > > > > the following:
>
> > > > > > A function to fade out animage, then change the src of theimage, and
> > > > > > once the new src is loaded, to fade in theimageback (so that it's
> > > > > > fading in with the newimageloaded).
>
> > > > > > Here is how I did it using Scriptaculous, however, the site will now
> > > > > > use jQuery and so I have to reproduce the same thing with it - is
> > > > > > there such a thing as "observe" in jQuery:
> > > > > > function navAction(newImg) {
> > > > > > new Effect.Fade('image', {duration:0.5, afterFinish:function(){
> > > > > > document.getElementById('image').src = 'images/' + newImg;
> > > > > > $(document.getElementById("image")).observe('load', display);
> > > > > > }
>
> > > > > > });
> > > > > > }
>
> > > > > > function display(event){
> > > > > > new Effect.Appear('image', {duration:1});
>
> > > > > > }
[jQuery] Re: callback for append function?
Take notice that the image's load event doesn't always fire in IE. You
have to use
.bind('readystatechange load', loaded)
function loaded(){
if (this.complete) // or if (this.readyState == 'complete')
//do stuff
to guarantee that the function will be called (the .complete property
is always true on FF, and it doesnt fire readystatechange for images).
cheers,
- ricardo
On Feb 2, 4:17 pm, Stephan Veigl wrote:
> You can make a function you call every time an image has been loaded
> and update a counter in this function. Once the counter reaches the
> number if images you have on your page, you know that all images where
> loaded.
>
> see:http://jsbin.com/ofici/edit
>
> by(e)
> Stephan
>
> 2009/2/2 Liam Potter :
>
>
>
> > can you please not delete the quoted message, as I have no idea what you
> > just thanked someone for now.
>
> > lhwpa...@googlemail.com wrote:
>
> >> great! thanks for that! one last question. is it possible to fire a
> >> function when the last of 5 images is loaded ?
[jQuery] Re: toggle checkbox when clicking
Hi!
Thank you all for your replies!
With a big help from my friend now i've got this:
$(".myTable tr").each(function() {
var tr = $(this);
var input = $("input[type=checkbox]", tr);
tr.click(function() {
input.attr('checked', !$(input).attr
('checked'));
});
input.click(function() {
$(this).attr('checked', !$(this).attr
('checked'));
});
});
and it works great.
Karl thanks for your tutorial. But it seems that examples for adding
the selected class doesn't work when I click the row but only the
checkbox itself (and it doesn't work at all on Konqueror). Am I
right ?
regards
On Feb 2, 1:29 pm, benjam wrote:
> Another method that I use to do the very same thing (1.2.6)
>
> $('tbody tr').click( function(event) {
> if ($(event.target).is('input')) {
> return;
> }
>
> var $input = $(this).find('input');
>
> if ($input.length) {
> $input.attr('checked', ! $input.attr('checked'));
> }
> });
[jQuery] Re: failing .click() trigger on element created using .replaceWith()
You are correct. If you "replace" an element then any handlers
attached to it will be removed.
When you say $('p').click( handleClick ) the "handleClick" function is
_only_ attached to the currently existing "p" elements. If you add
more elements later (or remove and replace an existing element), the
"handleClick" function won't be attached to those new elements.
There are a few solutions:
- "manually" attach the handler to new elements
- use the "liveQuery" plugin ( http://plugins.jquery.com/project/livequery/ )
- if you're using jQuery 1.3.1 you can look at the new "live"
function ( http://docs.jquery.com/Events/live )
More information here:
http://docs.jquery.com/Frequently_Asked_Questions#Why_do_..._.3F
Karl Rudd
On Mon, Feb 2, 2009 at 10:43 PM, NekraNoX
wrote:
>
> Hey guys,
>
> Simple problem, really can't see what's wrong with it though:
>
> http://internetessentials.co.uk/clients/ashmoors/products.html
>
> Click "Specifications" on the sub-nav (middle-right of page) and see
> how the content area is changed using show/hide and the links in the
> sub-nav are modified so that "Specifications" is no longer and link
> but "Furniture detail" is.
>
> The idea is that we want "Furniture details" and "Specifications" to
> be toggeled with JQuery. The other links to go to separate pages.
>
> The problem is, if you click "Furniture details" after clicking
> "Specifications" it doesn't trigger the .click() event.
>
> I'm wondering if this is because the object has been modified since
> the page load and can't been effected by the original function
> anymore. Any ideas?
>
> Thanks very much!
>
[jQuery] frames references
$('#someDiv', top.frames['myFrame'].document)
doesn't return anything, what am I doing wrong?
[jQuery] Re: find text within the page
Could you do a string replace on the inner HTML?
Something like: .replace(/keyword/, "keyword"); or use
indexOf if you want to protect the case.
Rich
On Feb 2, 5:01 pm, paulinstl wrote:
> I'm looking for a way to locate keywords to help the end user out.
>
> For instance, if I want to find the word "polar" then i'd like my
> function to locate it, wrap it with a span, and assign it a function.
>
> so far I can locate using a content filter and classname like this...
>
> $(".keyword:contains('polar')")
>
> But this selects the whole element (paragraph, div, whatever)
>
> how do i focus in on JUST the text?
[jQuery] retrieve huge set of records using jquery
Hi everybody I have been using tablesorter plugin in all my pages of website but suddenly I realized on one of page I am retrieving huge record from database and populating that in table.Now the problem is that the script takes too long to load and so i thought of using some ajax call so that only a bunch of data is retrieved when clicked on pager .. is it podssible using tablesorter plugin... a small example or hint will help Thanks Varun
[jQuery] [autocomplete] - infinite scroll or continious scrolling
Hi, I am using the autocomplete plugin from bassistance.de. I am looking to incorporate infinite scroll or continious scrolling into this plugin...so as the user scrolls down to the bottom, i want to query again and load more records. Can somebody please guide me with this? I will really appreciate it. Thanks!
[jQuery] Re: : appearing behind flash
Thank you - indeed it does http://dev2.savingforchildren.co.uk/mjs/FirstMap_2.html Much appreciated, Michael On Mon, Feb 2, 2009 at 7:46 PM, Timothy wrote: > > You should try adding to the > parameters of the swf file and it should appear in front. > > On Feb 2, 11:29 am, Michael Smith wrote: >> Hi there, >> >> I love superfish, but can't get it to appear in front of my flash animations. >> >> Here's an example:http://dev2.savingforchildren.co.uk/mjs/FirstMap.html >> >> On my browser (Firefox 3.0.5 on windows) the superfish menu appears >> behind the flash animation. >> >> Any suggestions as to how I can make it appear above? >> >> Thanks >> >> Michael >
[jQuery] Re: block on body onload, unblock on at the end of $(document).ready
well, what I want is document to be blocked before its ready.
and unblock when document is ready is finished
so before I made a
$('body').block();
and at the end of the document ready
$('body').unblock()
it works, but I wonder if there is something i missed?
best.
On Feb 2, 11:11 am, Ricardo Tomasi wrote:
> the 'onload' event actually fires after document ready - that's the
> reason doc ready exists!
>
> What you want is to block *on* doc ready, and unblock after your ajax
> stuff is finished. As ajax is asynchronous, you'll have to keep track
> of every call to know when everything is done.
>
> $(document).ready(function(){
>
> $.blockUI({ message: null });
> var count = 0,
> ajaxCount = function(){
> count++;
> if (count == 5) //total number of ajax calls
> $.unblockUI();
> });
>
> $('xis').load('bla.py', function(){
> //bla bla
> ajaxCount();
> });
> $.ajax({ etc etc, success: function(){
> //blablabla etc etc
> ajaxCount();
> });
> ... and so on..
>
> });
>
> On Feb 1, 10:57 pm, cambazz wrote:> Hello,
>
> > I would like to blockUI on body onload like:
>
> >
>
> > and when document ready finishes unblock, but unfortunately i can not
> > unblock it if I put blockUI on onload of body.
>
> > My page makes few ajax calls and some processing on document ready,
> > and i want to blockUI until page finishes loading completely.
>
> > Is there a solution, or a workaround?
>
> > Best.
[jQuery] Re: Append Form IE7 Ajax Submit
Will using
$("#c_t_form_container form").live('click', function() {
submit the form?
On Feb 2, 2:09 pm, Mike Alsup wrote:
> > I've spent the whole day trying to figure this out. I'm appending a
> > form into a td, then that form has a submit action on it. It works in
> > all browsers except for IE, where it just goes redirects to another
> > page. I'm thinking that it might be that the new form isn't a part of
> > the DOM in IE7. But if I use .load instead of append it still
> > redirects.
>
> 'submit' is not a supported event for live.
>
> http://docs.jquery.com/Events/live
[jQuery] find text within the page
I'm looking for a way to locate keywords to help the end user out.
For instance, if I want to find the word "polar" then i'd like my
function to locate it, wrap it with a span, and assign it a function.
so far I can locate using a content filter and classname like this...
$(".keyword:contains('polar')")
But this selects the whole element (paragraph, div, whatever)
how do i focus in on JUST the text?
[jQuery] Re: RSS Feed Aggregator with $.ajax
Curious if I could get some more input on weather or not this script is written correctly.. thanks On Jan 31, 9:59 pm, anthonyb wrote: > Hi Richardo, > > Thanks for the help, ive been messing around with what you provided > and cant seem to get it running.. > > Anything im doing wrong?
[jQuery] Re: collapsible list
Hi
Stephan
Thanks for that it now works like a charm
Duncan
On Feb 2, 9:43 pm, Stephan Veigl wrote:
> Hi,
>
> that's a feature of the event bubbling in jQuery 1.3
> You need to call stopPropagation().
>
> $('li:not(:has(ul))').css({
> cursor: 'default', 'list-style-image': 'none'
> })
> .click(function(event) {
> event.stopPropagation();
> return true;
> });
>
> by(e)
> Stephan
>
> > $('li:not(:has(ul))').css({
> > cursor: 'default', 'list-style-image': 'none'
> > });
>
> 2009/2/2 Duncan :
>
>
>
> > Hi
>
> > I'm using the function below to collapse an unordered list which all
> > seems to workfine, but what I want is the lower level items in the the
> > list to be hyper links (again I can get to display) but when I click
> > on the link nothing happens. It seems to be the Jquery function
> > stopping this but as I'm fairly new to Jquery and not sure why.
>
> > Jquery function
>
> >
> > $(function() {
> > $('li:has(ul)')
> > .click(function(event) {
> > if (this == event.target) {
> > if ($(this).children().is(':hidden')) {
> > $(this)
> > .css('list-style-image', 'url(../images/design/minus.gif)')
> > .children().show();
> > } else {
> > $(this)
> > .css('list-style-image', 'url(../images/design/plus.gif)')
> > .children().hide();
> > }
> > } return false;
> > })
> > .css('cursor', 'pointer')
> > .click();
> > $('li:not(:has(ul))').css({
> > cursor: 'default', 'list-style-image': 'none'
> > });
> > });
> >
>
> > unorderlist
>
> >
> > heading
> >
> > http://www.hyperlink";>text
> > http://www.hyperlink";>text
> > http://www.hyperlink";>text
> >
> >
> > heading
> >
> > http://www.hyperlink";>text
> > http://www.hyperlink";>text
> > http://www.hyperlink";>text
> >
> >
> >
[jQuery] Re: Append Form IE7 Ajax Submit
> I've spent the whole day trying to figure this out. I'm appending a > form into a td, then that form has a submit action on it. It works in > all browsers except for IE, where it just goes redirects to another > page. I'm thinking that it might be that the new form isn't a part of > the DOM in IE7. But if I use .load instead of append it still > redirects. 'submit' is not a supported event for live. http://docs.jquery.com/Events/live
[jQuery] Re: jQuery + iPhone, improving element animations
The best approach for the iPhone would be to use CSS3 animations, they
run much smoother.
Also, have you seen jQuery touch? Might be useful:
http://www.manifestinteractive.com/iphone/touch/
On Feb 2, 7:04 pm, persilj wrote:
> I tend to create versions for different platforms and frameworks from
> my Nutrition tactician -webservice. It's basically an alternative
> interface to USDA-database, which contain nutritional values for lots
> of different foods.
>
> This time I wanted to make a version, which is especially crafted for
> iPhone-use. You may try it with Firefox or Safari, too. At the moment
> of writing IE gives a script-error, but I'll fix those minor bugs
> later.
>
> http://datacalmers.hoito.org/iphonent/
>
> However, I'm a bit disappointed at the sluggish movement of animated
> elements, but this seems to be problem in all of the webapplications
> for iPhone, which scroll an element from side to side. Or am I
> incorrect here? Should I try something else than just something like
> this:
>
> $('#nutritiondetails').animate({left : '100%', opacity : 'toggle'},
> 'slow');
[jQuery] Re: cycle plugin cleartype demo
> I'm using IE8 RC1, tried in compatibility mode, and still the same. > Can anyone else confirm it doesn't work in IE8? It's working fine for me in IE8 RC1, compat mode and standards mode.
[jQuery] Re: access table row[y] cell[x]
You can also write your own methods, that's the beauty of jQuery:
jQuery.fn.getCell = function(x,y){
return jQuery( this[0].rows[y].cells[x] );
};
$('#myTable').getCell(5,1).html('New content');
- ricardo
On Feb 2, 7:25 pm, "Michael Geary" wrote:
> That didn't work because .html is a method, not a property you can set. This
> would have a better chance of working:
>
> $('#myTable tr:eq(4) td:eq(3)').html( 'new text' );
>
> But what was wrong with your original code? It looked fine to me (except for
> the "var oCell =" part - that doesn't look right, since it sounds like
> you're expecting oCell to be a reference to the column element when it will
> actually be the text string).
>
> And I suspect that the integer row and column numbers will probably not be
> hard coded numbers in the actual code, but variables, right? So your actual
> jQuery code might be something more like:
>
> $( '#myTable tr:eq(' + y + ') td:eq(' + x + ')' ).html( text );
>
> Instead of all that, you could use jQuery just as a shortcut for the
> document.getElementById() call and keep the rest of your code. And since
> you're probably doing a number of jQuery and DOM operations on the table,
> let's cache the table's jQuery object and DOM element in a pair of
> variables:
>
> var $myTable = $('#myTable'), myTable = $myTable[0];
> // ...and later...
> myTable.rows[y].cells[x].innerHTML = text;
>
> This is both simpler and cleaner than the :eq() selector, and it's likely to
> be much faster too.
>
> -Mike
>
> > From: JAS
>
> > Well I tried:
>
> > $("#myTable tr:eq(4) td:eq(3)").html = "new text";
>
> > and, while it gave no error, it also produced no result.
>
> > Any other ideas?
>
> > JAS
>
> > On Feb 2, 5:15 pm, ksun wrote:
> > > try $("#myTable tr:eq(4) td:eq(1)").html() for the 5th row and 2nd
> > > column
>
> > > On Feb 2, 5:46 am, JAS wrote:
>
> > > > I am (very) new to jQuery, and I have what I think must
> > be a simple
> > > > question.
>
> > > > Without jQuery, I would write:
>
> > > > var oCell = document.getElementById('myTable').rows[5].cells
> > > > [2].innerHTML = "something new";
>
> > > > but I do not understand how to write this same line in jQuery.
>
> > > > Thanks to anyone who can help.
>
> > > > JAS
[jQuery] Re: Odd IE7 problem with (I think) a selector and LiveQuery.
Thanks for the response - and sorry about the double-post. Browser was
being weird this morning.
I don't have a huge amount of inputs; in fact, I was considering doing
exactly that earlier. The only problem I see with it is that the
number of inputs has to be able to change - the users have to be able
to add as many rows as they want, which I figure might bog it down? If
it's negligible, then maybe I'll do that.
Thanks again,
Dan
On Feb 2, 4:46 pm, Karl Swedberg wrote:
> I don't think the problem is with the selector, per se. It's more a
> problem with binding the change event to a table row. I'm guessing you
> have inputs within the table rows and you're relying on event
> bubbling. The problem is that the change event, like focus and blur,
> doesn't bubble in IE. I'm not sure what the workaround is for this.
> Hope someone else can help you out here. If you don't have a huge
> number of inputs, you could bind to the inputs themselves.
>
> --Karl
>
>
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Feb 2, 2009, at 12:01 PM, Dan wrote:
>
>
>
> > So I have a script that, for the most part, replicates a small Excel
> > sheet. There's a button for adding a row, removing the last added row,
> > etc.; everything works fine except for one small (but crucial) bit.
>
> > Whenever a user changes any part of a column, the script is set to
> > recalculate everything (a la Excel) in the table. The selector for
> > this is:
>
> > $('tr:not(#grandrow)').livequery('change', function() {
> > ...
> > //recalculations, etc
> > ...
> > }
>
> > grandrow is the one row I need to not listen to it (as users are
> > supposed to be allowed to change that one at will); every other row
> > should, on changing, trigger the recalculations. This works fine in
> > every browser but IE.
>
> > Any ideas? I added an arbitrary "alert('trigger');" at the start of
> > the function just to make sure, and it doesn't trigger, so I imagine
> > it's a problem with that specific line.
[jQuery] Re: Why does it conflict?
I can't see the issue either...
I suggest just creating a simplified version of a form with Validator
and the banner code and see what happens. Maybe the issue lies
somewhere else.
Otherwise, strip out code one-by-one in your banner code to see where
the issue lies if you're sure it's in the banner code.
On Feb 2, 6:43 am, "david.0pl...@gmail.com"
wrote:
> Hello, I'm developing an open source banner server, and I encountered
> a strange behaviour.
>
> First of all the banner system uses jquery (apart from validation) to
> rotate the banners, using this code:
>
> var image_count;
> var current_image=0;
>
> $(document).ready(function(){
> image_count = $("div.img-rotate").hide().size();
> $("div.img-rotate:eq("+current_image+")").show();
> setInterval(feature_rotate,5000); //time in milliseconds
>
> });
>
> function feature_rotate() {
> old_image = current_image%image_count;
> new_image = ++current_image%image_count;
> $("div.img-rotate:eq(" + new_image + ")").fadeIn("slow", function() {
> $("div.img-rotate:eq(" + old_image + ")").fadeOut("slow");
> });
>
> }
>
> Now, everything works nice, the problem arise when a include the
> banner in one of the admin pages (which has jquery validation) called
> simply like this:
>
> $(document).ready(function(){
> $("#edit").validate();
> });
>
> The error is (firebug): $("#edit").validate is not a function
>
> The error stops (and the validation works) if I remove the image
> rotation code from above. I don't have enough knowledge to understand
> this conflict, does anybody can help me?
>
> Thanks
>
> David
>
> p.s. validator =http://docs.jquery.com/Plugins/Validation
[jQuery] Re: Building a weight calculator, completely stumped
Thank you! Works perfect!
[jQuery] Re: Odd IE7 problem with (I think) a selector and LiveQuery.
I don't think the problem is with the selector, per se. It's more a
problem with binding the change event to a table row. I'm guessing you
have inputs within the table rows and you're relying on event
bubbling. The problem is that the change event, like focus and blur,
doesn't bubble in IE. I'm not sure what the workaround is for this.
Hope someone else can help you out here. If you don't have a huge
number of inputs, you could bind to the inputs themselves.
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Feb 2, 2009, at 12:01 PM, Dan wrote:
So I have a script that, for the most part, replicates a small Excel
sheet. There's a button for adding a row, removing the last added row,
etc.; everything works fine except for one small (but crucial) bit.
Whenever a user changes any part of a column, the script is set to
recalculate everything (a la Excel) in the table. The selector for
this is:
$('tr:not(#grandrow)').livequery('change', function() {
...
//recalculations, etc
...
}
grandrow is the one row I need to not listen to it (as users are
supposed to be allowed to change that one at will); every other row
should, on changing, trigger the recalculations. This works fine in
every browser but IE.
Any ideas? I added an arbitrary "alert('trigger');" at the start of
the function just to make sure, and it doesn't trigger, so I imagine
it's a problem with that specific line.
[jQuery] Re: collapsible list
Hi,
that's a feature of the event bubbling in jQuery 1.3
You need to call stopPropagation().
$('li:not(:has(ul))').css({
cursor: 'default', 'list-style-image': 'none'
})
.click(function(event) {
event.stopPropagation();
return true;
});
by(e)
Stephan
> $('li:not(:has(ul))').css({
>cursor: 'default', 'list-style-image': 'none'
> });
2009/2/2 Duncan :
>
> Hi
>
> I'm using the function below to collapse an unordered list which all
> seems to workfine, but what I want is the lower level items in the the
> list to be hyper links (again I can get to display) but when I click
> on the link nothing happens. It seems to be the Jquery function
> stopping this but as I'm fairly new to Jquery and not sure why.
>
> Jquery function
>
>
> $(function() {
> $('li:has(ul)')
> .click(function(event) {
> if (this == event.target) {
>if ($(this).children().is(':hidden')) {
> $(this)
> .css('list-style-image', 'url(../images/design/minus.gif)')
> .children().show();
>} else {
> $(this)
> .css('list-style-image', 'url(../images/design/plus.gif)')
> .children().hide();
>}
> } return false;
> })
> .css('cursor', 'pointer')
> .click();
> $('li:not(:has(ul))').css({
>cursor: 'default', 'list-style-image': 'none'
> });
> });
>
>
> unorderlist
>
>
> heading
>
> http://www.hyperlink";>text
> http://www.hyperlink";>text
> http://www.hyperlink";>text
>
>
> heading
>
> http://www.hyperlink";>text
> http://www.hyperlink";>text
> http://www.hyperlink";>text
>
>
>
>
[jQuery] Re: Building a weight calculator, completely stumped
You could significantly speed things up by throwing a class on all
your input classes.
$('#calculateweight').click(function(){
var sum = 0;
$('input.weighting').each(function(){
sum += $(this).val()*1;
});
$('#totalweight').text( Math.ceil(sum) );
return false;
});
On Feb 2, 4:26 pm, Stephan Veigl wrote:
> Simply use an each loop:
>
> $("#calculateweight").click(function() {
> var sum = 0;
> $("input[name*='weight']").each(function() {
> sum += Number($(this).val());
> });
> $("#totalweight").text( Math.ceil(sum) );
> return false;
> });
>
> @James: looks quite similar :-)
> However you should reset the total within the click function,
> otherwise you would increase the sum with every click
>
> by(e)
> Stephan
>
> 2009/2/2 Zaliek :
>
>
>
> > I'm new to javascript and jquery.
> > I'm building a shipping calculator that pulls the weights from hidden
> > input fields and adds them together then calculates the shipping
> > price. Due to the proprietary nature of the code I cannot change the
> > code of the input fields. The input fields are named weight1, weight2,
> > etc and the total number of input fields varies depending on the
> > number of items in the shopping cart.
>
> > The below code is a mockup webpage meant for designing the script:
> > ---
> >
> >
> >
> >
> > $(document).ready(function() {
> > $("#calculateweight").click(function() {
> > var weightarray = $("input[name*='weight']").val();
> > });
> > });
> >
> >
> >
> >
> >
> >
> >
> >
> > Calculate Weight
> >
> >
> >
> > ---
> > When the Calculate Weight link is clicked the script should pull the
> > weights, add them together then do Math.Ceil to round up the result
> > and then pass that to the next part of the script that will compare
> > that weight to a table of weights and prices.
>
> > My problem currently is that I have no idea how to add together the
> > array of weights to pass them into a variable which I can then run
> > Math.Ceil on.
>
> > Any help is much appreciated!
[jQuery] Re: How do I get the index of the currently clicked textbox?
Hi Bittermonkey,
There is a great explanation with examples on jQuery documentation.
Please have a look at:
http://docs.jquery.com/Utilities/jQuery.each#objectcallback
Good luck
Maurício
-Mensagem Original-
De: "bittermonkey"
Para: "jQuery (English)"
Enviada em: segunda-feira, 2 de fevereiro de 2009 19:05
Assunto: [jQuery] Re: How do I get the index of the currently clicked
textbox?
Stephan, that was a good suggestion but I'm trying to minimize HTML
code because the page I am working on is asp.net. That's a useful
trick to know.
Mauricio it worked like a charm. Thank you so much. If you don't
mind, can you briefly explain why function(i) seems to know the
element's index?
On Feb 2, 3:08 pm, "Mauricio \(Maujor\) Samy Silva"
wrote:
Try:
$('input[type=text]').each(function(i) {
$(this).click(function() {
alert(i);
});
});
Maurício
-Mensagem Original-
De: "bittermonkey"
Para: "jQuery (English)"
Enviada em: segunda-feira, 2 de fevereiro de 2009 17:47
Assunto: [jQuery] How do I get the index of the currently clicked textbox?
> Hi,
> How do I get the index of the currently clicked textbox? I have 5
> textboxes in a form, all of which I am binding a click event. Here is
> the code:
> $("#associate-form input[type=text]").bind("click", function()
> {
> alert(this); //what is its index position from the 5
> other textboxes?
> });
> Thanks in advance.
[jQuery] Re: Selection by CSS background-color
Thank you Balazs! This looks good! I had to hurry for a demo with my management, so I had to write a quick .each() loop (as in Shane's suggestion), examine the "background- color" of each element and show or hide the elements that match the target color. This week I'll try your plugin which will make my page-specific code more concise and readable. Thanks again!
[jQuery] Re: Building a weight calculator, completely stumped
Simply use an each loop:
$("#calculateweight").click(function() {
var sum = 0;
$("input[name*='weight']").each(function() {
sum += Number($(this).val());
});
$("#totalweight").text( Math.ceil(sum) );
return false;
});
@James: looks quite similar :-)
However you should reset the total within the click function,
otherwise you would increase the sum with every click
by(e)
Stephan
2009/2/2 Zaliek :
>
> I'm new to javascript and jquery.
> I'm building a shipping calculator that pulls the weights from hidden
> input fields and adds them together then calculates the shipping
> price. Due to the proprietary nature of the code I cannot change the
> code of the input fields. The input fields are named weight1, weight2,
> etc and the total number of input fields varies depending on the
> number of items in the shopping cart.
>
> The below code is a mockup webpage meant for designing the script:
> ---
>
>
>
>
> $(document).ready(function() {
> $("#calculateweight").click(function() {
>var weightarray = $("input[name*='weight']").val();
> });
> });
>
>
>
>
>
>
>
>
> Calculate Weight
>
>
>
> ---
> When the Calculate Weight link is clicked the script should pull the
> weights, add them together then do Math.Ceil to round up the result
> and then pass that to the next part of the script that will compare
> that weight to a table of weights and prices.
>
> My problem currently is that I have no idea how to add together the
> array of weights to pass them into a variable which I can then run
> Math.Ceil on.
>
> Any help is much appreciated!
>
[jQuery] Re: access table row[y] cell[x]
That didn't work because .html is a method, not a property you can set. This
would have a better chance of working:
$('#myTable tr:eq(4) td:eq(3)').html( 'new text' );
But what was wrong with your original code? It looked fine to me (except for
the "var oCell =" part - that doesn't look right, since it sounds like
you're expecting oCell to be a reference to the column element when it will
actually be the text string).
And I suspect that the integer row and column numbers will probably not be
hard coded numbers in the actual code, but variables, right? So your actual
jQuery code might be something more like:
$( '#myTable tr:eq(' + y + ') td:eq(' + x + ')' ).html( text );
Instead of all that, you could use jQuery just as a shortcut for the
document.getElementById() call and keep the rest of your code. And since
you're probably doing a number of jQuery and DOM operations on the table,
let's cache the table's jQuery object and DOM element in a pair of
variables:
var $myTable = $('#myTable'), myTable = $myTable[0];
// ...and later...
myTable.rows[y].cells[x].innerHTML = text;
This is both simpler and cleaner than the :eq() selector, and it's likely to
be much faster too.
-Mike
> From: JAS
>
> Well I tried:
>
> $("#myTable tr:eq(4) td:eq(3)").html = "new text";
>
> and, while it gave no error, it also produced no result.
>
> Any other ideas?
>
> JAS
>
> On Feb 2, 5:15 pm, ksun wrote:
> > try $("#myTable tr:eq(4) td:eq(1)").html() for the 5th row and 2nd
> > column
> >
> > On Feb 2, 5:46 am, JAS wrote:
> >
> > > I am (very) new to jQuery, and I have what I think must
> be a simple
> > > question.
> >
> > > Without jQuery, I would write:
> >
> > > var oCell = document.getElementById('myTable').rows[5].cells
> > > [2].innerHTML = "something new";
> >
> > > but I do not understand how to write this same line in jQuery.
> >
> > > Thanks to anyone who can help.
> >
> > > JAS
>
[jQuery] Re: How do I use BlockUI with Jquery?
> I know this may sound extremely dumb, but how do I actually use > BlockUI?? I've got jquery working perfectly, but how do I access > BlockUI's methods etc? I must make a reference to it somewhere? > There is nothing in the documentation. Include the blockUI script after you include jQuery: Whenever you need to block the ui, invoke blockUI like this: $.blockUI(); There are actually quite a few demos on the doc site: http://www.malsup.com/jquery/block/#demos Mike
[jQuery] Re: Building a weight calculator, completely stumped
Something like (untested):
var total = 0;
$("#calculateweight").click(function() {
$("input[name^='weight']").each(function() {
total += $(this).val();
});
alert('total');
return false; // so the link doesn't go through
});
This won't work well if you have other input elements with name
beginning with "weight" that's not part of the calculation.
You'll also probably want to add some typecasting to change the values
to a float/int.
On Feb 2, 9:51 am, Zaliek wrote:
> I'm new to javascript and jquery.
> I'm building a shipping calculator that pulls the weights from hidden
> input fields and adds them together then calculates the shipping
> price. Due to the proprietary nature of the code I cannot change the
> code of the input fields. The input fields are named weight1, weight2,
> etc and the total number of input fields varies depending on the
> number of items in the shopping cart.
>
> The below code is a mockup webpage meant for designing the script:
> ---
>
>
>
>
> $(document).ready(function() {
> $("#calculateweight").click(function() {
> var weightarray = $("input[name*='weight']").val();
> });});
>
>
>
>
>
>
>
>
>
> Calculate Weight
>
>
>
> ---
> When the Calculate Weight link is clicked the script should pull the
> weights, add them together then do Math.Ceil to round up the result
> and then pass that to the next part of the script that will compare
> that weight to a table of weights and prices.
>
> My problem currently is that I have no idea how to add together the
> array of weights to pass them into a variable which I can then run
> Math.Ceil on.
>
> Any help is much appreciated!
[jQuery] Re: access table row[y] cell[x]
To set the html contents of matched elements using jQuery's .html()
method, you would do it like this:
$("#myTable tr:eq(4) td:eq(3)").html("new text")
http://docs.jquery.com/Attributes/html#val
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Feb 2, 2009, at 12:40 PM, JAS wrote:
Well I tried:
$("#myTable tr:eq(4) td:eq(3)").html = "new text";
and, while it gave no error, it also produced no result.
Any other ideas?
JAS
On Feb 2, 5:15 pm, ksun wrote:
try $("#myTable tr:eq(4) td:eq(1)").html() for the 5th row and 2nd
column
On Feb 2, 5:46 am, JAS wrote:
I am (very) new to jQuery, and I have what I think must be a simple
question.
Without jQuery, I would write:
var oCell = document.getElementById('myTable').rows[5].cells
[2].innerHTML = "something new";
but I do not understand how to write this same line in jQuery.
Thanks to anyone who can help.
JAS
[jQuery] Re: DatePicker not working--how to debug?
Are your UI image and language (i18n) files somewhere in there also?
I'm not sure if they're required, but put them in.
Do you have more than one elements with the DatePicker class?
Maybe try using $("#foo").datepicker(); to see if it works.
On Feb 2, 8:23 am, brian wrote:
> I'm struggling to figure out why DatePicker is not working for me. I'm
> including the following files (and they're all loading fine). Is there
> yet another file required?
>
> ui.core.css
> ui.theme.css
> ui.datepicker.css
>
> jquery-1.3.1.min.js
> jquery-ui-1.6rc5.min.js
> jquery-ui-datepicker-1.6rc5.min.js
>
> The form input looks like so:
>
>
>
> The following has no effect at all (including errors):
>
> $(document).ready(function(){
> $(".DatePicker").datepicker();
>
> });
>
> If I change the above to this, the alert properly shows "foo".
>
> $(document).ready(function(){
> $(".DatePicker").each(function(){alert(this.id);});
>
> });
>
> Can someone suggest some way to go about debugging this?
[jQuery] collapsible list
Hi
I'm using the function below to collapse an unordered list which all
seems to workfine, but what I want is the lower level items in the the
list to be hyper links (again I can get to display) but when I click
on the link nothing happens. It seems to be the Jquery function
stopping this but as I'm fairly new to Jquery and not sure why.
Jquery function
$(function() {
$('li:has(ul)')
.click(function(event) {
if (this == event.target) {
if ($(this).children().is(':hidden')) {
$(this)
.css('list-style-image', 'url(../images/design/minus.gif)')
.children().show();
} else {
$(this)
.css('list-style-image', 'url(../images/design/plus.gif)')
.children().hide();
}
} return false;
})
.css('cursor', 'pointer')
.click();
$('li:not(:has(ul))').css({
cursor: 'default', 'list-style-image': 'none'
});
});
unorderlist
heading
http://www.hyperlink";>text
http://www.hyperlink";>text
http://www.hyperlink";>text
heading
http://www.hyperlink";>text
http://www.hyperlink";>text
http://www.hyperlink";>text
[jQuery] Jquery.js include multiple times header / footer / etc.
Hi, I tried to search around for this but have'nt had any luck, so I'll ask here :) I use jquery.js on most of my sites. And most pages have it included in the part. But not all of my pages, some are very old. Along with jquery.js, most pages also have jquery.flash.js. Now I recently needed to add something to my footer (which is included on every page) and I need to user jquery.cookie.js, and so jquery.js. Since not "all" my pages have jquery.js, I included in my footer both jquery.js and jquery.cookie.js. The problem is that when I include jquery.js a second time, the initial "instance" (?) seams to be forgotten and now my jquery.flash.js seams to have stopped working. I get an unresolved for flash(). Anyone had a similar issue ? (If I'm not mistaking this is an issue only with the latest versions of jquery.js) Any workarounds ? My backup plan will be to go around "all" of my pages and change the way I call .js files. I'll probably create a javascript.jsp file and include that in all my pages and control it from there. bleh... find and replace... Thanks for the help !
[jQuery] Re: : appearing behind flash
You should try adding to the parameters of the swf file and it should appear in front. On Feb 2, 11:29 am, Michael Smith wrote: > Hi there, > > I love superfish, but can't get it to appear in front of my flash animations. > > Here's an example:http://dev2.savingforchildren.co.uk/mjs/FirstMap.html > > On my browser (Firefox 3.0.5 on windows) the superfish menu appears > behind the flash animation. > > Any suggestions as to how I can make it appear above? > > Thanks > > Michael
[jQuery] Building a weight calculator, completely stumped
I'm new to javascript and jquery.
I'm building a shipping calculator that pulls the weights from hidden
input fields and adds them together then calculates the shipping
price. Due to the proprietary nature of the code I cannot change the
code of the input fields. The input fields are named weight1, weight2,
etc and the total number of input fields varies depending on the
number of items in the shopping cart.
The below code is a mockup webpage meant for designing the script:
---
$(document).ready(function() {
$("#calculateweight").click(function() {
var weightarray = $("input[name*='weight']").val();
});
});
Calculate Weight
---
When the Calculate Weight link is clicked the script should pull the
weights, add them together then do Math.Ceil to round up the result
and then pass that to the next part of the script that will compare
that weight to a table of weights and prices.
My problem currently is that I have no idea how to add together the
array of weights to pass them into a variable which I can then run
Math.Ceil on.
Any help is much appreciated!
[jQuery] jQuery Crash - IE7 on use of Back Button with .html() method
I've got a script that gets info from a PHP page via JSON. Normally
the script responds to clicks on a form, dynamically loading results.
In this mode of operation I found the script worked fine in all
browsers except IE7, where the following line would cause the time for
the jquery to be executed to increase massively for every additional
result:
$(output).find('a.list').click(function(e){
$(this).shortList();
e.preventDefault();
}).end().appendTo('#results');
Where "output" is a large block of HTML containing a DIV for each
result returned. I disabled this on IE in favour of the following
code:
$('#results').html(output);
Which worked fine. However, when the page loads it does an initial
check to a different PHP script to see if a user has searched
previously - if it has it immediately returns the same JSON
information as the last search returned (from a stored .txt file). So
the information sent to the JSON handler in this case is _identical_
to the search they have already performed. However at this point,
using the above .html() method to output the data causes the browser
to crash horribly - CPU usage shoots up to near 100% and won't go down
even if left for 20 minutes - the only way to terminate the program is
via task manager. I've no idea why this happens when its the same
script running on the same data - the only difference is that a user
has navigated to the page using the "Back" button rather than via
normal hyperlinks.
Anyone have any suggestions on where its going wrong or examples of
similar bugs?
[jQuery] Odd IE7 problem with (I think) a selector and LiveQuery.
So I have a script that, for the most part, replicates a small Excel
sheet. There's a button for adding a row, removing the last added row,
etc.; everything works fine except for one small (but crucial) bit.
Whenever a user changes any part of a column, the script is set to
recalculate everything (a la Excel) in the table. The selector for
this is:
$('tr:not(#grandrow)').livequery('change', function() {
...
//recalculations, etc
...
}
grandrow is the one row I need to not listen to it (as users are
supposed to be allowed to change that one at will); every other row
should, on changing, trigger the recalculations. This works fine in
every browser but IE.
Any ideas? I added an arbitrary "alert('trigger');" at the start of
the function just to make sure, and it doesn't trigger, so I imagine
it's a problem with that specific line.
[jQuery] Odd IE7 problem with (I think) a selector and LiveQuery.
I have a script which, in a nutshell, replicates the functionality of
a small Excel spreadsheet the company uses for invoices. It has
buttons for save, open, add a row, remove a row, etc., and everything
works fine in every browser I've run it on.
The only exception is one small but crucial bit that isn't working in
IE7.
$('tr:not(#grandrow)').livequery('change', function() {
...
//recalculate that row and totals
...
}
When a user changes any of the fields (for example, the quantity of a
specific item), it's supposed to trigger a function that recalculates
that row, then recalculates the totals based on the new numbers. This
works fine in everything but IE7.
I threw an arbitrary alert at the top of that function just to make
sure, and IE didn't trigger it, so I can only assume that it's just
not entering the function, which leads me to believe it's that
specific line.
Any ideas?
Cheers,
Dan
[jQuery] Re: How do I get the index of the currently clicked textbox?
Stephan, that was a good suggestion but I'm trying to minimize HTML
code because the page I am working on is asp.net. That's a useful
trick to know.
Mauricio it worked like a charm. Thank you so much. If you don't
mind, can you briefly explain why function(i) seems to know the
element's index?
On Feb 2, 3:08 pm, "Mauricio \(Maujor\) Samy Silva"
wrote:
> Try:
>
> $('input[type=text]').each(function(i) {
> $(this).click(function() {
> alert(i);
> });
> });
>
> Maurício
>
> -Mensagem Original-
> De: "bittermonkey"
> Para: "jQuery (English)"
> Enviada em: segunda-feira, 2 de fevereiro de 2009 17:47
> Assunto: [jQuery] How do I get the index of the currently clicked textbox?
>
>
>
> > Hi,
>
> > How do I get the index of the currently clicked textbox? I have 5
> > textboxes in a form, all of which I am binding a click event. Here is
> > the code:
>
> > $("#associate-form input[type=text]").bind("click", function()
> > {
> > alert(this); //what is its index position from the 5
> > other textboxes?
> > });
>
> > Thanks in advance.
[jQuery] jQuery + iPhone, improving element animations
I tend to create versions for different platforms and frameworks from
my Nutrition tactician -webservice. It's basically an alternative
interface to USDA-database, which contain nutritional values for lots
of different foods.
This time I wanted to make a version, which is especially crafted for
iPhone-use. You may try it with Firefox or Safari, too. At the moment
of writing IE gives a script-error, but I'll fix those minor bugs
later.
http://datacalmers.hoito.org/iphonent/
However, I'm a bit disappointed at the sluggish movement of animated
elements, but this seems to be problem in all of the webapplications
for iPhone, which scroll an element from side to side. Or am I
incorrect here? Should I try something else than just something like
this:
$('#nutritiondetails').animate({left : '100%', opacity : 'toggle'},
'slow');
[jQuery] Re: Jquery UI Slider Events not raised
Thanks for the info.. i will do some poking around. Like i said.. i knew it was something silly that i was missing. :) Thanks for pointing me in the right direction.. On Jan 31, 7:19 pm, "Richard D. Worth" wrote: > Sounds like you are using incompatible versions of jQuery and jQuery UI. > jQuery UI 1.5.3 through 1.6rc4 are only compatible with jQuery 1.2.6. In > order to use jQueryu UI with jQuery 1.3+, you'll need the latest preview > release, jQuery UI 1.6rc6. > > Also note: there is a dedicated mailing list for jQuery UI > > http://groups.google.com/group/jquery-ui > > should you have any further questions. Thanks > > - Richard > > On Sat, Jan 31, 2009 at 6:13 PM, cartic wrote: > > > OK.. Here is the problem. I have downloaded the UI slider from Jquery > > website. The slider shows up fine. The slider moves fine.. BUT.. none > > of the callbacks are being called. i have searched high and low for > > this but oculd not find anything. > > > Here is the code that i use > > > script> > >