[jQuery] Selection broken in Firefox 3.5.7
Hi,
I have the following code to ensure at least one report checkbox is
checked on my page
if ($(input[type='checkbox'][checked]).size() == 0)
{
$(#error).css(color, red).text(Please select
at least one report.);
return false;
}
return true;
This worked fine in Firefox until I updated to Firefox 3.5.7. Now size
() always returns zero even if I have a checkbox selected. Why does
this no longer work? Is there a better way to write this code? Note
that I do not have easy access to the IDs of the checkbox controls
because they are dynamically created with ASP.Net.
Thanks.
Re: [jQuery] problems with event triggering in IE6, presumably 5.5 as well.
Adam-241 wrote: I'm working on getting what should be a simple rollover effect done in jquery, and it works like a charm in firefox and safari, but IE is not having any of it. ... the problem seems to be that the layered divs I'm using to capture the user's mouseover event are empty, and IE is very unhappy about it. Put some text in there, and IE will accept that if you're hovering over the text specifically, but nowhere else. Put a giant border on the DIV, IE will respond when you hover over the border. Putting an image in there gets it to behave appropriately, but transparent pngs or gifs won't work, since IE5.5/6 doesn't support image transparency on any z- index other than 0 (at least to my knowledge). This is an old thread, but it came up first in my search, and I suspect others are still struggling with this. My solution for IE6 (still haven't tested in 7 or 8) was to give the empty trigger div a css background image, like so: background: transparent url(images/dot.gif) no-repeat; The image is a transparent gif. Thought I was done with those a long time ago. It also worked for me if I used a non-existent image, and I suspect it might work if the image was simply positioned outside of the div. Hope this helps. Jeff -- View this message in context: http://old.nabble.com/problems-with-event-triggering-in-IE6%2C-presumably-5.5-as-well.-tp15866207s27240p26906602.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Problem with assigning events to ajax generated content.
I am populating an unordered list with items from an ajax query, after which
I want to attach click events to each list item. Using either load or
$.get I'm able to retrieve the data and post it to the UL correctly.
However, when I then try to immediately retrieve all the list items in that
newly populated UL, I get zero items returned and thus can't attach click
events to them. The UL is not actually being populated until after all of
the scripting runs. If I then rerun the operation I can retreive the items
in the list from the first ajax query, but this is too late because the list
is out of date and does not reflect the new data retrieved from the second
query. So, obviously I don't understand something about the basic order of
operations here.
function populateCategories() {
//This loads the categories UL. Once the script runs the items are
listed correctly.
$(#categories).load(
http://localhost/my_account/return_categories.php);
//But when I try to immediately retreive the list items from that UL
before scripting has run it's course, the items are not available.
//This returns a count of zero items in the list.
var count = $(categories li).size();
alert(count);
}
What can I do to get that list of items and attach click events to them
immediately after the load has returned data and I've populated the UL? Is
there a different way to approach this? The point of this is to be able to
click a button to create a new item, have that written to the database,
update the list of items to reflect the addition, and then attach a click
event to the list items allowing the user to select and edit the items.
Is there a way to attach events to any list item in the UL without having to
explicitly apply it to each item?
[jQuery] Unable to parse XML in iframe with IE
Howdy!
In my app, I have a file upload form that submits to an iframe, with
the server returning an XML document. Though I am able to consume this
XML using jQuery in Firefox 3.5 and Chrome 4 without issue, the same
code fails in Internet Explorer 8. The relevant snippet of my code
follows:
$('iframe#destination').load(function() {
var response = $(this).contents();
console.log(response.find('mediaurl').text());
});
IE 8 doesn't produce an error, but simply fails to locate the element,
even when I am certain that it is present. I'm unsure as to exactly
what IE 8 parses -- reading response[0].childNodes seems to indicate
that IE thinks the document is HTML, but I cannot find anything beyond
this. (Neither IE 8's Developer Tools nor Firebug Lite seem to offer
the interrogative power of Firebug proper.) I've tried serving my
response with as both application/xml and text/xml, but it makes no
difference.
Am I doing anything wrong? If not, how can I work around this issue?
Thanks,
Jeff
[jQuery] Re: Unable to parse XML in iframe with IE
I wrote a simple test case to demonstrate the problem:
http://prune.da-shiz.net/uploads/jeff/tmp/ie-makes-me-a-sad-man/
Thanks,
Jeff
On Oct 21, 5:50 am, Jeff Winters jeff.twitiner...@micand.com wrote:
Howdy!
In my app, I have a file upload form that submits to an iframe, with
the server returning an XML document. Though I am able to consume this
XML using jQuery in Firefox 3.5 and Chrome 4 without issue, the same
code fails in Internet Explorer 8. The relevant snippet of my code
follows:
$('iframe#destination').load(function() {
var response = $(this).contents();
console.log(response.find('mediaurl').text());
});
IE 8 doesn't produce an error, but simply fails to locate the element,
even when I am certain that it is present. I'm unsure as to exactly
what IE 8 parses -- reading response[0].childNodes seems to indicate
that IE thinks the document is HTML, but I cannot find anything beyond
this. (Neither IE 8's Developer Tools nor Firebug Lite seem to offer
the interrogative power of Firebug proper.) I've tried serving my
response with as both application/xml and text/xml, but it makes no
difference.
Am I doing anything wrong? If not, how can I work around this issue?
Thanks,
Jeff
[jQuery] Re: Parse encoded HTML in XML content node
Fabian,
Here's the js:
$(document).ready(function() {
$.ajax({
type: GET,
url: sample.xml,
dataType: xml,
success: function(data) {
$(data).find('item').each(function() {
var $item = $(this);
var $link = $item.find('link').text();
var $title = $item.find('title').text();
var $content =
alert($item.find('content').text());
});
}
});
});
and here's a slimmed-down version of my XML file (this would be
contained in sample.xml):
?xml version=1.0 encoding=utf-8?
rss xmlns:dc=http://purl.org/dc/elements/1.1/; xmlns:content=http://
purl.org/rss/1.0/modules/content/ version=2.0
channel
titleLorem Ipsum/title
linkhttp://www.sample.com/link
descriptionLorem Ipsum lorem lorem/description
item
titleLorem Ipsum/title
linkhttp://www.sample.com/2009/09/per-ma-link.html/link
descriptionLorem Ipsum Lorem Ipsum lorem lorem Lorem Ipsum lorem
lorem Lorem Ipsum lorem lorem/description
contentlt;pgt;lt;a href=quot;http://www.sample.com/2009/09/per-
ma-link.htmlquot; style=quot;float: right;quot;gt;lt;img
alt=quot;Lorem Ipsumquot; src=quot;http://img.srcquot;/content
dc:creatorAuthor/dc:creator
pubDateTue, 08 Sep 2009 19:33:00 -0400/pubDate
/item
/channel
/rss
On Sep 24, 8:38 am, Fabdrol fabd...@gmail.com wrote:
Hi Jeff,
Could you post your JS code and your XML? I'd like to play around with
it for you, but things aren't really clear right now ;-)
Fabian
On 23 sep, 21:36, Jeff jpellet...@nesn.com wrote:
Hi,
I'm using $.ajax with a dataType of xml. The XML document I'm getting
has a content node that contains a bunch of encoded HTML. Sample:
contentlt;pgt;lt;a href=quot;
When I alert the text contained within the content node:
alert(data.find('content').text());
I can see the above encoded content as formatted HTML:
pa href=
I realize that the text() function is returning text, and not the
nodes within. How can I return the nodes within, either as a jQuery
object or the DOM nodes themselves, rather than the text, so I can
actually parse them?
When I remove the .text() function from the above, ala:
data.find('content p');
I get Undefined. I've tried all kinds of selectors, and nothing
works.
Finally data.find('content); returns object Object.
Thanks,
Jeff
[jQuery] Parse encoded HTML in XML content node
Hi,
I'm using $.ajax with a dataType of xml. The XML document I'm getting
has a content node that contains a bunch of encoded HTML. Sample:
contentlt;pgt;lt;a href=quot;
When I alert the text contained within the content node:
alert(data.find('content').text());
I can see the above encoded content as formatted HTML:
pa href=
I realize that the text() function is returning text, and not the
nodes within. How can I return the nodes within, either as a jQuery
object or the DOM nodes themselves, rather than the text, so I can
actually parse them?
When I remove the .text() function from the above, ala:
data.find('content p');
I get Undefined. I've tried all kinds of selectors, and nothing
works.
Finally data.find('content); returns object Object.
Thanks,
Jeff
[jQuery] Re: .find() not working on link node in XML document
Thanks for the tip Michael. What I ended up doing was switching from $.get to $.ajax, and specifying my dataType as XML, and it works perfect now: http://docs.jquery.com/Ajax/jQuery.ajax#options
[jQuery] .find() not working on link node in XML document
I've got a semantic XML document, for which I'm using $.get
successfully to extract title and description nodes. The link
node does not work, however. It returns blank. Strange, since I can
see in Firebug that $(this) has 4 children, and link is in there.
Here's the code:
$(data).find('item').each(function() {
var title = $(this).find('title').text();
var url = $(this).find('link').text();
var description = $(this).find('description').text();
});
Even stranger, when I change the node name from link to anything
else (test, content, whatever), it works fine. Unfortunately, I
can't change the source XML file.
Is there a known issue with jQuery and link elements in XML?
[jQuery] Professional Training
Does anyone know of college-level jQuery training/certification courses? I'm looking for something like Zend's PHP certification, but for jQuery. Thanks!
[jQuery] Re: Select element fires hover.
I have just tried putting the search control into an iframe and the
same instances occur! Double Dang! Is there no way to have selectable
form fields in a hovered div? Please, any insight is greatly
appreciated.
On Jul 30, 11:06 am, jeff jeffreykarbow...@gmail.com wrote:
I am trying to implement a div containing an advanced search form drop
down on hover and I have everything working (only in FF) except for
when I try to add any sort of animation or speed to the '.show' or
'.hide' effect. When I try to add speed or seemingly any other effect
to the div, the select elements of the search form fires the hover
event. Does this make sense?
Here is the script:
$('.searchWidget').hover(
function() {
$(this).find
(.topSearch).show();
},
function() {
$(this).find
(.topSearch).hide();
});
Here is the html:
div class=searchWidget
div class=topSearchTabAdvanced Search/div
div class=topSearch style=display:none
[LENGTHY FORM HERE with selects and inputs]
/div
/div
This only works in FF, and when I add speed to the '.show' or
'.hide' [.show (400)], or even a different effect like '.fadeIn' this
causes the select elements in the form to fire the hover and the div
will just show and hide over and over again without a mouse movement.
In IE, the select options fire the hover event even now.
I really need this to work in all browsers and to be able to add at
least speed, any help is very much
appreciated. Thanks!
[jQuery] jQuery effects speed cause hover to fire
I am trying to implement a div containing a form drop down on hover
and I have everything working except for when I try to add any sort of
animation or speed to the '.show' or '.hide' effect. When I try to add
speed or seemingly any other effect to the div, the select elements of
the search form fires the hover event. Does this make sense?
Here is the script:
$('.searchWidget').hover(
function() {
$(this).find(.topSearch).show();
},
function() {
$(this).find(.topSearch).hide();
});
Here is the html:
div class=searchWidget
div class=topSearchTabAdvanced Search/div
div class=topSearch style=display:none
[LENGTHY FORM HERE with selects and inputs]
/div
/div
This works, but when I add speed to the '.show' or '.hide' [.show
(400)], or even a different effect like '.fadeIn' this causes the
select elements in the form to fire the hover and the div will just
show and hide over and over again without a mouse movement. I really
need to be able to add at least speed, any help is very much
appreciated. Thanks!
[jQuery] Re: jQuery effects speed cause hover to fire
Upon further testing, the said script doesn't work in IE, only in FF.
In IE (6,7, and 8) the hover event is fired when an option is
selected... bummer :(
On Jul 30, 10:25 am, jeff jeffreykarbow...@gmail.com wrote:
I am trying to implement a div containing a form drop down on hover
and I have everything working except for when I try to add any sort of
animation or speed to the '.show' or '.hide' effect. When I try to add
speed or seemingly any other effect to the div, the select elements of
the search form fires the hover event. Does this make sense?
Here is the script:
$('.searchWidget').hover(
function() {
$(this).find(.topSearch).show();
},
function() {
$(this).find(.topSearch).hide();
});
Here is the html:
div class=searchWidget
div class=topSearchTabAdvanced Search/div
div class=topSearch style=display:none
[LENGTHY FORM HERE with selects and inputs]
/div
/div
This works, but when I add speed to the '.show' or '.hide' [.show
(400)], or even a different effect like '.fadeIn' this causes the
select elements in the form to fire the hover and the div will just
show and hide over and over again without a mouse movement. I really
need to be able to add at least speed, any help is very much
appreciated. Thanks!
[jQuery] Select element fires hover.
I am trying to implement a div containing an advanced search form drop
down on hover and I have everything working (only in FF) except for
when I try to add any sort of animation or speed to the '.show' or
'.hide' effect. When I try to add speed or seemingly any other effect
to the div, the select elements of the search form fires the hover
event. Does this make sense?
Here is the script:
$('.searchWidget').hover(
function() {
$(this).find
(.topSearch).show();
},
function() {
$(this).find
(.topSearch).hide();
});
Here is the html:
div class=searchWidget
div class=topSearchTabAdvanced Search/div
div class=topSearch style=display:none
[LENGTHY FORM HERE with selects and inputs]
/div
/div
This only works in FF, and when I add speed to the '.show' or
'.hide' [.show (400)], or even a different effect like '.fadeIn' this
causes the select elements in the form to fire the hover and the div
will just show and hide over and over again without a mouse movement.
In IE, the select options fire the hover event even now.
I really need this to work in all browsers and to be able to add at
least speed, any help is very much
appreciated. Thanks!
[jQuery] $.post-ing data brackets as first character of form value adds semi-colon to input name
When I $.post() the values of a form, if one of the values start with
any of ()[]{}, then the associated form element name has a semi-
colon appended to it when I finally extract the POST data in my PHP
script.
The Javascript:
var formValues = $(#formName).serialize();
alert( formValues );
$.post( something.php, { someStuff : foobar, formValues :
formValues }, function( data ) { ... } );
The text displayed in the alert dialog is Number=(555)+555-1234;
this is the expected value.
In something.php:
$formValues = $_POST[formValues];
echo $formValues;
The outputted text is Number;=(555)+555-1234. Note the insertion of
a semi-colon to the end of the form element's name. This only happens
when one of the bracket characters is the first non-space character
(i.e. ( will cause the same results as if the space was removed).
If the form value starts with anything else, then no semi-colon is
added.
My PHP script is being called through CodeIgniter, but I don't
immediately see anything in its code that would cause the addition of
the semi-colon. At first I thought it was a safeguard when handling
data that might have JSON delimiters contained within, but the value
comes through unchanged; it's only its name that is modified.
Is this a jQuery issue, or does my bug lie elsewhere? Thanks!
- Jeff
[jQuery] Re: $.post-ing data brackets as first character of form value adds semi-colon to input name
On Jul 13, 3:54 pm, Jeff Nouwen jnou...@gmail.com wrote: My PHP script is being called through CodeIgniter, but I don't immediately see anything in its code that would cause the addition of the semi-colon. And upon closer inspection of CodeIgniter's source, it is indeed the cause of my problem, not jQuery. Sorry for the noise! - Jeff
[jQuery] Re: how to change 2,5 to 2,50 ?
ha ha good work
:)
On Tue, Jul 7, 2009 at 4:29 PM, weidc mueller.juli...@googlemail.comwrote:
solved it by myself.
endpreis =Math.round(endpreis*100)/100;
endpreis = endpreis+ foo;
endpreis = endpreis.replace(/ foo/,);
var cent = endpreis.split(.);
if(cent[1].length == 1)
{
endpreis = endpreis+0;
}else{
if(cent[1].length == 2)
{
//schoen so
}else{
endpreis = endpreis+.00;
}
}
On 7 Jul., 12:11, weidc mueller.juli...@googlemail.com wrote:
hi,
thats my code:
endpreis =Math.round(endpreis*100)/100;
to round the price of something but i'd like to have 2,00 or 2,50
instead of 2 and 2,5.
i'd be happy about any help.
--weidc
--
--
(¨`•.•´¨) I may be busy,
`•.¸(¨`•.•´¨) but I assure you,
(¨`•.•´¨)¸.•´ you are always in my heart
`•.¸.•´
With Lots of Love.
THANKS AND REGARDS
Jeffery Jacob
[jQuery] Re: Kicking off an Israeli users group
include the cakephp + jquery usage and how to get the value from jquery to a controller in cakephph with refrence site or examples On Tue, Jul 7, 2009 at 12:42 PM, Refael ref...@gmail.com wrote: Hello all, I'm kicking off an Israeli Users group, with a users meet-up. Do you have recommendations for things to talk about, or even any presentations you are willing to share? Thanks in advance, Refael -- -- (¨`•.•´¨) I may be busy, `•.¸(¨`•.•´¨) but I assure you, (¨`•.•´¨)¸.•´ you are always in my heart `•.¸.•´ With Lots of Love. THANKS AND REGARDS Jeffery Jacob
[jQuery] Re: Tutorial evaluation
looks like this could of good help but ur next link doesnt seems to work Also a request, am using cakephp framework so could u help in showing how to use jquery with cakephp and retreive values from jquery to a controller in cakephp.. this will be a challenge i bet.. On Wed, Jul 8, 2009 at 10:06 AM, bharathbhooshan ambati bharathbhooshan.amb...@gmail.com wrote: All the best.. Keep on posting dude... On Wed, Jul 8, 2009 at 12:16 AM, BaBna thomas.na...@gmail.com wrote: Hi, I have just finished a beginner's interactive tutorial about jQuery for my colleagues, and I wonder if anyone could give any feedback on it - it's my very first training material. http://babna.eu/jQuery/ Thanks! Thomas -- భరత్ భూషణ్ అంబటి -- -- (¨`•.•´¨) I may be busy, `•.¸(¨`•.•´¨) but I assure you, (¨`•.•´¨)¸.•´ you are always in my heart `•.¸.•´ With Lots of Love. THANKS AND REGARDS Jeffery Jacob
[jQuery] IE6 Background Image Flicker
Since jQuery.browser and jQuery.browser.version are depreciated as of jQuery 1.3, what is the preferred way to check if the browser (in this case IE6) needs to have the BackgroundImageCache set? The closest match I see is jQuery.support.opacity, but I'm not sure if that is pertaining to how the browser interprets the alpha properties of images or if it's other elements as well? Ref: document.execCommand(BackgroundImageCache, false, true) Ref: http://docs.jquery.com/Utilities/jQuery.support
[jQuery] How to check if an element is done loading
I'm looking for suggestions on how I can implement the following using jQuery 1.3 and whatever plugins may help. I need to insert an iframe or img that links to an external resource onto a page, and if that iframe or img does not load within a certain period of time, remove it and insert one that links to a local resource instead. My only hang-up is I'm not sure how to check if the iframe or img is done loading. Any help would be greatly appreciated. -Jeff
[jQuery] CSS attributes as a variable.
Hello, I am trying to get the color of an element and change the color
of another element with that color. Does this make sense?
What is wrong with this? I would like all of the H1 tags to inherent
the color of .ui-state-error. Thank you in advance!
$(function(){
var color = $('.ui-state-error').css('color');
$(H1).css({'color', ' + color + '});
});
[jQuery] Re: CSS attributes as a variable.
Worked! Thanks!!!
On Jun 2, 2:58 pm, waseem sabjee waseemsab...@gmail.com wrote:
something like this
var mycolor = #000;
$(h1).css({color:mycolor });
this is your statement
'color', ' + color + '
it should be
color:color
On Tue, Jun 2, 2009 at 8:50 PM, jeff jeffreykarbow...@gmail.com wrote:
Hello, I am trying to get the color of an element and change the color
of another element with that color. Does this make sense?
What is wrong with this? I would like all of the H1 tags to inherent
the color of .ui-state-error. Thank you in advance!
$(function(){
var color = $('.ui-state-error').css('color');
$(H1).css({'color', ' + color + '});
});
[jQuery] How to tell if $(window).load() has already fired
I have a script that is being inserted dynamically via another script. The code in that script is wrapped inside the $(window).load () event because it requires the images on the page to have all loaded. In some browsers it works fine, but in others it seems not to fire because the page has already finished loading by the time the code is run. Is there any way to check and see if the page has already finished loading? Since it is a dynamically inserted script I don't have access to the onload event of the original document (aside from altering it via the loaded script - but that would seem to present the same problem). Any ideas/solutions/advice would be greatly appreciated!
[jQuery] Re: $.get() fetch a list of images
Without the markup it's hard to provide a complete solution, but if I
run this it works for me:
$(document).ready(function(){
// Start with faked $.get() results [since that part
works]
var received = 'image1.png,image2.png,image3.png';
console.log('Received: '+received);
if(received.indexOf(',') = 0)
{
var images = received.split(',');
var total = images.length;
console.debug('Length: '+total);
/*
var slide = $(elm).attr('slide');
// without markup, we'll just assume
this value = 1
*/
var slide = 1;
console.log('Slide: '+slide);
var next = parseInt(slide)+1;
console.log('Next: '+next);
if(images[next] !== 'undefined')
{
var picture = images[next];
console.log('Picture:
'+picture);
}
else
{
console.log('Next Position is not
Valid - end of array');
}
}
else
{
console.log('Missing commas');
}
});
[jQuery] Re: $.get() fetch a list of images
The problem is that while this section of your code is waiting for the
ajax response:
$.get('ajax.txt', function(data) {
splitted = data.split(',');
});
This section is already running...
var slide = $(elm).attr('slide');
var total = splitted.length;
var next = slide+1
var picture = splitted[next];
Something like this should work:
$(document).ready(function(){
$.get('ajax.txt',function(received) {
if(received.indexOf(',') = 0)
{
var images = received.split(',');
var total = images.length;
console.debug('Length: '+total);
/*
var slide = $(elm).attr('slide');
// without markup, we'll just assume
this value = 1
*/
var slide = 1;
console.log('Slide: '+slide);
var next = parseInt(slide)+1;
console.log('Next: '+next);
if(images[next] !== 'undefined')
{
var picture = images[next];
console.log('Picture: '+picture);
runAnimation(elm,next,picture)
}
}
}
function runAnimation(elm,next,picture)
{
$(elm).fadeOut(1000, function() { $(elm).attr('slide',
next).css('background', 'url('+path+picture +')'); $(elm).fadeIn
(1000); });
}
});
[jQuery] Re: state of the art for corner rounding?
As far as safari / chrome goes you can use webkit- similar to moz- The only real browser behind the times is IE. On May 2, 2:41 pm, kiusau kiu...@mac.com wrote: On May 2, 5:21 am, Richard D. Worth rdwo...@gmail.com wrote: One of the best ones I've seen lately is DD_roundies, by Drew Diller: http://www.dillerdesign.com/experiment/DD_roundies/ DD Roundies were designed for an IE environment. They do not work well in the Firefox, Opera, and Safari environments. This is the reason that SVG Roundies were developed. My webpage incorporates SVG Roundies into jQuery just fine. View the following webpage in Firefox, Safari, or Opera. http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Content/ You may discover more about SVG Roundies at http://www.highscore.de/SVG_roundies/ Roddy
[jQuery] Re: slideUp and slideDown works only once
I'm not sure what your ultimate goal is, but you might try the cycle
plugin. It has a lot of flexibility.
http://plugins.jquery.com/project/cycle
On Apr 24, 8:07 pm, adw999 adw...@googlemail.com wrote:
I tried using slideToggle but the screen flickers badly, any reasons
for this?
Thanks
On Apr 25, 12:53 am, amuhlou amysch...@gmail.com wrote:
The function you are calling calls slideUp for the first div and
slideDown for the 2nd item. When you click it a 2nd time it won't
work because the divs are already in the positions they should be
(having already been slid up and down).
I think you may have better luck with the slideToggle method, which
toggles the visibility of the elements.
http://docs.jquery.com/Effects/slideToggle
On Apr 24, 7:00 pm, adw999 adw...@googlemail.com wrote:
Hi,
I have the following code:
$(document).ready(function() {
$('.artistspanel').hide();
$(#teamcontainer h2).click(function(){
$('#teamcontainer
div:visible').not('.hr').slideUp('slow');
$('.'+$(this).attr(id)).slideDown('slow').show();
});
});
Which runs with the html:
div id=teamcontainer
h2 id=panelonePanel 1/h2
div class=artistspanel panelone
//content
/div
div class=clear hr/div
h2 id=paneltwoPanel 2/h2
div class=artistspanel paneltwo
//content
/div
div class=clear hr/div
h2 id=panelthreePanel 3/h2
div class=artistspanel panelthree
//content
/div
/div
It runs the slide up and slide down fine one round, but clicking the
h2 again doesn't do anything. Any suggestions?
[jQuery] Re: jQuery in Firefox extension is broken in v1.3.2
What add-ons do you have installed in Firefox? And do you have a public page we can test with our Firefox clients? On Apr 4, 9:07 am, bjorn.frant...@gmail.com bjorn.frant...@gmail.com wrote: I've seen this post now, but I can's see my problem mentioned there. My extension breaks the toolbar in Firefox if I have remove all other scripts in the XUL and only leaves jQuery there, no other code at all: ?xml version=1.0? overlay id=NBU-overlay xmlns=http://www.mozilla.org/keymaster/ gatekeeper/there.is.only.xul script src=chrome://myextension/content/code/jquery.js type=application/x-javascript/script /overlay So this is not caused by any code written bye me, but the inclusion of jQuery. Bjørn On Apr 3, 4:38 pm, MorningZ morni...@gmail.com wrote: I would suggest to take a look at this great blog post http://www.learningjquery.com/2009/03/3-quick-steps-for-a-painless-up... see if any of those breaking changes applies to your code.. the :visible change really is a big one... the @ in the selector is more an annoyance but anyways, maybe one of those 3 tips will help you fix your issue On Apr 3, 7:59 am, bjorn.frant...@gmail.com bjorn.frant...@gmail.com wrote: I am developing a Firefox extension and after upgrading from jQuery v1.2.6 to v1.3.2 I found that including jQuery in the XUL-file will break other extensions that displays buttons on the toolbar, among those is Adblock Plus. I have not tried any versions between those mentioned so I do not know in what version this happened. If i revert to v1.2.6 everything is OK.
[jQuery] tableFilter - tablesorter
Hi all ... First, my knowledge of javascript in general and jQuery in particular is relatively weak, but growing. Just a disclaimer :) I'd been using the tableFilter plugin on another project (http://ideamill.synaptrixgroup.com/?page_id=16), it's main drawback was that it was old no longer maintained - and the author points you to the tablesorter plugin (http://tablesorter.com/docs/). In general I like tablesorter more than tableFilter so far, but the one thing that I used heavily on tableFilter was its filtering. I've poked around a little bit but mainly found examples of people having a single filter across all columns in the table. With tableFilter, every column was filterable - it did this in an as-you-type fashion, and even allowed for basic comparison logic on numeric values (e.g. = 45). Does anyone know of an addon/modification/etc out there that would bring this sort of functionality to tablesorter, or at least something that might be most of the way there that I can try to modify? Thanks -J
[jQuery] Can't get tablesorter to work
Hello ...
First, apologies if this is effectively a double post, I didn't see my
initial message go through, but it might be google groups being bogged
down. I'm trying to get tablesorter to work - it works AOK when I
look at examples online, but not when I'm driving it myself. I'm
trying to stick as closely to the example file provided as possible,
and using tablesorter 2.0.3. I've tried using both 1.2.6 and 1.3.1
but in both cases nothing happens, I just get the plain HTML table.
*Something* is going on, as if I don't load the tablesorter JS page I
get an error, and if I put an alert in the tablesorter function, that
gets triggered. The code I'm currently using is below:
script type=text/javascript src=jquery-1.3.1.js/script
script type=text/javascript src=jquery.tablesorter.js/script
script type=text/javascript
$(document).ready(function()
{
$(#myTable).tablesorter();
}
);
/script
table id=myTable
thead
tr
thLast Name/th
thFirst Name/th
thEmail/th
thWeb Site/th
/tr
/thead
tbody
tr
tdSmith/td
tdJohn/td
tdjsm...@gmail.com/td
tdhttp://www.jsmith.com/td
/tr
tr
tdDoe/td
tdJason/td
tdj...@hotmail.com/td
tdhttp://www.jdoe.com/td
/tr
/tbody
/table
[jQuery] Re: Can't get tablesorter to work
Yes, apologies to all, I was being stupid - w/o the associated CSS it
looked like it was just a plain HTML table to me, but had been working
all along.
On Mar 2, 1:32 pm, MorningZ morni...@gmail.com wrote:
This
http://paste.pocoo.org/show/106202/
works perfectly fine for me in FF, IE, and Chrome
On Mar 2, 11:34 am, Jeff Gentry jgen...@jimmy.harvard.edu wrote:
Hello ...
First, apologies if this is effectively a double post, I didn't see my
initial message go through, but it might be google groups being bogged
down. I'm trying to get tablesorter to work - it works AOK when I
look at examples online, but not when I'm driving it myself. I'm
trying to stick as closely to the example file provided as possible,
and using tablesorter 2.0.3. I've tried using both 1.2.6 and 1.3.1
but in both cases nothing happens, I just get the plain HTML table.
*Something* is going on, as if I don't load the tablesorter JS page I
get an error, and if I put an alert in the tablesorter function, that
gets triggered. The code I'm currently using is below:
script type=text/javascript src=jquery-1.3.1.js/script
script type=text/javascript src=jquery.tablesorter.js/script
script type=text/javascript
$(document).ready(function()
{
$(#myTable).tablesorter();
}
);
/script
table id=myTable
thead
tr
thLast Name/th
thFirst Name/th
thEmail/th
thWeb Site/th
/tr
/thead
tbody
tr
tdSmith/td
tdJohn/td
tdjsm...@gmail.com/td
tdhttp://www.jsmith.com/td
/tr
tr
tdDoe/td
tdJason/td
tdj...@hotmail.com/td
tdhttp://www.jdoe.com/td
/tr
/tbody
/table
[jQuery] Re: Tab scrolling
Hi Jecki, Thank you for your example. I have tested it, but may be it is not work in IE 6.0. Could you give me any updated? Regards, Jeff On Nov 12, 11:30 pm, Jecki [EMAIL PROTECTED] wrote: Hi, I manage to get the things up herehttp://www.uphigh.org/tab/index.html . The slow connection might take you some times. I look forward for comments and feedback, since it's definitely far from perfect. Regards, Jecki On Oct 20, 1:46 pm, Jecki [EMAIL PROTECTED] wrote: Hi, I'm also in the need of this feature. So I tried to come out with something and now I want to propose to the community. This is a basic thing that came into my mind. I don't how to show the demo. Can I attach a zip file (containing the demo page, js, css, etc) here? Regards, Jecki
[jQuery] Re: Jeditable and TinyMCE
I am trying to use tinyMCE with the jEditable plugin and sometimes get an error. the html editor won't show up and i get the error t.win.document is null. anyone know what this is and if it's an MCE issue or jEditable? thanks Jeff On Sep 14, 4:02 pm, Mika Tuupola [EMAIL PROTECTED] wrote: On Sep 14, 2008, at 3:37 AM, ph4nt0m wrote: http://sam.curren.ws/index.cfm/2008/6/12/jEditable-TinyMCE-Plugin but i seem to have come across a slight problem, it the data is posted to a URL and not a function as per Sam's example, the posted data never gets returned to the div on submit, it loads the default text of Click Here To Edit, What does the URL you are posting to return? I'd be really grateful for a little help with this or for someone to confirm that this is actually a bug ? I will take a look. Do you have example code somewhere online? -- Mika Tuupolahttp://www.appelsiini.net/
[jQuery] [Forms Plugin] Reloading/Refreshing an iFrame after success
'lo all, I don't even know if this is possible, but here's a shot at explaining what I have and what I am trying to accomplish. I have a rather large data entry form and the Forms Plugin works great for that submission, returning a message on success, clears the desired elements for new entry, and everything is grand. I have added the ability to upload images via the ajaxMultiFileUpload plugin, tweaked it so that it returns an array of file names that gets added or deleted as the images get added/deleted, respectfully. That's all cool. The dilemma is how to clear the ajaxMutliFileUpload iFrame upon successful submission. Is that possible? I hate to have the users reload the whole page just to clear out that iFrame when they had uploaded images for the previous record. Is there a way to reload the iFrame so that it returns to a 'ready for new images' state? Thanks in advance for any help, -jeff -- View this message in context: http://www.nabble.com/-Forms-Plugin--Reloading-Refreshing-an-iFrame-after-success-tp20015952s27240p20015952.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [validate] ignore an iframe element
I am using the Validation plugin, which is working well overall. Is there a
way to have it ignore an entire iframe? I have added the { ignore:
.ignore, ... } parameter to the configuration and applied the ignore class
to every element possible in regards to that respective div and all
elements within the iframe's contents, however when the element within the
iframe is selected, I get the following error:
validator is undefined
http://somedomain.com/js/jquery.validate.js
Line 287
Which is:
function delegate(event) {
var validator = $.data(this[0].form, validator);
validator.settings[on + event.type] validator.settings[on +
event.type].call(validator, this[0] );
}
Is there any way to have the Validate plugin not check anything in this div,
iframe, or form?
Thanks in advance for any assistance,
-jeff
--
View this message in context:
http://www.nabble.com/-validate--ignore-an-iframe-element-tp20015960s27240p20015960.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [validate] ignore an iframe element
Due to the sensitivity of the application, I will put something similar
together tonight that best reproduces the scenario.
Thanks,
-jeff
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jörn
Zaefferer
Sent: Thursday, October 16, 2008 5:10 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [validate] ignore an iframe element
Could you provide a testpage?
Jörn
On Thu, Oct 16, 2008 at 7:44 PM, -Jeff- [EMAIL PROTECTED] wrote:
I am using the Validation plugin, which is working well overall. Is there a
way to have it ignore an entire iframe? I have added the { ignore:
.ignore, ... } parameter to the configuration and applied the ignore class
to every element possible in regards to that respective div and all
elements within the iframe's contents, however when the element within the
iframe is selected, I get the following error:
validator is undefined
http://somedomain.com/js/jquery.validate.js
Line 287
Which is:
function delegate(event) {
var validator = $.data(this[0].form, validator);
validator.settings[on + event.type] validator.settings[on +
event.type].call(validator, this[0] );
}
Is there any way to have the Validate plugin not check anything in this div,
iframe, or form?
Thanks in advance for any assistance,
-jeff
--
View this message in context:
http://www.nabble.com/-validate--ignore-an-iframe-element-tp20015960s27240p20015960.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [validate] ignore an iframe element
Here is a simple mock up of the elements in question. The error persists when
you click the 'button' to upload an image.
http://prolabor.com/testform/
Thanks for your help with this matter.
-jeff
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jeff
Strahl
Sent: Thursday, October 16, 2008 5:18 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [validate] ignore an iframe element
Due to the sensitivity of the application, I will put something similar
together tonight that best reproduces the scenario.
Thanks,
-jeff
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jörn
Zaefferer
Sent: Thursday, October 16, 2008 5:10 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [validate] ignore an iframe element
Could you provide a testpage?
Jörn
On Thu, Oct 16, 2008 at 7:44 PM, -Jeff- [EMAIL PROTECTED] wrote:
I am using the Validation plugin, which is working well overall. Is there a
way to have it ignore an entire iframe? I have added the { ignore:
.ignore, ... } parameter to the configuration and applied the ignore class
to every element possible in regards to that respective div and all
elements within the iframe's contents, however when the element within the
iframe is selected, I get the following error:
validator is undefined
http://somedomain.com/js/jquery.validate.js
Line 287
Which is:
function delegate(event) {
var validator = $.data(this[0].form, validator);
validator.settings[on + event.type] validator.settings[on +
event.type].call(validator, this[0] );
}
Is there any way to have the Validate plugin not check anything in this div,
iframe, or form?
Thanks in advance for any assistance,
-jeff
--
View this message in context:
http://www.nabble.com/-validate--ignore-an-iframe-element-tp20015960s27240p20015960.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [Validate] Validation + Masked Input Issue
I've been using the validation plugin along with the masked input pluging and I am noticing a possible bug. When you have a textbox that has an input mask on it and click on the submit button it validates the field correctly, but then if you focus into the field and then leave it will mark the field as valid even though the field is still blank. I looked at the Marketo demo and the same behavior occurs there. Is there a workaround to get it to keep the field invalid after you go in and out of the textbox? Thanks, Jeff Papp
[jQuery] Re: getJSON not working in IE
Try to append to the thead tag instead of the table tr tag.
[jQuery] [validate] Submit button that doesn't validate form.
I want to have one submit button that validates and processes the form, and I want one inside the form for a different purpose. However they both validate the form. How do I stop it from validating?
[jQuery] jCarousel Safari bug
Safari: 3.1.1, Mac OS X 10.4.11 (also exists on Safari 3.11 on Win XP) http://sorgalla.com/projects/jcarousel/examples/static_vertical.html In this example, scroll through to last image and you will see it is chopped off (top 20px or so is showing). In the carousel I am building it crops it off the last image in the first set of 3 images and anything after, though you can scroll (though nothing is visible). Oddly, ...if you go to a different site (google.com for example) and then use your back button in the browser, the images are all visible and no longer cropped. Do a refresh of the page with the carousel and the bug presents itself again. Jeff
[jQuery] Re: Safari 2.0.4 not passing the jQuery test
I understand Safari's limitations, but saying it's compatible sets an expectation that it (all of it) will work. I consistently had Safari crash when trying to use the html() and replaceWith() functions. If you're aware of Safari's issues and only run the test suite in pieces, then it'd be nice if you could publish what the pieces are so that we (the jQuery using public) know what we should be looking out for. Thanks for the reply, even if we disagree on compatible. :-) Jeff On Jun 19, 9:43 am, John Resig [EMAIL PROTECTED] wrote: Jeff - Safari2 has serious memory issues that are impossible to work around - simply loading and executing too much JavaScript will cause it to crash (as you see with the test suite). We do run the test suite againstSafari2 but in pieces to verify that it works as intended. Yes, we still supportSafari2. --John On Thu, Jun 19, 2008 at 12:12 AM, Jeff Kenny [EMAIL PROTECTED] wrote: I'm working on a site and the js is crashingSafari2.0.4, so I went back to check the compatibility page and it says it's supported. I ran the test page (http://jquery.com/test/) inSafari2.0.4 multiple times and it crashed EVERY time BUT at different places. So...my question is, is jQuery really compatible withSafari2.0.4 or should it be taken off the list of compatibility? In which case I'm a little screwed.
[jQuery] Safari 2.0.4 not passing the jQuery test
I'm working on a site and the js is crashing Safari 2.0.4, so I went back to check the compatibility page and it says it's supported. I ran the test page ( http://jquery.com/test/ ) in Safari 2.0.4 multiple times and it crashed EVERY time BUT at different places. So...my question is, is jQuery really compatible with Safari 2.0.4 or should it be taken off the list of compatibility? In which case I'm a little screwed.
[jQuery] jcarousel: problem with IE (6 7) scrolling back
Hi - I noticed a problem on the thickbox example page in both IE 6 and 7 where when you click on an thumbnail in the carousel to get the larger image the carousel scrolls back to the left and closing the thickbox causes it to scroll back to the left again. Any idea what could be causing this and how it could be fixed? Thanks, Jeff
[jQuery] Re: What is the purpose of th jcarousel this.funcResize() function?
I noticed this message after I posted mine, but apparently this this.funcResize() function is also what's causing IE 6 and 7 to scrollback when an item in the list is clicked. Here's my message: http://groups.google.com/group/jquery-en/browse_thread/thread/188eed4ee3d91e80/79939adb21fd4d30?lnk=gstq=jcarousel#79939adb21fd4d30 I commented out the prev() function and it doesn't seem to have hurt anything - but I'd love to hear from the author or a contributor as to why they thought it was necessary in the first place...I don't want to break something unwittingly. thanks! On May 16, 2:21 am, Domaa [EMAIL PROTECTED] wrote: Hi, I've been playing around with thejcarouselplugin for jquery and it works really great. However I am getting annoyed by the fact that every time I open up firebug or resize the window fo my browser,jcarouselautomatically forces the prev() function to be executed. I had a look at the code and it appears that this is caused by the this.funcResize property. Does someone know the purpose of this? Is it just an undocumented feature? If so, what is the logic of forcing the carousle to move to the previous item when the page is resized? Thanks in advance, Domaa.
[jQuery] cycle addSlideFn, timing using only a single slide as default
I have been working with the addSlideFn. I love the idea, but I am having some problems implementing it. I have some ideas for improving it, but first here is what I ran into: I got addSlideFn to work in a somewhat simple case. Then I was having problems though when I tried to set a delay. The newly loaded slides would interrupt the ongoing slideshow. I also used a nowrap option, and depending on the timing the slideshow would end before the new slides were added and loaded to the DOM. Since load times over the internet vary, I don't know how robust that is. I tried to decouple the addSlideFn from the slideshow (not using onBefore) so that I cold load all of the new slides before starting the slideshow (using a delay), but I couldn't (addSlideFn not a function..). Also, I tried to just use only one slide in the html, and add all of the others through javascript. I got an error saying I only had one slide in my slideshow. One way to hide all other slides if javascript is disabled or during loading is to make sure overflow:hidden; is set in the parent container. Here is what I think is the ideal way to load a complex, progressively enhanced slideshow (please pitch in other ideas!) - only one silde element in the html - create a setTimeout function that would wait until the DOM and page elements are loaded. Could be just a simple timer or it could check to see if all of the page elements are loaded. Once loaded or timer finishes, slide markup is added to the DOM and the media is loaded - when the slides added to the DOM and loaded, trigger the slideshow I like this solution because: 1. It allows you to present content after the clunky page loading process happens (if you have a heavy page) 2. It could potentially speed up perceived page load because it is loading heavy images in the background after all other page elements are loaded 3. It would be a simple configuration (for us, maybe not Mike or whoever is doing the coding!) 4. It follows progressive enhancement - if no javascript, then only one slide loads 5. Could potentially allow all of the javascript (jQuery, plugin, and configuration) at the bottom of the page, which could also speed up perceived load times. (I have been reading a lot about the speed optimization work Yahoo is doing and using the yslow tool). This might even be possible with the current implementation of cycle but I don't know how to do it. Any ideas? thanks
[jQuery] Re: jQuery Cycle - Hover Pager
Great - works perfectly. thanks! I updated cycle so that you can specify the trigger event for the pager. Here's a demo: http://www.malsup.com/jquery/cycle/pager5.html Mike
[jQuery] Re: cycle plugin: is there a simple cut transition?
again, thanks for your help. It works great. Here's a demo that shows how to do immediate transitions: http://www.malsup.com/jquery/cycle/immediate.html Mike
[jQuery] cycle plugin: sIFR'ing cycle
Has anybody gotten a sIFR'd text element to work properly with the cycle plugin? I can sIFR a p element, and I can create a slideshow with that same p element, but not at the same time. The first sIFR'd element in the slideshow shows fine, but subsequent slides disappear. When I thought about doing it, I didn't really expect it to work - there is so much going on there that something was bound to break. But I thought I would try it. I tried using the latest sIFR configuration (3r397) and the jQuery sIFR plugin (which uses sIFR 2 I believe). Any luck on this? Also, is there a user-contributed cycle transitions repository? I think that would be great to see what people come up with. thanks. -Jeff
[jQuery] cycle plugin: is there a simple cut transition?
First of all, I love the elegance of this plugin, thanks! I was working on a project where I needed a simple cut transition (no fade, just transition immediately to the next slide), and I couldn't figure out how to do it. I took out the fx and speed options, set speed to 0, tried to guess and set fx to 'toggle', etc. I even looked through the custom transitions documentation. There was no obvious (for me) way to do this. Actually, using a cut transition is a little bit of a hack for what I really want to do (although I would love to know how to do it). I have overlapping slideshows and I want to be able to turn a slide off for a specified amount of time, then fade into the next slide. The hidden and displayed state would have different timeout values. This example shows what I want to do, but to get this I used a transparent gif as a slide. And since I can't straight cut between slides, it doesn't look right: http://www.latestproject.com/barb/builds/build13/index.html schematically, the slideshow would look like this: slide1 000 000 000 000 000 000 slide2 x00 x00 x00 x00 x00 x00 slide3 xx0 xx0 xx0 xx0 xx0 xx0 where a 0 is on and an x is off. thanks for any help.. -Jeff
[jQuery] Re: jQuery Cycle - Hover Pager
I got this to work by hacking the original code but not with a custom
transition. I am sure there is a more elegant way to do it (if
anybody knows please post it!)
You can hover over the pager to go through the slides. I hacked line
281 in the buildPager function:
from:
$a.bind('click',function() {
to:
$a.bind('mouseover',function() {
It works in IE6, Safari 2, and FF 2. You can see it at:
http://www.latestproject.com/barb/builds/build13/jackson-hole-activities-fly-fishing.html
The javascript to call it is:
$(function() {
$('.gallery').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
pager: '#gallery-nav',
pagerAnchorBuilder: function(idx, slide) {
// return sel string for existing anchor
return '#gallery-nav li:eq(' + (idx) + ') a';
}
});
});
On Mar 6, 1:53 am, Andrej [EMAIL PROTECTED] wrote:
Hi I am trying to create a pager that works with hovering over the
links instead of clicking on them. Would this require an customtransition, or
is there a way to add this to an existingtransition
like 'fade'. Thanks Andrej
[jQuery] Re: this ?
Awesome!
Thanks!
On Apr 10, 10:50 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
You could do this:
$('.highlight').removeClass('highlight').filter(':even').addClass('shaded');
The this keyword is useful only inside javascript code (it won't work in a
selector).
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jeff
Sent: Thursday, April 10, 2008 7:24 PM
To: jQuery (English)
Subject: [jQuery] this ?
'scuse me for the noob question here...
i have statements like this:
$(.highlight).removeClass;
$(this:even).addClass(shaded);
And I don't think I'm using this or :even correctly; it doesn't work
=)
Googling has turned up some different ways that the this keyword is
used, and I'm not sure what is right here. I'm just trying to remove a
class from a bunch of elements and then apply a new class to even
numbered elements.
Any ideas? Again, sorry for the dumb question, but googling the word
this isn't very helpful since you get like 10 kabillion results.- Hide
quoted text -
- Show quoted text -
[jQuery] this ?
'scuse me for the noob question here... i have statements like this: $(.highlight).removeClass; $(this:even).addClass(shaded); And I don't think I'm using this or :even correctly; it doesn't work =) Googling has turned up some different ways that the this keyword is used, and I'm not sure what is right here. I'm just trying to remove a class from a bunch of elements and then apply a new class to even numbered elements. Any ideas? Again, sorry for the dumb question, but googling the word this isn't very helpful since you get like 10 kabillion results.
[jQuery] Re: Sorting multiple tables by the same criteria
Uhh, nevermind I guess. I'm just combining them into one table and using CSS to display them in different positions. Not really what I wanted, but it works. On Apr 4, 2:01 pm, Jeff [EMAIL PROTECTED] wrote: Hi, I'm relatively new to jQuery and I'm using jquery.tablesorter to sort a table. That works great, except that I need to sort a second table in the same way to keep the rows aligned. Basically, what I have set up is this. A tabbed interface with two tabs. Tab 1 shows a table with computer specifications and Tab 2 shows a table with extra information about each computer. As such, I have to keep the rows related, and I need to allow users to sort either table and their sorts affect the other table. It seems that there's probably an easy way to do this. Any ideas? Thanks in advance! -Jeff
[jQuery] Sorting multiple tables by the same criteria
Hi, I'm relatively new to jQuery and I'm using jquery.tablesorter to sort a table. That works great, except that I need to sort a second table in the same way to keep the rows aligned. Basically, what I have set up is this. A tabbed interface with two tabs. Tab 1 shows a table with computer specifications and Tab 2 shows a table with extra information about each computer. As such, I have to keep the rows related, and I need to allow users to sort either table and their sorts affect the other table. It seems that there's probably an easy way to do this. Any ideas? Thanks in advance! -Jeff
[jQuery] Re: checkbox and toggle function
yeah, I am having the same issue. Anyone have a solution?? thanks! On Jan 8, 12:06 pm, jpl80 [EMAIL PROTECTED] wrote: Using toggle() with a checkbox disables the checkbox's ability to check itself on and off. http://tinyurl.com/yo9onzhttp://tinyurl.com/yo9onz -- View this message in context:http://www.nabble.com/checkbox-and-toggle-function-tp14695370s27240p1... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] toggle function on checkbox
I'm having a problem with toggle() and was hoping someone could help
me. Using the toggle function on a checkbox seems to have disabled the
checkbox's ability to check on and off.
a href=http://tinyurl.com/yo9onz;http://tinyurl.com/yo9onz/a
My code:
$(document).ready(function(){
$(#precheck).toggle(
function () {
$(.preregbox).show('slow');
},
function () {
$(.preregbox).hide('slow');
}
);
});
[jQuery] Re: toggle hide show function not working (code provided)
You can also use $(expr).empty().
On Nov 21, 1:49 pm, mdrisser [EMAIL PROTECTED] wrote:
The problem is that .remove() removes the actual element not the text
inside of it.
This works:
$(a.collapse).html((-));
On Nov 21, 10:35 am, FrankTudor [EMAIL PROTECTED] wrote:
script type=text/javascript
$(document).ready(function(){
$('.bang').hide();
$(a.collapse).toggle(function()
{
$('.bang').show();
$('a.collapse').remove((-)).append((+));
},function(){
$('.bang').hide();
$('a.collapse').remove((+)).append((-));});
});
/script
head
body
a href= class=collapse(-)/a
div class=bang
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean at
magna nec erat tincidunt sollicitudin. Phasellus eu est. Aenean diam
elit, laoreet sed, suscipit eget, hendrerit vel, lorem. Suspendisse
nec turpis ullamcorper urna accumsan sollicitudin.
/div
Can someone put a set of eyes on the above code...It doesn't seem to
work and I am not sure why.
Thanks,
Frank
[jQuery] Re: I'm confused on how to parse XML using jquery's ajax feature.
Uh, why are you sending that email out? That looks like you are phishing. On Nov 19, 12:34 pm, Glen Lipka [EMAIL PROTECTED] wrote: Pretend it's html. As if it was a div and a span. It works the same way. $(mtemplate receiver).text() Glen On Nov 18, 2007 7:04 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: ?xml version=1.0 encoding=ISO-8859-15? pmtemplate recieverEnter Your Friends name Here/reciever sender[EMAIL PROTECTED]/sender subjectWe will be canceling your google account/subject bodyHello, FRIENDS NAME HERE It seems that we've been getting many complaints from different people about you abusing your Google account, and we are on the urge of canceling your Google account in 24 hours. If you have any questions contact us immediately. Regards, Google.com. /body /pmtemplate Above is my basic template, I just want to get each value using jquery. How can I do this?
[jQuery] problems using variables instead of text with :contains()
I am a little confused on the syntax for :contains. I want to be able
to pass in a variable to the parameter for :contains. It can take
either quoted or non-quoted text, which on one hand can be convenient,
but on the other is difficult if you are trying to pass a variable.
Here is the test cases I came up with:
(all sections are meant to be commented out except the one being
tested)
// ___ adding a string directly into :contains
var $elements = $('a:contains(farm)'); // works fine: finds all
links that contain the text farm var $elements = $
('a:contains(farm)');// works fine
// adding a regular string variable to :contains _
var searchText = farm;
var $elements = $('a:contains(searchText)'); // doesn't work
(can't distinquish between a variable and text) var $elements = $
('a:contains(String(searchText))'); // doesn't work (I thought I would
try)
var $elements = $('a:contains(+searchText+)'); // doesn't
work
var $elements = $('a:contains('+searchText+')'); // works!
// __ adding a jQuery object to :contains
$('#search-box').keyup(function() {
var $searchText = $('#search-box').val();
var $searchResults = $('a:contains($searchText)');//
does
not work
var $searchResults = $('a:contains('+$searchText+')'); //
works!
});
So, I figured out a solution, but I am not even clear why it works (I
found an example buried in these forums.) It seams that if :search()
required quoted parameters and unquoted parameters implied a variable,
then it would be much more intuitive. I am somewhat new to jQuery. It
is amazing and actually fun to program in. But I am not that familiar
with all of the subtleties.
Can anybody tell me why this solution works? Also, it would be great
if someone could update the documentation to provide an example
of :contains() that has a variable being passed in.
thanks
[jQuery] Re: .get works in Firefox, but not IE
I'm having the same issue with IE. Works in FF.
On Oct 17, 1:51 pm, cfdvlpr [EMAIL PROTECTED] wrote:
Here's some code I have that works great in Firefox.
But in IE, it this line does nothing: $
('#bottomHalfofThickbox').html(updatedSamples);
function redecorate(){
$('.removeSample').click(function(){
var productID = $(this).attr(productID);
$.get(/viewSampleDetail/removeSampleFromCart.cfm, {
productID:
productID },function(updatedSamples){
$('#bottomHalfofThickbox').html(updatedSamples);
$('#bottomHalfofThickbox').html('test');
redecorate();
});
});
This line works in IE: $('#bottomHalfofThickbox').html('test');
I'm guessing that there's an error in removeSampleFromCart.cfm, but IE
doesn't seem to show me that error like FF and firebug would.
Any ideas on how I could debug this issue further?
[jQuery] Basic JSON help
Hello,
I am new to jQuery, and have started to play with JSON,but I need some
info about how I refer to the JSON Object once it is returned from
the server. I know I can loop through the contents of the object, and
I can use json.count, but I am really unsure about the correct syntax
to target the data that I need. Can anyone provide a link to a
tutorial or some other help?
Here is the JSON object that I need to return from the server:
{models: [MDX SUV, RDX SUV, RL Sedan, TL Sedan, TSX
Sedan]}
Thanks for your help.
[jQuery] Basic JSON help
Hello,
I am new to jQuery, and have started to play with JSON,but I need some
info about how I refer to the JSON Object once it is returned from
the server. I know I can loop through the contents of the object, and
I can use json.count, but I am really unsure about the correct syntax
to target the data that I need. Can anyone provide a link to a
tutorial or some other help?
Here is the JSON object that I need to return from the server:
{models: [MDX SUV, RDX SUV, RL Sedan, TL Sedan, TSX
Sedan]}
Thanks for your help.
since writing this, I have made a guess at what might work. I
confirmed that the data is returning as stated above (using Firebug),
but when I echo json.count, i get 'undefined'. does that make sense?
[jQuery] Re: Basic JSON help
Thats it! I was referring to the length as 'count'. Thats why my for
loop wasn't executing, and thats why I couldn't echo my data in the
browser.
Thanks!
So, should I treat my JSON object like a Javascript multi-dimensional
array?
On Aug 16, 10:20 am, Erik Beeson [EMAIL PROTECTED] wrote:
Right, 'count' doesn't have any special meaning that I know of. What are you
expecting it to be? Arrays have a special property called length, which
you could access like json.models.length, but Objects (like your json
variable), don't necessarily have this special property.
--Erik
On 8/16/07, jeff w [EMAIL PROTECTED] wrote:
Hello,
I am new to jQuery, and have started to play with JSON,but I need some
info about how I refer to the JSON Object once it is returned from
the server. I know I can loop through the contents of the object, and
I can use json.count, but I am really unsure about the correct syntax
to target the data that I need. Can anyone provide a link to a
tutorial or some other help?
Here is the JSON object that I need to return from the server:
{models: [MDX SUV, RDX SUV, RL Sedan, TL Sedan, TSX
Sedan]}
Thanks for your help.
since writing this, I have made a guess at what might work. I
confirmed that the data is returning as stated above (using Firebug),
but when I echo json.count, i get 'undefined'. does that make sense?
[jQuery] Re: Basic JSON help
Yes, I am using $.getJSON. eval() is a javascript function right? so
if I want more info on that, I should look at a javascript reference??
what is console.debug()? I've seen that in a bunch of posts. I am
guessing its a way to output results. Is it a cleaner way of using
something like alert(spit out results);?
Thanks for your patience if my questions are elementary, I'm just
trying to build some sort of foundation of basic concepts.
On Aug 16, 10:51 am, Erik Beeson [EMAIL PROTECTED] wrote:
I assumed he was using $.getJSON or something similar that takes care of the
eval'ing for you.
--Erik
On 8/16/07, Michael Geary [EMAIL PROTECTED] wrote:
From: jeff w
I am new to jQuery, and have started to play with JSON,but I
need some info about how I refer to the JSON Object once it
is returned from the server. I know I can loop through the
contents of the object, and I can use json.count, but I am
really unsure about the correct syntax to target the data
that I need. Can anyone provide a link to a tutorial or some
other help?
Here is the JSON object that I need to return from the server:
{models: [MDX SUV, RDX SUV, RL Sedan, TL Sedan, TSX Sedan]}
Thanks for your help.
since writing this, I have made a guess at what might work. I
confirmed that the data is returning as stated above (using
Firebug), but when I echo json.count, i get 'undefined'. does
that make sense?
I don't see a count property in your JSON data, and you didn't mention
eval'ing the JSON string (it's just a string until you do something with
it).
Assuming that you have received a string from your server in a variable
json containing the above JSON text:
json = eval( '(' + json + ')' );
var models = json.models;
for( var i = 0, n = models.length; i n; ++i ) {
var model = models[i];
console.debug( model );
}
You can even use $.each if you like:
json = eval( '(' + json + ')' );
$.each( json.models, function( i, model ) {
console.debug( model );
});
-Mike
[jQuery] convert an event object to a jQuery event object?
Hi, Is there a way to take a normal event object and convert it to a jQuery event object so everything gets normalized? Or can you only use the jquery event stuff when you use the jQuery events themselves? Hope this makes sense. Thanks, Jeff
[jQuery] Re: Problems with tablesorter
Hi everyone,
I'm trying to bind a custom event and then use trigger() to trigger it, but
it's not working for me.
Here's my code, does anyone see any issues?
Currently it's logging 'mouseout' but not 'my Event' as I mouse over my
table cells.
$(o).mouseout( function(event) {
console.log('mouseout');
$(event.target).trigger('myEvent');
}).bind(myEvent,function(event) {
console.log('my Event');
});
Any help is appreciated!!
Jeff
[jQuery] Re: Problems with tablesorter
sorry didn't mean to hijack this email - i'll send a different one!
On 7/24/07, Jeff L [EMAIL PROTECTED] wrote:
Hi everyone,
I'm trying to bind a custom event and then use trigger() to trigger it,
but it's not working for me.
Here's my code, does anyone see any issues?
Currently it's logging 'mouseout' but not 'my Event' as I mouse over my
table cells.
$(o).mouseout( function(event) {
console.log('mouseout');
$(event.target).trigger('myEvent');
}).bind(myEvent,function(event) {
console.log('my Event');
});
Any help is appreciated!!
Jeff
[jQuery] triggering a custom event is not working
Hi everyone,
I'm trying to bind a custom event and then use trigger() to trigger it, but
it's not working for me.
Here's my code, does anyone see any issues?
Currently it's logging 'mouseout' but not 'my Event' as I mouse over my
table cells.
$(o).mouseout( function(event) {
console.log('mouseout');
$(event.target).trigger('myEvent');
}).bind(myEvent,function(event) {
console.log('my Event');
});
Any help is appreciated!!
Jeff
[jQuery] Re: Using AutoCompleter, how do you pass parameters
I am in the same boat (don't have the luxury of playing around). Jörn's version has been pretty stable, with the exception of the issues documented. The one problem I have is similar to yours, in that IE6 generates an error when mousing over.the selection list. Unfortuanely, at least 90% of the users of this app will use IE6, which sucks, but it is what it is. I don't see the error in Firefox, so it's been hell trying to figure out how to fix the bug. Jörn has turned me on to Firebug Lite, so I am trying to track it down that way, as I get time. Too many hats :) On Jul 11, 10:15 am, AtlantaGeek [EMAIL PROTECTED] wrote: I still think some of my posts are getting massively delayed (actually, I know this is happening) or canned completely . . . At present, I don't have the luxury of playing around, so I was wondering what is the most stable version that has been posted. Your original version seems to be working fine except for the issue of it not working correctly when the user just tabs out of the field. Someone did recommend Joern's alpha version, but this is for a client's web store and I'm not real anxious to use alpha software. Plus, since I'm very new to JQuery, I'm not sure I feel comfortable deciding to use it and just fixing any errors I run into. On Jul 10, 8:49 am, Dan G.Switzer, II [EMAIL PROTECTED] wrote: Now if I could only make sense of that page. g So you wrote that mod to the original AutoCompleter by Dylan V and now you and this other guy Joern are working on it? Sorry, just trying to understand who's who. What should I download from that page? Not that the who's who really matters that much, but the story is as follows. Dylan Verheul released the originalAutocompleteplug-in. It did most of what I needed, but was missing several crucial parts that I needed so I fixed a few bugs and added the handful of features I needed. Jörn Zaefferer liked what I did, but wanted to implement a few more features (such as multiple selections,) so he started re-writing my mod (it's almost a completely re-write now) to add new features and streamline the code. When I can, I help Jörn out with the project. As for what you should download, I'd recommend grabbing all the code and playing around with it. It's a completely re-write and we know some of the new features are not finished (multiple select items don't work completely the way we'd like to see them work.) -Dan On Jul 9, 8:49 am, Dan G.Switzer, II [EMAIL PROTECTED] wrote: One other thing: If the user does not actually select an item from the list and, instead, just tabs out of the field - perhaps because the item that was put into the textbox via the quick-fill was the one he wanted - then the code to populate other fields does not fire. How can I get that code to fire? (The code below does not fire) Yeah, that looks like a bug. Development of this code branch has actually stopped and been replaced with: http://dev.jquery.com/browser/trunk/plugins/autocomplete It looks like this issue is resolved in the latest code base. -Dan- Hide quoted text - - Show quoted text -
[jQuery] Re: Autocomplete Plugin Issue With IE6
Will do what you suggested and get back to you.
On Jul 12, 4:18 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Jeff Fleitz wrote:
So, for all you gurus out there, how do you track down this type of
issue in IE6? Since Firebug doesn't report an error, that doesn't
help. Do you use other http proxies like Fiddler?
I've experienced a weird issue with IE6 and a mix of event delegation
and custom events. Basically IE6 managed to trigger the custom event
along with a normal click. I haven't yet figured out to prevent that,
and had to work around it instead.
Autcompleter uses a event delegation model for the select box and
several custom events for the input itself, so this may be related.
I haven't experienced that problem yet, therefore I hope we can work
together to track it down and solve it, though that requires a bit
poking around in the autocomplete code on your side. Try Firebug Lite on
your testpage and put some console.log statements into autocompleters
code. Interesting are the custom event handlers (search for
bind(search), function() {) and the mouse event handlers of the select
box (search for jQuery(ul).appendTo(element).mouseover). Look for
any events that are called when they shouldn't, eg. a click while just
hovering, two clicks instead of one when clicking etc.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Autocomplete Plugin Issue With IE6
I am using Jörn's Autocomplete alpha plugin (not from the svn repository) along with jquery 1.1.3.1 and am having some problems in IE6 related to selected options from the drop downs. The autocomplete control works fine if I use the down arrow to navigate to a choice. However, if I use the mouse, I am seeing erratic behavior, where IE6 triggers and the error Object Required with the line number. Sometimes this happens just mousing over the selection and sometimes it happens when selecting (double-clicking) an option. This behavior does not show up in Firefox or IE7. Unfortunately 98% of the users of this app will be IE6. I also see this behavior (albeit less frequently) on the plugin sample page on Jörn's site. So, for all you gurus out there, how do you track down this type of issue in IE6? Since Firebug doesn't report an error, that doesn't help. Do you use other http proxies like Fiddler? Any help appreciated. Regards, Jeff
[jQuery] FishEye Math
I am playing around the with great Interface plugins, the http://interface.eyecon.ro/demos/fisheye.html in particular and was wondering if anyone had played around with the code to allow for different sized images to be used, rather than a single size? Any math wiz that could point me in the right direction would be greatly appreciated. In the meantime, I'll keep on with my own trial and error. Thanks! *
[jQuery] Re: Selector docs?
You can use the google cache http://72.14.205.104/search?q=cache:yFpDK0JxvV4J:docs.jquery.com/DOM/Traversing/Selectors+jquery+selectorshl=enct=clnkcd=2gl=usclient=firefox-a Jeff On 7/2/07, Howard Jones [EMAIL PROTECTED] wrote: Naturally, the day I pick to sit down and play with a new jquery project is the day that docs.jquery.com is down :-) Is there some kind of cribsheet out there for jQuery's selectors? It's something that the automatic docs like Visual jQuery and the API Browser don't cover... Cheers, Howie
[jQuery] Re: Selector docs?
Benjamin, That's just a blog - if there is a specific page on there about the selectors, please do send along a link. Thanks. On 7/2/07, Benjamin Sterling [EMAIL PROTECTED] wrote: Howie, Check out learningjquery.com On 7/2/07, Howard Jones [EMAIL PROTECTED] wrote: Naturally, the day I pick to sit down and play with a new jquery project is the day that docs.jquery.com is down :-) Is there some kind of cribsheet out there for jQuery's selectors? It's something that the automatic docs like Visual jQuery and the API Browser don't cover... Cheers, Howie -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Hide DIV on page click help
bump On May 17, 4:20 pm, Jeff [EMAIL PROTECTED] wrote: That works great, but how do I get it to ignore clicks to the div itself? Thanks On May 15, 9:43 pm, RobG [EMAIL PROTECTED] wrote: On May 16, 1:36 am, Jeff [EMAIL PROTECTED] wrote: I am trying to add some functionality to my page where a user clicks on a link which makes a menu layer visible. That part I've been able to do. Now, I would like that DIV to disappear when the user clicks anwhere else on that page, on other words, making the menu disappear when it loses focus. Basically trying to emulate windows menu functionality. How do I make that happen? Thanks in advance Put aclickhandler on the body element that closes any open menu div (just give them a particular class and use a class selector to find and hide them all). You might like to ignore clicks on the menu div itself. -- Rob
[jQuery] Re: Hide DIV on page click help
That works great, but how do I get it to ignore clicks to the div itself? Thanks On May 15, 9:43 pm, RobG [EMAIL PROTECTED] wrote: On May 16, 1:36 am, Jeff [EMAIL PROTECTED] wrote: I am trying to add some functionality to my page where a user clicks on a link which makes a menu layer visible. That part I've been able to do. Now, I would like that DIV to disappear when the user clicks anwhere else on that page, on other words, making the menu disappear when it loses focus. Basically trying to emulate windows menu functionality. How do I make that happen? Thanks in advance Put a click handler on the body element that closes any open menu div (just give them a particular class and use a class selector to find and hide them all). You might like to ignore clicks on the menu div itself. -- Rob
[jQuery] Hide DIV on page click help
I am trying to add some functionality to my page where a user clicks on a link which makes a menu layer visible. That part I've been able to do. Now, I would like that DIV to disappear when the user clicks anwhere else on that page, on other words, making the menu disappear when it loses focus. Basically trying to emulate windows menu functionality. How do I make that happen? Thanks in advance
[jQuery] Re: Changing type input on IE
untested, but something like this?
$('#btnEnviar').before('input type=button id= + $(this).id +
/input').remove();
Jeff
On 5/10/07, Harlley Roberto [EMAIL PROTECTED] wrote:
Hi,
I need to do this:
$(#btnEnviar).attr(type, button);
But accordind to my googled, I think that it's not possible on IE
http://dev.jquery.com/ticket/120
How can I do to solve my problem ?
Regards,
Harlley
--
www.syssolution.com.br
--
Desenvolvimento de sistemas e sites
--
[EMAIL PROTECTED]
[jQuery] Re: Live Example Question
basically it's saying to show it if it's hidden, or hide it if it's visible. see more info here: http://www.jquery.com/Selectors#Custom_Selectors_2 On 5/10/07, c19h28o2 [EMAIL PROTECTED] wrote: Thanks, can you please explain the why the p.firstparagragh has :hidden beside it? it doesn't work for me but $(div.contentToChange p.firstparagraph).hide(slow); does? Thanks --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups jQuery (English) group. To post to this group, send email to jquery-en@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-en?hl=en -~--~~~~--~~--~--~---
[jQuery] Re: Select Length Reference
// remove selected items from the #mySelect element var oRemoved = $(option:selected, oSelect).remove(); -- or -- var oRemoved = oSelect.find(option:selected).remove(); How would you identify an individual option index using this syntax? In other words if I wanted to check the value of the first option in oSelect and if it is blank (), then remove it? Is there a way to check to see if an option value is contained within the select without looping (does jQuery have native functionality to do this)? Jeff
[jQuery] Select Length Reference
I apologize in advance if this is in the docs, but I probably won't be
able to access the jQuery site for a while now that the ip has
changed, due to proxy issues.
I want to limit a user from entering more than a specified number of
options, and can't find the correct syntax (or maybe I can't do
this?). Why aren't these equivalent?
var num = document.getElementById('mySelect').length // returns 5
var num = $(#mySelect).length // returns 1; doesn't change so I know
this isn't correct.
TIA,
Jeff
[jQuery] Re: Select Length Reference
Worked, thanks Dennis. On May 7, 11:15 am, spinnach [EMAIL PROTECTED] wrote: try $(#mySelect)[0].length ...
[jQuery] Re: Select Length Reference
Hey Dan,
Personally, I'd use $(#mySelect)[0].length, since it uses the actual DOM
property for the select / element. This should be faster than parsing out
the option tags that are selected.
Yep, I like that as well.
However, the $(#mySelect option:selected) would allow you do other things
with those elements (such as unselect them, change their styles, etc.)
I still would need to loop to remove options individually though,
right? One of the things I am trying to do is remove user selected
options with a button click on a form. My first attempt (which works)
looked like:
$(#removeSelected).click(function() {
var elSel = document.getElementById('mySelect');
for (i = elSel.length - 1; i=0; i--) {
if (elSel.options[i].selected elSel.options[i].value != '') {
elSel.remove(i);
}
}
});
Trying to recode the for loop for jQuery, I am wondering how to
identify whether the index of the current row is selected (versus non-
selected) so that is can be removed. You can see below what I am
trying to get at in the if statement below, which of course does not
work. So how do I reference the counter in the loop in line 2?
for (i = $(#mySelect)[0].length - 1; i=0; i--) {
if ($(#mySelect option:selected)[i]) {
$(#mySelect).removeOption(i);
}
}
As always, thanks much.
Jeff
[jQuery] Re: Select Length Reference
First off, always try to cache jQuery objects if you're planning on reusing them. This speed things up considerably, as jQuery doesn't have to keep doing the parsing. Good point. With all that said, you should be able what you're wanting in one command: var oRemoved = $(#mySelect option:selected).remove(); I have learned a lot. Thanks again. Jeff
[jQuery] Re: Select Length Reference
Now for Part 2 of the lesson. :) // remove selected items from the #mySelect element var oRemoved = $(option:selected, oSelect).remove(); That's the ticket! I had just finished caching the #mySelect reference like that, and was just trying to figure out how to make that call, but couldn't get my head wrapped around the syntax. I whacked a whole bunch of lines of code from the very first go 'round, I can tell you that. Geez, somebody ever sees this, they might actually mistake me for somebody who knows what they are doing ;) Thanks again. Jeff
[jQuery] Re: Autocomplete plugin
I thought I had it working, but I don't, I am still having issues. I
have two lookups on the same form, and the data is returned fine.
data[0] is the text description and data[1] is the primary key of the
lookup table. I am trying to pass the values to some hidden fields.
I am using the code block you gave me, and it works with one call, but
not two. Why doesn't the following work? The ignore1 value gets
populated every time, but the ignore2 value never gets populated for
some reason.
$(#unitname).result(function(event, data, formatted) {
$(#ignore1).value = $(this).next().val(data[0]);
$(#ignore2).value = $(this).next().val(data[1]);
});
I tired calling Sam Collet's jquery.select.js plugin within the code
block orginally to populate select control options on the form, and
this syntax returns the [object Object] reference. Why wouldn't this
work?
$(#unitname).result(function(event, data, formatted) {
$(#additional_units).addOption($(this).next().val(data[1]),$
(this).next().val(data[0]));
});
I obviously don't get the jQuery 'way' yet, and I apologize if I am
asking basic questions that are obvious to everyone else.
I have all this working using Dan Switzer's implementation and a combo
of procedural js and jquery syntax, but i am trying to get it work
here to, using all jquery stuff, so that we are onboard when this
plugin becomes the primary implementation.
Regards,
Jeff
On May 2, 5:00 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote:
JeffFleitzschrieb: Nevermind, figured it out, thanks.
Cool :-)
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: Pass objects to Ajax Success
I should add that calling the row by name is not an option as the rows
do not have unique ids
On May 3, 2:50 pm, Jeff [EMAIL PROTECTED] wrote:
I have run into a problem. I am attachking a click() event to every
row of an inventory table. When the user clicks on the row, it
fetches detailed information from the server and creates a new row
below the clicked row. Below is the code
$(document).ready(function() {
$(table tbody tr).hover(function(){$
(this).css(backgroundColor, #de7121)}, function(){$
(this).css(backgroundColor, )}).click(function(){
var ordernum = $
(this).parent().parent().prev().children(.purchaseorder).text();
var itemno = $(this).children(:nth-child(2)).text();
ordernum = ordernum.substring(ordernum.indexOf(#) + 1);
$.ajax({
type: GET,
url: ,
dataType: html,
data: action=detailspo=+ordernum+item=+itemno,
success: function(msg){}
});
});
});
The problem is, I need to be able topass$(this), the row that was
clicked, into the success callback function so that I can insert the
row immediately after it. How can I accomplish this? Thanks
[jQuery] Re: Pass objects to Ajax Success
you are the man!
On May 3, 3:25 pm, Jonathan Sharp [EMAIL PROTECTED] wrote:
Hi Jeff,
You just need to use a closure. Outside your ajax call do $t = $(this); and
then you can reference $t inside of your anonymous function. See below...
Cheers,
-js
$(document).ready(function() {
$(table tbody tr).hover(function(){$
(this).css(backgroundColor, #de7121)}, function(){$
(this).css(backgroundColor, )}).click(function(){
var ordernum = $
(this).parent().parent().prev().children(.purchaseorder).text();
var itemno = $(this).children(:nth-child(2)).text();
ordernum = ordernum.substring(ordernum.indexOf(#) + 1);
var $t = $(this);
$.ajax({
type: GET,
url: ,
dataType: html,
data: action=detailspo=+ordernum+item=+itemno,
success: function(msg){
$t.css('background-color', 'pink');
}
});
});
});
On 5/3/07, Jeff [EMAIL PROTECTED] wrote:
I have run into a problem. I am attachking a click() event to every
row of an inventory table. When the user clicks on the row, it
fetches detailed information from the server and creates a new row
below the clicked row. Below is the code
$(document).ready(function() {
$(table tbody tr).hover(function(){$
(this).css(backgroundColor, #de7121)}, function(){$
(this).css(backgroundColor, )}).click(function(){
var ordernum = $
(this).parent().parent().prev().children(.purchaseorder).text();
var itemno = $(this).children(:nth-child(2)).text();
ordernum = ordernum.substring(ordernum.indexOf(#) + 1);
$.ajax({
type: GET,
url: ,
dataType: html,
data:
action=detailspo=+ordernum+item=+itemno,
success: function(msg){}
});
});
});
The problem is, I need to be able to pass $(this), the row that was
clicked, into the success callback function so that I can insert the
row immediately after it. How can I accomplish this? Thanks
[jQuery] Re: Autocomplete plugin
Try $(#suggest2+pk).val( data[1] ) or $(this).next().val( data[i] );
And first check if the #suggest2+pk selector really selects your
hidden input.
This technique worked great for populating a hidden field. I am
trying to use the same technique to add an option to a select control
instead of setting the value attribute of a hidden field. As a test I
am sending the value to an alert, which I expected to display the text
value returned from the autocomplete field. Instead I am seeing
[object Object] returned. I don't understand why I am not getting the
values I want returned.
$(#suggest2).result(function(event, data, formatted) {
$(#unitid).value = $(this).next().val(data[1]); // this works for
populating a hidden field
// these 2 vars to capture the values so I pass them to the
addOption function
var tVal = $(this).next().val(data[0]); // set this in preparation to
pass text value in option
var sVal = $(this).next().val(data[1]); // set this in prepartion to
pass id value in option
alert(tVal) // this displays as [object Object]
});
I also tried passing $(this).next().val(data[0]) directly and still
get the [object Object] reference.
Jeff
[jQuery] Re: Autocomplete plugin
I'm confused. Which example are you referring to? I would like to see for each text value selected in a multiple, the associated pk in the db table associated in a delimited list, e.g., Item1,Item2, Item3 pk1,pk2,pk3 so that when we process the form input, we can reference by position. Does that make sense? Jeff Thats a bit trickier. As you noticed, the event is called for each selected value. The second autocomplete in the demo appends the associated values to a different input one by one. In case the plugin handles that directly, how should it work like?
[jQuery] Re: Autocomplete plugin
$(this).next().val( data[i] ) worked Jörn, thanks. Any idea how I would make this work when the multiple attribute is used? Right now it will return only the last value selected. It would be nice to capture all of the ids, delimited using the same multipleSeparator value that the text area uses. Jeff Try $(#suggest2+pk).val( data[1] ) or $(this).next().val( data[i] ); And first check if the #suggest2+pk selector really selects your hidden input. -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: Autocomplete plugin
I have been using Dan's version of autocomplete successfully on some
CF forms where I am querying some lookup tables, and passing primary
key values on to the action pages instead of the text description for
SQL inserts. I am to implement the same functionality in Jörn's
version, and cannot figure it out. I have no problem with returning
the text value, but I can't figure out how to capture the primary key
and pass it to a hidden field. I looked at Jörn's php example, but
since I don't use PHP, and don't fully grok JQuery yet, I am having
problems. I am pretty sure the key to what I want exists inthe
following code block, but I don't know how to call the result. I don't
see these objects being called in the sample index.html file. I need
to get the result. data[1] value to bind a hidden field on the form.
Can somebody give me a clue as to what I need to do?
$(#suggest2).result(function(event, data, formatted) {
$(this).find(..+/input).val(data[1]);
});
Jeff
[jQuery] Re: Autocomplete plugin
Hi Dan,
I am going to owe you some serious beer here pretty soon.
$(#suggest2).result(function(event, data, formatted) {
$(this).find(..+/input).val(data[1]);
});
I believe the code above translates to my onFindValue. This means the above
code is run when a value is selected via the autoselect control. This means
that the above code should update your hidden field when the user using the
autocomplete control to fill in a value.
That's what I thought, but I can't get it to do anything. If suggest2
is the text field lookup and suggest2_pk is the hidden field, how is
that function going to update the hidden field, when there is no
reference to it?
I tried assigning the hidden field value in the code above, like the
following.
$(#suggest2+pk).value = $(this).find(..+/input).val(data[1]);
I may just go back to using yours, which works fine.
Thanks,
Jeff
[jQuery] Re: What does this do - transport.setRequestHeader(connection, close)
Boy I feel like a dummy, but I can't even find that line in my jQuery script. I am testing with jQuery 1.1.2 unpacked. Is that what we are talking about? I might be having a similar problem and want to test against that by commenting this out as well, but it helps if you can find it first. doh.. // transport.setRequestHeader(connection, close); Which seems to have solved this issue. But I want to make sure this doesn't screw up anything else?? Also - how can I re-compress my source with this modification included? Thanks, Jim
[jQuery] Re: Autocomplete plugin
Yeah, thats what I did. Didn't work. Hmmm.
On Apr 18, 11:40 am, Dan G. Switzer, II [EMAIL PROTECTED]
wrote:
Jeff,
What did you do to fix this issue?
$(#addunit_lookup).autocomplete(
qryUnitLookup.cfm,
{
I used the fully qualified URL. So instead of:
qryUnitLookup.cfm
I use:
https://www.domain.com/directory/qryUnitLookup.cfm
-Dan
[jQuery] Re: Autocomplete plugin
My bad. You were right about 1) The culprit was the indicator.gif
file. I had moved the css file to a different folder and it broke the
reference.
Things are working now. Thanks.
Jeff
On Apr 18, 12:36 pm, Dan G. Switzer, II [EMAIL PROTECTED]
wrote:
Jeff,
Yeah, thats what I did. Didn't work. Hmmm.
The jQuery v1.1.2 and my Autocomplete mod work fine for me in an SSL
environment. However, a couple of thoughts:
1) Check your .ac_loading{} CSS declaration. Perhaps it's the loading of the
image that's causing the behavior.
2) If you're displaying images when rendering the drop down items (or using
other external files) it can cause the same behavior.
-Dan
[jQuery] Re: What does this do - transport.setRequestHeader(connection, close)
Yeah, I found that. I was looking for 'transport' instead of 'xml'. I believe I will leave it alone as I don't think it is causing me problems. Thanks all. On Apr 18, 1:37 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Dan G. Switzer, II schrieb: Jeff, Boy I feel like a dummy, but I can't even find that line in my jQuery script. I am testing with jQuery 1.1.2 unpacked. Is that what we are talking about? I might be having a similar problem and want to test against that by commenting this out as well, but it helps if you can find it first. doh.. Try searching for the word connection. I think it only appears a few times. The line is where base AJAX code is. In the (almost) latest revision at line ~ 4907: if ( xml.overrideMimeType ) xml.setRequestHeader(Connection, close); I'm still not sure when that is really necessary to set. Could someone summarize the conclusion from this thread? -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: Release: autocomplete 1.0 alpha
I like the second option, or Dan's method as described in a later post, where you allow the developer to pass an expression which determines whether the row should be displayed or not. I have hacked together a demo for our users using Dan's autocomplete script, which populates a select menu and uses your third option (disallowing the already selected option to be selected again), and while it works great, the users all commented they would rather not see the option displayed once again, once it has been selected. Jeff On Apr 18, 1:28 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Jeff Fleitz schrieb: One thing that I think would be useful to add (I pinged Dan about this the other day), is an option to restrict the multiple option to distinct values, so that duplicate selections are prevented. That is an interesting point. I see three ways to handle this: - Let the user enter whatever he wants, using the autocomplete only as a helper. - Remove anything that was already entered from the proposed elements - Disallow/remove a selected value if it was already entered What would be the better solution? -- Jörn Zaefferer http://bassistance.de
