[jQuery] $('#tab1 tr:gt(0)td').filter(':nth-child(2n+1)') select also 1st td in row - aargghh
Hi guys
this drives me crazy.
why does this also select the first td in each a row?
$('#tab1 tr:gt(0)td').filter(':nth-child(2n+1)')
Please give me a hint :-)
Thanks a lot
Gerald
[jQuery] Does a plugin like this excist allready
Hi I am looking for a plugin with same functionality as http://www.bbc.co.uk/ notice the + - and when clicked it expands or contracts one. Before we start on this, is such a plugin or code allready avaiable that I missed thanks Armand
[jQuery] Re: Apply class to range of child elements
It's possible. Here's a more traditional way:
$('a').each(function(i,link){
if(i10){$(link).addClass('first');}
else if (i9 i20){$(link).addClass('second');}
else if (i19i30){$(link).addClass('third');}
else if (i29i40){$(link).addClass('fourth');}
})
Here's a more 'jQuery' way:
$('a:lt(10)').addClass('first');
$('a:gt(9):lt(10)').addClass('second');
$('a:gt(19):lt(10)').addClass('third');
$('a:gt(29):lt(10)').addClass('fourth');
Which is better? The first takes a little over half as long as the
second.
On Feb 25, 10:45 pm, Nic Hubbard nnhubb...@gmail.com wrote:
I have a list of links, around 40 of them. I want to apply classes to
groups of them. So, items 1-10 I want to apply a class to, then
11-20, then 21-30 and 31-40, each of these groups should have their
own class.
Is something like this possible? I looked through the jQuery
selectors and could not find a solution.
[jQuery] Re: Does a plugin like this excist allready
Just use $('#id').show(speed); and $('#id').hide(speed);
See: http://docs.jquery.com/Effects/show#speedcallback
[jQuery] Re: Does a plugin like this excist allready
cameron moll did a series on this last year http://cameronmoll.com/archives/2008/02/extensible_css_interface_the_foundation/ 2009/2/26 Armand Datema nok...@gmail.com Hi I am looking for a plugin with same functionality as http://www.bbc.co.uk/ notice the + - and when clicked it expands or contracts one. Before we start on this, is such a plugin or code allready avaiable that I missed thanks Armand -- strikingconcepts www.strikingconcepts.nl webdesign 06 450 860 83 amsterdam - groningen
[jQuery] Re: Apply class to range of child elements
And just as an exercise, here's the 'jQuery' way chained:
$('a').filter(':lt(10)').addClass('first').end().filter(':gt(9):lt
(10)').addClass('second').end().filter(':gt(19):lt(10)').addClass
('third').end().filter(':gt(29)').addClass('fourth');
Not really any speed gain though.
On Feb 26, 1:21 am, mkmanning michaell...@gmail.com wrote:
It's possible. Here's a more traditional way:
$('a').each(function(i,link){
if(i10){$(link).addClass('first');}
else if (i9 i20){$(link).addClass('second');}
else if (i19i30){$(link).addClass('third');}
else if (i29i40){$(link).addClass('fourth');}
})
Here's a more 'jQuery' way:
$('a:lt(10)').addClass('first');
$('a:gt(9):lt(10)').addClass('second');
$('a:gt(19):lt(10)').addClass('third');
$('a:gt(29):lt(10)').addClass('fourth');
Which is better? The first takes a little over half as long as the
second.
On Feb 25, 10:45 pm, Nic Hubbard nnhubb...@gmail.com wrote:
I have a list of links, around 40 of them. I want to apply classes to
groups of them. So, items 1-10 I want to apply a class to, then
11-20, then 21-30 and 31-40, each of these groups should have their
own class.
Is something like this possible? I looked through the jQuery
selectors and could not find a solution.
[jQuery] SlideUp/SlideDown Causing Alignment Issues.
Hello Guys, Take a look at the following example: http://www.coldbeans.co.uk/expanding_table.html Any ideas why the nested table alignment all goes tits-up when the JS gets involved? Cheers, Robert
[jQuery] Re: SlideUp/SlideDown Causing Alignment Issues.
The effects functions apply a style of display:block to the table. Try wrapping the table in a div and slide the div . On Feb 26, 1:36 am, Sir Rawlins robert.rawl...@thinkbluemedia.co.uk wrote: Hello Guys, Take a look at the following example:http://www.coldbeans.co.uk/expanding_table.html Any ideas why the nested table alignment all goes tits-up when the JS gets involved? Cheers, Robert
[jQuery] Re: Question on JQuery Licensing Issue
On Mon, Feb 23, 2009 at 3:48 AM, Viki gy...@hotmail.com wrote: This is Vicky from China. I came across to know JQuery last year and felt very interested in this masterpiece. My brother once adopted some features or plug-in of JQuery during his graduation thesis of designing a web application. He found it's very practical also. Now I have some questions which need your kind clarification. 1. May I know the licence for the plug-in called table sorter? JQuery is in dual licence(GPL and MIT), but I'm not sure whether this specific plug-in is in both? MIT? or GPL? Pls advise. See http://tablesorter.com/docs/#main Licence: Dual licensed under MIT or GPL licenses. 2. If my bother want to adopt some functions (plugs-in) to design some other web site and turn for commercial use (like design home page for small company), could you pls clarify how to claim the use of Jquery? Should we enclose a claim in his source code or having the same licensing info in his about page? Is there any other issue we should notice? It would be appreciated if you could offer some example or template that we need to folllow. Thanks a lot in advance. :) The MIT license does not have an advertising clause. Meaning you don't *have* to post any notice such as in the about page (altough you could). Here's a relevant bit from the license: http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt Copyright (c) 2009 John Resig, http://jquery.com/ ... The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. ... That's really the only requirement. The first few lines of jquery.js, which contain the copyright notice, and the fact that it's MIT licensed http://dev.jquery.com/browser/trunk/jquery/src/intro.js * jQuery JavaScript Library v...@version * http://jquery.com/ * * Copyright (c) 2009 John Resig * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License don't remove those. - Richard
[jQuery] Re: Cancelling the behaviour of a link-initiated function
I found a solution (thanks to Steven Bristol -
http://codesnippets.joyent.com/posts/show/1345 - )...
which namespaced the click event.
Then, but detailing the id of the a tag you want to cancel, you can
unbind the behaviour from that link (id) and that link only.
$(document).ready(function() {
$('a.txtload').bind(click.txtload,function() {
var target = $(this).attr('id');
fnGetEbookFile(target);
$('#'+target).unbind('click.txtload');
});
});
Cheers,
Bruce
At 03:39 p.m. 26/02/2009, you wrote:
Hi folks,
I'm after some help/ideas of how to link a couple of things together.
I have a page which holds several pieces of text that are hidden on
pageload. These are toggled into and out of view via a function
tied to an a.showme class combo.
I also have functionality to load content into the page via an ajax
call after page load. I bind an a.txtload combo to a function that
loads the content.
In some instances I have both classes ('showme' and 'txtload') on
the same link - I want to load material in on a link click and then
reveal that material.
Thus far fine.
My problem is that when I click the a tag to toggle the newly
inserted text out of view, I also initiate another AJAX call.
How can I set things up that once material is loaded via ajax, it
won't be loaded again when the link is clicked?
I tried adding $(this).removeClass('txtload'); before the call to
fnGetEbookFile (line 2 of the code below) to remove the txtload
from the specific link that has been clicked, but despite Firebug
showing that the class has been removed, its behaviour on that link continues.
Thanks,
Bruce
$(document).ready(function() {
$('a.txtload').bind(click,function()
{fnGetEbookFile($(this).attr('id'));});
$('#main').find('.hideme').fadeOut().end();
$('a.showme').each(function(i) {
var $match =
$('.hideme').eq(i);
$(this).toggle(function() {
$match.fadeIn('slow');
}, function () {
$match.fadeOut('slow');
}
);
});
});
function fnGetEbookFile(ni){
$.ajax({
url: 'textfiles/'+ni+'.txt',
type: 'GET',
cache: false,
dataType: 'html',
timeout: 5000,
success: function(responsetxt){
$('#'+ni).html('');
$('#'+ni).append(responsetxt);
}
});
}
[jQuery] Re: SlideUp/SlideDown Causing Alignment Issues.
mkmanning:
You were spot on! I've updated the code in the link above making the
div slidable and it works lovely :-) Thank you!
o.k. see if you can help me a little further. I'm looking to identify
all the parent rows which are not expanded and fade them out using a
fadeTo('slow', 0.3) or something like that, the idea being that when
someone expands a particular row all the other fade into the
background giving focus to the selects row. Is there any way for me to
detect the links current toggle state? or will I have to perhaps build
my own list of id's which are 'expanded' and 'not expanded'?
Thanks for your help,
Robert
On Feb 26, 9:42 am, mkmanning michaell...@gmail.com wrote:
The effects functions apply a style of display:block to the table. Try
wrapping the table in a div and slide the div .
On Feb 26, 1:36 am, Sir Rawlins robert.rawl...@thinkbluemedia.co.uk
wrote:
Hello Guys,
Take a look at the following
example:http://www.coldbeans.co.uk/expanding_table.html
Any ideas why the nested table alignment all goes tits-up when the JS
gets involved?
Cheers,
Robert
[jQuery] Get all inputs but not a specfic one?
Hi,
is there a way to do this:
$(input:checkbox- but not this one id = #notwanted - ).click
(function(){ .
Thanks a bunch!
[jQuery] Re: Get all inputs but not a specfic one?
$('input:checkbox:not(#notwanted)')
On Feb 26, 2:39 am, heohni heidi.anselstet...@consultingteam.de
wrote:
Hi,
is there a way to do this:
$(input:checkbox - but not this one id = #notwanted - ).click
(function(){ .
Thanks a bunch!
[jQuery] Re: MultiFile plugin not overwriting default options
bump
has anyone seen this problem?
Cheers,
Dave
On Feb 25, 3:26 pm, phipps_73 phipp...@googlemail.com wrote:
Hi,
I was previously using version 1.29 of the MultiFile plugin and it was
working. Then I upgrade to jquery-1.3.1 and since then the MultiFile
plugin seems to fail to apply any options. I have upgraded to the
latest version of the MultiFile plugin and it still is not working.
I have the following call in my document.ready:
$('#frmEmailFrm input:file').MultiFile({max: 5,namePattern:'$name_
$i',STRING:{remove:'Remove'}});
It allows me to add more than 5 files, the namePattern stays as just
$name and the remove string stays as 'x'.
My input file has a name of 'attfile_' and so as each file is added it
should become:
attfile_
attfile_1
attfile_2
attfile_3
attfile_4
Is there something I have done wrong?
Cheers,
Dave
[jQuery] Re: Change image attribute based on variable
Thank you very much.
It took me another hour but I managed to debug the code and get it all
working, thanks again.
On Feb 25, 7:38 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi,
instead of doing a complicate string handling you could simply use
window.location.hash:
$finalurl = window.location.hash;
For debugging I would do it step by step and not all in one line:
var el = $($finalurl+ :first);
var src = el.attr(src);
var src_split = src.split(.);
var new_src = src_split.join(_on.);
el.attr(src, new_src);
This way you can use firebug to step through your code and see which
statement produces the error.
by(e)
Stephan
2009/2/25 digital michael.digital.b...@googlemail.com:
Hi, pulling my hair out here.
When the page loads I'm collecting a variable from the url which
corresponds to the class of an image. I want to then change the image
source. I'm doing this because the page doesn't reload and the menu
needs to respond to the content if you get my meaning.
$url = location.href;
$hashtag = $url.search(/#/)
$url2 = $url.split(#, $hashtag);
$finalurl = $url2[1];
This is the code I use to get the class name. When I try to add
$finalurl to the attr (see below) it throws an error (undefined,
console.log shows it is defined within the if statement).
$($finalurl).attr(src, $($finalurl).attr(src).split(.).join
(_on.));
Full code:
$url = location.href;
$hashtag = $url.search(/#/)
$url2 = $url.split(#, $hashtag);
$finalurl = $url2[1];
counttemp = 0;
if (counttemp == 0) {
console.log($finalurl);
$($finalurl).attr(src, $($finalurl).attr(src).split(.).join
(_on.));
counttemp = countemp + 1;
}
Any help would be greatly appreciated.
[jQuery] Re: Change image attribute based on variable
Thanks, I ended up playing around with the url before I passed it into
the function, didn't realise I could do it like that.
On Feb 25, 7:49 pm, brian bally.z...@gmail.com wrote:
Also, $($finalurl) likely won't select anything because you're only
passing the classname. It needs to be in the form '.classname'
(prepended by a dot). Try $('.'+$finalurl)
On Wed, Feb 25, 2009 at 2:38 PM, Stephan Veigl stephan.ve...@gmail.com
wrote:
Hi,
instead of doing a complicate string handling you could simply use
window.location.hash:
$finalurl = window.location.hash;
For debugging I would do it step by step and not all in one line:
var el = $($finalurl+ :first);
var src = el.attr(src);
var src_split = src.split(.);
var new_src = src_split.join(_on.);
el.attr(src, new_src);
This way you can use firebug to step through your code and see which
statement produces the error.
by(e)
Stephan
2009/2/25 digital michael.digital.b...@googlemail.com:
Hi, pulling my hair out here.
When the page loads I'm collecting a variable from the url which
corresponds to the class of an image. I want to then change the image
source. I'm doing this because the page doesn't reload and the menu
needs to respond to the content if you get my meaning.
$url = location.href;
$hashtag = $url.search(/#/)
$url2 = $url.split(#, $hashtag);
$finalurl = $url2[1];
This is the code I use to get the class name. When I try to add
$finalurl to the attr (see below) it throws an error (undefined,
console.log shows it is defined within the if statement).
$($finalurl).attr(src, $($finalurl).attr(src).split(.).join
(_on.));
Full code:
$url = location.href;
$hashtag = $url.search(/#/)
$url2 = $url.split(#, $hashtag);
$finalurl = $url2[1];
counttemp = 0;
if (counttemp == 0) {
console.log($finalurl);
$($finalurl).attr(src, $($finalurl).attr(src).split(.).join
(_on.));
counttemp = countemp + 1;
}
Any help would be greatly appreciated.
[jQuery] Re: SlideUp/SlideDown Causing Alignment Issues.
Ok, I've taken a stab at the next concept, I think I'm along the right
track, During the toggle function I'm trying to pull all .clickable
elements which dont have ID of the one just click, I can then fade
thier parent().parent() to do the job.
I think this will work, however, I cant get my filter expression to
work properly. Do you think I'm going in the right direction?
Thanks,
Robert
On Feb 26, 10:27 am, Sir Rawlins robert.rawl...@thinkbluemedia.co.uk
wrote:
mkmanning:
You were spot on! I've updated the code in the link above making the
div slidable and it works lovely :-) Thank you!
o.k. see if you can help me a little further. I'm looking to identify
all the parent rows which are not expanded and fade them out using a
fadeTo('slow', 0.3) or something like that, the idea being that when
someone expands a particular row all the other fade into the
background giving focus to the selects row. Is there any way for me to
detect the links current toggle state? or will I have to perhaps build
my own list of id's which are 'expanded' and 'not expanded'?
Thanks for your help,
Robert
On Feb 26, 9:42 am, mkmanning michaell...@gmail.com wrote:
The effects functions apply a style of display:block to the table. Try
wrapping the table in a div and slide the div .
On Feb 26, 1:36 am, Sir Rawlins robert.rawl...@thinkbluemedia.co.uk
wrote:
Hello Guys,
Take a look at the following
example:http://www.coldbeans.co.uk/expanding_table.html
Any ideas why the nested table alignment all goes tits-up when the JS
gets involved?
Cheers,
Robert
[jQuery] Re: Get all inputs but not a specfic one?
Thanks!!!
On 26 Feb., 12:07, mkmanning michaell...@gmail.com wrote:
$('input:checkbox:not(#notwanted)')
On Feb 26, 2:39 am, heohni heidi.anselstet...@consultingteam.de
wrote:
Hi,
is there a way to do this:
$(input:checkbox - but not this one id = #notwanted - ).click
(function(){ .
Thanks a bunch!
[jQuery] Slideshow
I’m looking for someone to do a little work for me and I wondered if one of you might be able to help. What I am essentially trying to achieve is a sliding thumbnail viewer with lightbox effects ultimately for use within Joomla 1.5. Essentially what I want to combine is the lightbox enlargement technique from here (http://www.huddletogether.com/projects/lightbox2/ #example) with the thumbnail (only) sliding effect from here (http:// sorgalla.com/jcarousel/ or http://smoothgallery.jondesign.net/showcase/timed-gallery/ click on pictures to see the thumbnails). I have a variety of images of different proportions and sizes (portrait/landscape) that I wish to show across the top of the page without taking up too much real estate (see attached jpg). I would need the 'module' to be as automatic as possible and be as customizable as possible, for example I would need: �X Point the module to a folder of images and it automatically create thumbnails + optionally be able to then manually label these images with a short title and description. �X The slideshow would need to be able to be modified in width and height (for example I may wish it to be used at 800w x 100h or perhaps 400w x 75h depending on where within the site it is needed to appear) �X The background color of the slideshow should be able to be specified. �X Thumbnails added into the slideshow should retain their proportions regardless of whether they are portrait or landscape �X A maximum/minimum size should be specified for the thumbnails (or perhaps this could be set using margin/padding for the thumbnails where it ‘knows’ the maximum height of the slideshow has been set to 100px for example and then adds 10px padding to all sides of the thumbnail effectively forcing the thumbnail to be 80px in height) �X Visually, I would need the slideshow to scroll automatically with adjustable delays and to have forward/backward arrows showing and for all the images being faded apart from the central image as it automatically scrolls through them all. If the slideshow is wider than the example I attached you would obviously then see more images to the left and the right. I wouldn’t need any title/description to appear at this stage. �X When a user clicks one of the thumbnails it then enlarges using the lightbox effect and shows title/description if one has been set. It would ALSO need to have forward/backward/close buttons showing here to allow the user to continue viewing the contents of the entire gallery from here without having to go back to the slideshow. I like the way on some lightbox effects I have seen that the image enlarges to a central position on the page and then adjusts its height and width to suit the specific image it is currently showing. This gives a very good example of this aspect of the gallery (http:// www.huddletogether.com/projects/lightbox2/#example). There are many other features that I would like to include to allow more flexibility, but let me know what you think of this and how easy it would be to create and a rough idea of costs. This could be added into a Joomla site as a module or perhaps added as a separate component with a call to a specific gallery made on the page that is loaded. Let me know your thoughts.
[jQuery] Submenu on Tab
Hello,
I have a series of tabs on my page that I'd like to have dynamic
content inside. Throughout the course of reading over multiple issues,
I've discovered that what I'd like to do most likely can be done; but
I may be taking the wrong approach. First, a copy of my script block:
script type=text/javascript
$(function() {
$(#tabs).tabs({
fx: { opacity: 'toggle' }
});
$('#link a').unbind().click(function(){
$('.link').ajaxContent({
target:'#content'
});
return false;
});
});
/script
My goal here is to have tabs that transition neatly (done, working),
and to include a small sub-menu on the final page for the purpose of
creating a sub-menu. The tab is actually going to be an 'Admin' page,
which has a 'menu bar' (unordered list) of links to 'pages' I would
like to load into a DIV configured to appear to the right of the menu.
the tabs code appears to work correctly:
div id=tabs
ul
lia
href=../igoogle/source/index_b.htmlDashboard/a/li
lia href=#tabs-2Vendor
Dashboard/a/li
lia
href=#tabs-3Statistics/a/li
lia href=admin.phpAdmin/a/li
ul
etc.
and successfully loads the 'admin.php' page content correctly. both
DIVs (menu,content) appear correctly side-by-side within the tab as
desired. The problem is, however, that when I click on any of the
links, instead of loading into the specified DIV (content), I'm
redirected to a new page entirely (in other words, the link is
functioning as a standard hyperlink; the 'click' that was supposed to
have triggered the jquery to load and display the page information
does not appear to catch). the code on the admin page (in its
entirety) is as follows:
?php include_once(./inc/function.php); ?
div id=menu?php getMenu('UL','ADMIN','links'); ?/div
div id=content
/div
? ?
Please note, the PHP function does work, it returns:
div id=menu
ul id=links
lia href=addcust.phpAdd Customer/a/li
lia href=addrept.phpAdd Report/a/li
lia href=addwhse.phpAdd Warehouse/a/li
lia href=useraccts.phpUser Accounts/a/li
lia href=useraccts.php?action=addAdd User/a/li
lia href=useraccts.php?action=updateModify User/a/li
lia href=useraccts.php?action=deleteDelete user/a/li
lia href=addvendorcust.phpAdd Vendor Customer/a/li
/ul
/div
div id=content
/div
My question is: How can I use JQuery within the tab to 'catch' the
link and load it within the 'content' div instead?
As it's likely very obvious by now, I'm trying to stay Web 2.0 on this
one; and I didn't want to resort to iframes. Internet Explorer (6) is
a must on this one, though. Any suggestions?
On a very quick second note: Can anyone reccomend a good IDE with code
assist that is confirmed to work with JQuery?
Thanks in any event for your time and consideration.
[jQuery] Datepicker
Hi all, I am using the jquery datepicker with the 'buttonImage'. What I am trying to do is just when the mouse is over the image, to change it to a hand rather than a pointer. Any ideas anyone? Thanks in advanced!
[jQuery] jQuery 1.3.2 Not working at all
Hello All, I've just updated my jQuery to the latest and now I'm getting this error in firebug. [Exception... 'Syntax error, unrecognized expression: [...@rel^=collapse-]' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] Anyone know what it happening with this? Thanks for your help.
[jQuery] HELP: a = $('pfoo/ppbar/p'); a.after('bxyz/b') not adding element
Hello, has anybody managed to prepend and append elements to a set of dom elements previously created on the fly with the $(html) function? I've tried with append, prepend, after, before, etc without any luck... Is there a way to do it? Stephen
[jQuery] jQuery(this + child) ?
Is there a way to do what I describe in topic?
For example.
jQuery(.class).click(function()
{
jQuery(this + a).toggleClass(highlighted);
});
This doesnt work. What im trying to do is to select all the a
elements within this. Is it possible to achive that somehow?
[jQuery] facing problem in datepicker
Hi, i am tring to build datepicker by using the jquery but i am facing a problem like $(.date-pick).datePicker is not a function wven i inlcude all the plugings and javascript files and also css. please help me thanks
[jQuery] Re: Datepicker
simply apply some CSS to it
span.datepicker_wrap img {
cursor: pointer;
}
On Feb 26, 1:24 am, Leroy leroy@gmail.com wrote:
Hi all,
I am using the jquery datepicker with the 'buttonImage'. What I am
trying to do is just when the mouse is over the image, to change it to
a hand rather than a pointer. Any ideas anyone? Thanks in advanced!
[jQuery] Re: jQuery 1.3.2 Not working at all
Just as the error says, it isn't recognizing @ before the attribute name as this has, and well documented about being so, removed from the jQuery library so $(d...@name='foo']) needs to be $(div[name='foo']) On Feb 26, 7:12 am, Nalum mallon.l...@gmail.com wrote: Hello All, I've just updated my jQuery to the latest and now I'm getting this error in firebug. [Exception... 'Syntax error, unrecognized expression: [...@rel^=collapse-]' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] Anyone know what it happening with this? Thanks for your help.
[jQuery] Re: facing problem in datepicker
if you are speaking of the UI Datepicker plugin it's $(object).datepicker() *not* $(object).datePicker() JavaScript = case sensitive On Feb 26, 7:08 am, priya priyankatiwari@gmail.com wrote: Hi, i am tring to build datepicker by using the jquery but i am facing a problem like $(.date-pick).datePicker is not a function wven i inlcude all the plugings and javascript files and also css. please help me thanks
[jQuery] [treeview] More than three levels?
Hello! Can be used more than three levels? I'm using 4 levels, but treeview only show links to expand/colapse nodes/uls in the first two levels. A sample code is: script type=text/javascript $(#browser).treeview(); /script ul id=browser class=filetree lispan class=folderFolder 1/span ul lispan class=folderFolder 1.1/span ul id=folder21 lispan class=folderFolder 1.1.1/span/li ul lispan class=fileFile 1/span/li /ul /ul /li /ul /li /ul I see the nodes, but I can't colapse/hide the nodes. Is this normal? the plugin can't handle more than three levels? Thank you very much for your help, and greetings, eemece2
[jQuery] Re: Hide/Show when Check Box is selected
Hey!
Is there any simple way to rewrite that so it works on ID:s instead on
class?
I have several checkboxes/hidden divs, but I only want to unhide
the div that belongs to the clicked checkbox.
Best regards.
On Feb 18, 5:10 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi Miguel,
you can use the click trigger of the checkbox:
form
show secret: input id=checkbox type=checkbox/
div id=div
secret field: input type=text /
/div
/from
$(#div).hide();
$(#checkbox).click(function(){
if ( this.checked ) {
$(#div).show();
} else {
$(#div).hide();
}
})
by(e)
Stephan
2009/2/18 shapper mdmo...@gmail.com:
Hello,
On a form how can I Show a fieldset when a checkbox is Selected and
Hide the same fieldset when the same checkbox is unselected?
Thanks,
Miguel
[jQuery] Re: Var from Ajax success not defined?
alert(typeof(how_many)); is string alert(how_many==undefined); is false This may help: http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_get_and_use_the_server_response_from_an_AJAX_request.3F
[jQuery] Re: MultiFile plugin not overwriting default options
I just reproduce your code here and works like a charm.
On Thu, Feb 26, 2009 at 08:22, phipps73 phipp...@googlemail.com wrote:
bump
has anyone seen this problem?
Cheers,
Dave
On Feb 25, 3:26 pm, phipps_73 phipp...@googlemail.com wrote:
Hi,
I was previously using version 1.29 of the MultiFile plugin and it was
working. Then I upgrade to jquery-1.3.1 and since then the MultiFile
plugin seems to fail to apply any options. I have upgraded to the
latest version of the MultiFile plugin and it still is not working.
I have the following call in my document.ready:
$('#frmEmailFrm input:file').MultiFile({max: 5,namePattern:'$name_
$i',STRING:{remove:'Remove'}});
It allows me to add more than 5 files, the namePattern stays as just
$name and the remove string stays as 'x'.
My input file has a name of 'attfile_' and so as each file is added it
should become:
attfile_
attfile_1
attfile_2
attfile_3
attfile_4
Is there something I have done wrong?
Cheers,
Dave
[jQuery] Re: Compatibility Mode of jquery library
Yes, I read this already. However, my problem is that the jquery I have to change is compressed, i.e. you cannot read the code and you don't see the '$' characters. Therefore my question if there is another solution. Thanx. On 25 Feb., 22:24, James james.gp@gmail.com wrote: http://docs.jquery.com/Core/jQuery.noConflict On Feb 25, 4:53 am, hinkel11 nemesis1...@gmx.net wrote: On my website I want to use a module that uses the Java-Framework jquery, together with a plugin that uses the framework mootools. However I didn't got them to work. It seems to be due to a conflict between namespace and equal functions in the js-files. On several pages I read about using thecompatibilitymodeof jquery to resolve the problem. Unfortunately is the jquery. js of my module compressed so that I can't see the '$' characters that are to be replaced. Can I use thecompatibilitymodeanyway, is it possible to convert the mootools libraries into jquery libraries or is there another solution? Thanks in advance.
[jQuery] Re: UI-sortble lists
Are you looking to select them programmatically or with the mouse? You may
want to have a look at jQuery UI Selectable for the latter:
Demos
http://jqueryui.com/demos/selectable/
Docs
http://docs.jquery.com/UI/Selectable
though I'm not sure if anyone's tried to use this in concert with the
sortable plugin (though it would be really rockin).
Note: if you have any further questions about jQuery UI plugins[*], there's
a dedicated list for those:
http://groups.google.com/group/jquery-ui/about
- Richard
[*] http://rdworth.org/blog/2008/10/jquery-plugins-and-jquery-ui/
On Tue, Feb 24, 2009 at 3:02 PM, develo...@suomedia.com wrote:
I have two sortable lists connected to each other using:
$(#listOne).sortable({
connectWith: [#listTwo]
});
$(#listTwo).sortable({
connectWith: [#listOne]
});
What I am looking for is a way to select ALL items in the first list and
magically move them all into the second list. Essentially a select all
function.
Can anybody help me?
Sonia
[jQuery] finding eq index of clicked element
Hi,
I'm trying to find the index of a click element
this doesn't work (specifically the eq part, rest is fine)
this.children(a).click(function() {
var eq = $(this).eq();
console.log(eq);
$(this).parents(.thumbnails).children(.current).animate({left:
+eq*currentSlide+px},opts.fadeOut);
return false;
});
how would I find the index, as this is returning nothing.
- Liam
[jQuery] Re: Compatibility Mode of jquery library
noConflict has absolutely nothing to do with compressed or being able to see the library references $ internally regardless if it's namespaced $, jQuery, or $foo on the outside the feature does definitely work to get jQuery working alongside with mootools, it's your implementation of it's usage that't the issue, not the jQuery library On Feb 26, 7:48 am, hinkel11 nemesis1...@gmx.net wrote: Yes, I read this already. However, my problem is that the jquery I have to change is compressed, i.e. you cannot read the code and you don't see the '$' characters. Therefore my question if there is another solution. Thanx. On 25 Feb., 22:24, James james.gp@gmail.com wrote: http://docs.jquery.com/Core/jQuery.noConflict On Feb 25, 4:53 am, hinkel11 nemesis1...@gmx.net wrote: On my website I want to use a module that uses the Java-Framework jquery, together with a plugin that uses the framework mootools. However I didn't got them to work. It seems to be due to a conflict between namespace and equal functions in the js-files. On several pages I read about using thecompatibilitymodeof jquery to resolve the problem. Unfortunately is the jquery. js of my module compressed so that I can't see the '$' characters that are to be replaced. Can I use thecompatibilitymodeanyway, is it possible to convert the mootools libraries into jquery libraries or is there another solution? Thanks in advance.
[jQuery] Re: Var from Ajax success not defined?
great! Thanks a lot! On 26 Feb., 13:40, Mike Alsup mal...@gmail.com wrote: alert(typeof(how_many)); is string alert(how_many==undefined); is false This may help: http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_get_and_us...
[jQuery] Re: Sortable: zIndex conectWith IE7 - Sortable stays behind seond sortable li's in IE7(possibly others)
As it relates to jQuery UI, we'd love to help you with this question over here: http://groups.google.com/group/jquery-ui Thanks. - Richard On Wed, Feb 25, 2009 at 3:25 PM, BigAB adamlbarr...@gmail.com wrote: Hi there. I did a search for zIndex IE7 but didn't seem to find this issue in particular. Example: http://jsbin.com/ilira When a li is dragged from ul.options to ul.rank the li goes behind the rank lis in IE7 (and possibly other IE's I never checked). Why? How can I fix this?
[jQuery] Re: finding eq index of clicked element
:eq is a selector, not a property (certainly a BIG difference)
i'm not sure how you expected anything but nothing from
var eq = $(this).eq();
do your links have IDs on them?if they did then:
this.children(a).click(function() {
var idx = -1;
var LinkId = $(this).id;
$(this).parent().children(a).each(function(i) {
if ($(this).id == LinkId) {
idx = i;
break;
}
});
// idx = -1: didn't find... otherwise it's the 0 based index of
the link clicked
});
(i'm sure it's easier using siblings rather than going up to parent
and down to children a tags, but i'm running late this morning and
don't have time to research that... also not sure if a is a
valid selector, but you should )
On Feb 26, 7:56 am, Liam Potter radioactiv...@gmail.com wrote:
Hi,
I'm trying to find the index of a click element
this doesn't work (specifically the eq part, rest is fine)
this.children(a).click(function() {
var eq = $(this).eq();
console.log(eq);
$(this).parents(.thumbnails).children(.current).animate({left:
+eq*currentSlide+px},opts.fadeOut);
return false;
});
how would I find the index, as this is returning nothing.
- Liam
[jQuery] Re: Hide/Show when Check Box is selected
Hi
the example is working on IDs (see the # in the selector).
If you send a HTML snippet of your page, maybe I better understand
what you mean.
by(e)
Stephan
2009/2/26 nubcake unniw...@gmail.com:
Hey!
Is there any simple way to rewrite that so it works on ID:s instead on
class?
I have several checkboxes/hidden divs, but I only want to unhide
the div that belongs to the clicked checkbox.
Best regards.
On Feb 18, 5:10 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi Miguel,
you can use the click trigger of the checkbox:
form
show secret: input id=checkbox type=checkbox/
div id=div
secret field: input type=text /
/div
/from
$(#div).hide();
$(#checkbox).click(function(){
if ( this.checked ) {
$(#div).show();
} else {
$(#div).hide();
}
})
by(e)
Stephan
2009/2/18 shapper mdmo...@gmail.com:
Hello,
On a form how can I Show a fieldset when a checkbox is Selected and
Hide the same fieldset when the same checkbox is unselected?
Thanks,
Miguel
[jQuery] Issue with .text() and line breaks
Im building a form parser(plugin) that will build a json object to a specific
design. One problem I am having involves how I render some html and
subsequently read that html. I am new to jQuery so please forgive me if I
am missing something simple.
Consider the following snippet
lt;spangt;some textlt;/spangt;
jQuery('span').text() yields 'some text' which is what I expect.
now consider this html snippet
lt;spangt;some text
lt;/spangt;
jQuery('span').text() yields 'some text\n' which is the source of my
problems with the json2 parser.
My question is:
Is there another (best practice) way to get the text from the span (or other
tags) without the source line breaks?
--
View this message in context:
http://www.nabble.com/Issue-with-.text%28%29-and-line-breaks-tp3771s27240p3771.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: finding eq index of clicked element
I wanted to avoid putting id's on them, also an id has to start with a
letter.
I've just done this, and it works charmingly
var eq = $(this).parent().children(a).index(this);
MorningZ wrote:
:eq is a selector, not a property (certainly a BIG difference)
i'm not sure how you expected anything but nothing from
var eq = $(this).eq();
do your links have IDs on them?if they did then:
this.children(a).click(function() {
var idx = -1;
var LinkId = $(this).id;
$(this).parent().children(a).each(function(i) {
if ($(this).id == LinkId) {
idx = i;
break;
}
});
// idx = -1: didn't find... otherwise it's the 0 based index of
the link clicked
});
(i'm sure it's easier using siblings rather than going up to parent
and down to children a tags, but i'm running late this morning and
don't have time to research that... also not sure if a is a
valid selector, but you should )
On Feb 26, 7:56 am, Liam Potter radioactiv...@gmail.com wrote:
Hi,
I'm trying to find the index of a click element
this doesn't work (specifically the eq part, rest is fine)
this.children(a).click(function() {
var eq = $(this).eq();
console.log(eq);
$(this).parents(.thumbnails).children(.current).animate({left:
+eq*currentSlide+px},opts.fadeOut);
return false;
});
how would I find the index, as this is returning nothing.
- Liam
[jQuery] Re: Hide/Show when Check Box is selected
Hello again!
div class=container
h1GENERAL/h1
div class=left
input type=checkbox name=application[] value=101a
class=tooltip href=#App #1spanInfo/span/abr
div id=div101[SECRET FIELD FOR App #1]/div
input type=checkbox name=application[] value=100a
class=tooltip href=#App #2spanInfo/span/abr
div id=div100[SECRET FIELD FOR App #2]/div
.
/div
/div
I'd like to have it so when I click the checkbox for App #1 only the
secret field for App #1 becomes visable.
Thanks for your help!
Best regards
On Feb 26, 2:18 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi
the example is working on IDs (see the # in the selector).
If you send a HTML snippet of your page, maybe I better understand
what you mean.
by(e)
Stephan
2009/2/26 nubcake unniw...@gmail.com:
Hey!
Is there any simple way to rewrite that so it works on ID:s instead on
class?
I have several checkboxes/hidden divs, but I only want to unhide
the div that belongs to the clicked checkbox.
Best regards.
On Feb 18, 5:10 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi Miguel,
you can use the click trigger of the checkbox:
form
show secret: input id=checkbox type=checkbox/
div id=div
secret field: input type=text /
/div
/from
$(#div).hide();
$(#checkbox).click(function(){
if ( this.checked ) {
$(#div).show();
} else {
$(#div).hide();
}
})
by(e)
Stephan
2009/2/18 shapper mdmo...@gmail.com:
Hello,
On a form how can I Show a fieldset when a checkbox is Selected and
Hide the same fieldset when the same checkbox is unselected?
Thanks,
Miguel
[jQuery] Re: Hide/Show when Check Box is selected
Hi,
1. Hide all your divs. Maybe you could add a distinguishable class to
your hidden divs, this would make the selection more readable and
precise.
$(.left div).hide();
2. Add a click handler to all your checkboxes.
Get the ID from the value attribute and hide / show the according div.
$(.left :checkbox).click(function(){
var id = #div+this.value;
if ( this.checked )
$(id).show();
else
$(id).hide();
});
by(e)
Stephan
2009/2/26 nubcake unniw...@gmail.com:
Hello again!
div class=container
h1GENERAL/h1
div class=left
input type=checkbox name=application[] value=101a
class=tooltip href=#App #1spanInfo/span/abr
div id=div101[SECRET FIELD FOR App #1]/div
input type=checkbox name=application[] value=100a
class=tooltip href=#App #2spanInfo/span/abr
div id=div100[SECRET FIELD FOR App #2]/div
.
/div
/div
I'd like to have it so when I click the checkbox for App #1 only the
secret field for App #1 becomes visable.
Thanks for your help!
Best regards
On Feb 26, 2:18 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi
the example is working on IDs (see the # in the selector).
If you send a HTML snippet of your page, maybe I better understand
what you mean.
by(e)
Stephan
2009/2/26 nubcake unniw...@gmail.com:
Hey!
Is there any simple way to rewrite that so it works on ID:s instead on
class?
I have several checkboxes/hidden divs, but I only want to unhide
the div that belongs to the clicked checkbox.
Best regards.
On Feb 18, 5:10 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi Miguel,
you can use the click trigger of the checkbox:
form
show secret: input id=checkbox type=checkbox/
div id=div
secret field: input type=text /
/div
/from
$(#div).hide();
$(#checkbox).click(function(){
if ( this.checked ) {
$(#div).show();
} else {
$(#div).hide();
}
})
by(e)
Stephan
2009/2/18 shapper mdmo...@gmail.com:
Hello,
On a form how can I Show a fieldset when a checkbox is Selected and
Hide the same fieldset when the same checkbox is unselected?
Thanks,
Miguel
[jQuery] Re: Where can I get download files?
Well, I finally got things to work. I ended up removing everything I had and starting over. I also switched to the exploded version (not the 'min' version) but I don't know if that's the issue because I haven't tried the min since I got it to work. I figure if it's working, I don't want to mess with it until I fully understand it. Now though, the onclick for tab is not working. Back to the pit I go. On Feb 25, 3:22 pm, brian bally.z...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:16 PM, Richard D. Worth rdwo...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:06 PM, brian bally.z...@gmail.com wrote: In my use, at least, I'm not including UI components in all views. And, when I do, there may be just one widget or whatever out of several that I might use. I could create several personalized files--one for each use case--but then I can't rely on the core file being cached because it's bundled up with several different widgets. And I'd require a personalized bundle for every combination I might want in future. Better, I think, to just include what I need, as I need it. We're looking at a hybrid approach. Say if you select 3 plugins, it would include those 3 individual files, as well as a combined file that contain those 3 in 1. What do you think? Yeah, I'd like something like that. Don't get me wrong, though--I think the personalized bundles are a good idea for some situations. But, in my case, at least, I've only got a few places where I need UI stuff, and then only one thing or so at a time. I did consider creating bundles for each instance with a separate core file (so it'd be better cached) but ran into problems similar towebspeeder's. It seemed as if the bundle wasn't quite correct. And I'm pretty sure it was tabs also, as withwebspeeder.
[jQuery] Ajax reacts very slow...?
Hi,
I have this function build:
$.ajax({
type: POST,
url:
/ajax_add_selected_product_to_session.php?global_check,
success: function(msg){
/* add here what to do on success */
//alert(msg);
howmanyfromsession = msg;
if (howmanyfromsession == 1){
$(.amount).empty();
$(.amount).append(' (Derzeit ist ' +
howmanyfromsession + '
Produkt vorgemerkt)');
}else if(howmanyfromsession 1){
$(.amount).empty();
$(.amount).append(' (Derzeit sind ' +
howmanyfromsession + '
Produkte vorgemerkt)');
}else if(howmanyfromsession == 0){
$(.amount).empty();
}
if(howmanyonpage == 0 howmanyfromsession ==
0) {
//alert('None are checked on page');
$(.requestbutton).attr(disabled,
disabled);
}else if(howmanyonpage == 0
howmanyfromsession 0){
//alert('At least one is checked');
$(.requestbutton).removeAttr(disabled);
$(.requestbutton).click(function(){
$(#list).submit();
});
}
$(.requestbutton).click(function(){
if($(input[name^='paradigm']:checked).length 0) {
$(#list).submit();
}
});
}
The part with:
$(.amount).append(' (Derzeit ist ' + howmanyfromsession + ' Produkt
vorgemerkt)');
takes really long at the moment. Is there a way to improve the speed?
If you want you can test it here:
http://packpilot.s15312582.onlinehome-server.info/search.php?action=listprg_fkid_prg_id=81prg_id=86
Look for the button Für ausgewählte Artikel Herstelleranfrage senden
on its right hand side a small text will appear, telling how many
products you have selected.
I don't understand why it takles so long...?
Any ideas?
[jQuery] Re: Hide/Show when Check Box is selected
Thank you so much, it works like a charm!
Best regards.
On Feb 26, 3:01 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi,
1. Hide all your divs. Maybe you could add a distinguishable class to
your hidden divs, this would make the selection more readable and
precise.
$(.left div).hide();
2. Add a click handler to all your checkboxes.
Get the ID from the value attribute and hide / show the according div.
$(.left :checkbox).click(function(){
var id = #div+this.value;
if ( this.checked )
$(id).show();
else
$(id).hide();
});
by(e)
Stephan
2009/2/26 nubcake unniw...@gmail.com:
Hello again!
div class=container
h1GENERAL/h1
div class=left
input type=checkbox name=application[] value=101a
class=tooltip href=#App #1spanInfo/span/abr
div id=div101[SECRET FIELD FOR App #1]/div
input type=checkbox name=application[] value=100a
class=tooltip href=#App #2spanInfo/span/abr
div id=div100[SECRET FIELD FOR App #2]/div
.
/div
/div
I'd like to have it so when I click the checkbox for App #1 only the
secret field for App #1 becomes visable.
Thanks for your help!
Best regards
On Feb 26, 2:18 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi
the example is working on IDs (see the # in the selector).
If you send a HTML snippet of your page, maybe I better understand
what you mean.
by(e)
Stephan
2009/2/26 nubcake unniw...@gmail.com:
Hey!
Is there any simple way to rewrite that so it works on ID:s instead on
class?
I have several checkboxes/hidden divs, but I only want to unhide
the div that belongs to the clicked checkbox.
Best regards.
On Feb 18, 5:10 pm, Stephan Veigl stephan.ve...@gmail.com wrote:
Hi Miguel,
you can use the click trigger of the checkbox:
form
show secret: input id=checkbox type=checkbox/
div id=div
secret field: input type=text /
/div
/from
$(#div).hide();
$(#checkbox).click(function(){
if ( this.checked ) {
$(#div).show();
} else {
$(#div).hide();
}
})
by(e)
Stephan
2009/2/18 shapper mdmo...@gmail.com:
Hello,
On a form how can I Show a fieldset when a checkbox is Selected and
Hide the same fieldset when the same checkbox is unselected?
Thanks,
Miguel
[jQuery] Can't get onclick of tab to fire....
Hey all.
I'm slowly but surely working through my tab issues.
My latest is that I can't get the onclick even to fire. I copied the
code, bt it won't work.
Also, is there a way to fire an event when a specific tab is clicked?
Here is the code I'm working with.
CODE BEGIN
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/
TR/html4/strict.dtd
html
head
titleWDS Web Main Screen/title
link rel=stylesheet type=text/css media=all href=/styles/
common.css
link rel=stylesheet type=text/css media=all href=/styles/
jquery.tabs-ie.css
link rel=stylesheet type=text/css media=all href=/styles/
jquery/ui.tabs.css
link rel=stylesheet type=text/css media=all href=/styles/
jquery/ui.theme.css
script type=text/JavaScript src=/js/jquery/jquery.js/script
script type=text/JavaScript src=/js/jquery/jquery-ui.js/
script
script type=text/JavaScript src=/js/jquery/
jquery.history_remote.pack.js/script
script type=text/javascript
/* JQuery BEGIN */
$(document).ready(function() {
$('#container').tabs({
fxFade: true,
fxSpeed: 'fast',
onClick: function() {
alert('onClick');
},
onHide: function() {
alert('onHide');
},
onShow: function() {
alert('onShow');
}
});
$('#container').tabs({
onclick: function(tab) {
alert(hello);
}
});
//$(#tabs).tabs();
});
/* JQuery END */
/script
style type=text/css
.bodycontainerlocal
{
height: 725px;
overflow: auto;
}
/style
/head
body
div id=container
ul
lia href=#fragment-1spanOne/span/a/li
lia href=#fragment-2spanTwo/span/a/li
lia href=#fragment-3spanThree/span/a/li
/ul
div id=fragment-1
pFirst tab is active by default:/p
precode$('#example').tabs();/code/pre
/div
div id=fragment-2 /div
div id=fragment-3 /div
/div
/body
/html
CODE END
[jQuery] Re: $('#foo p') or $('p', $('#foo'))
The benchmark is getElementById().getElementsByTagName() - why not inlcude that in the test? But it's not that simple (it never is). That code doesn't take into account browsers, like IE, returning element that have a name equal to the ID, not does it take into account the element (with the ID) not existing, nor does it return a static list of elements - it returns a live NodeSet (which is a constant source of misconceptions for developers). If you want to play the cross-browser roulette, make sure you go all the way in. --John
[jQuery] Re: Where can I get download files?
On Thu, Feb 26, 2009 at 9:11 AM, Webspeeder dr...@bigrocksports.com wrote: Well, I finally got things to work. I ended up removing everything I had and starting over. I also switched to the exploded version (not the 'min' version) but I don't know if that's the issue because I haven't tried the min since I got it to work. I figure if it's working, I don't want to mess with it until I fully understand it. Now though, the onclick for tab is not working. Back to the pit I go. Just to be sure, are you using compatible versions of jQuery and jQuery UI jQuery UI 1.5.3 is only compatible with jQuery 1.2.6 jQuery UI 1.6rc6 is only compatible with jQuery 1.3+ I ask because when you have incompatible versions, it presents by just the symptom you've described: events not firing. - Richard On Feb 25, 3:22 pm, brian bally.z...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:16 PM, Richard D. Worth rdwo...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:06 PM, brian bally.z...@gmail.com wrote: In my use, at least, I'm not including UI components in all views. And, when I do, there may be just one widget or whatever out of several that I might use. I could create several personalized files--one for each use case--but then I can't rely on the core file being cached because it's bundled up with several different widgets. And I'd require a personalized bundle for every combination I might want in future. Better, I think, to just include what I need, as I need it. We're looking at a hybrid approach. Say if you select 3 plugins, it would include those 3 individual files, as well as a combined file that contain those 3 in 1. What do you think? Yeah, I'd like something like that. Don't get me wrong, though--I think the personalized bundles are a good idea for some situations. But, in my case, at least, I've only got a few places where I need UI stuff, and then only one thing or so at a time. I did consider creating bundles for each instance with a separate core file (so it'd be better cached) but ran into problems similar towebspeeder's. It seemed as if the bundle wasn't quite correct. And I'm pretty sure it was tabs also, as withwebspeeder.
[jQuery] jQuery UI 1.6rc6 Google Loader
How would I include jQuery UI 1.6rc6 with the google api loader? Or do google only host the last full releases?
[jQuery] Re: jQuery UI 1.6rc6 Google Loader
On Thu, Feb 26, 2009 at 9:51 AM, Liam Potter radioactiv...@gmail.comwrote: How would I include jQuery UI 1.6rc6 with the google api loader? Or do google only host the last full releases? Yup, just final releases. We're trying to get the 1.7 final release out asap, and google will have it up within a day or two of that. - Richard
[jQuery] How to Open Modal Dialog box on button click?
Once btnAddSession button is clicked, the div with the
addproductsForm ID should open as a modal dialog box. In Firefox it
opens properly while in IE it submits the page even with return false;
HTML
---
h3Products/h3
!-- Placeholder for ajax results --
div id=mainproducts/div
input type=submit name=btnAddSession value=Add Session
id=btnAddSession /
!-- Placeholder for the insert form --
div id=addproductsForm class=insertForm
ul
li
labelProduct Name:/label
input name=txtProductName type=text
id=txtProductName /
/li
li
labelProduct Price:/label
input name=txtProductPrice type=text
id=txtProductPrice /
/li
li
labelnbsp;/label
input type=button name=btnAddProduct value=Add
Product
id=btnAddProduct/
/li
/ul
/div
Javascript
-
$(function(){
/* Modal Dialog Box Configuration */
$(#addproductsForm).dialog({
bgiframe: true,
autoOpen: false,
modal: true,
overlay: {
background-color: #000,
opacity: 0.5,
-moz-opacity: 0.5
},
position: center,
dialogClass: insertForm,
closeable: false
});
$(#btnAddSession).click(function(event){
$(#addproductsForm).dialog(open);
//event.preventDefault();
return false;
});
});
[jQuery] Re: changing value of hidden input
Hi Michael, thank you very much for your solution which quite works out for me. But now I have a question: What if I want to populate my input field with more than one account or name? How do I update the code for the inputhidden in order to display both ids? Any solution would be great! Thanks in advance Theorix
[jQuery] Strange double hits on selectors?
Dear List,
i am using jquery 1.3.1 and encountered the following issue:
With the CSS class int i want to mark input fields that only accept
numerical keyboard input. When i started to add the feature that arrow
up increases and arrow down reduces the input value, i found out that
the function was actually bound two times to the input field: the
values increased in steps of two. Doing some more examining i found out
that ALL my functions got bound two times to their nodes. What am i
doing wrong?
Code:
HTML:
input type=text name=int class=int value=0 /
JS:
$(document).ready(function(){
FormExtras.init();
});
var FormExtras = {
init: function() {
$('input.int').each(function(){
this.handler = new FormExtras.int.handler(this)});
},
keyCodes: {
numbers: Util.co([48,49,50,51,52,53,54,55,56,57,
96,97,98,99,100,101,102,103,104,105]),
del: Util.co([8,46]),
arrows: Util.co([37,38,39,40,36, 35, 9])
},
int: {
handler: function(node) {
self = this;
this.node = node;
this.allowedKeys = $.extend({},
FormExtras.keyCodes.numbers,
FormExtras.keyCodes.del,
FormExtras.keyCodes.arrows);
this.keydown = function(event) {
if(event.keyCode in event.data.self.allowedKeys) {
// arrow up
if(event.keyCode==38) {
event.data.self.node.value++;
// arrow down
} else if (event.keyCode==40) {
event.data.self.node.value--;
}
$(event.data.self.node).trigger(change);
} else {
event.preventDefault();
}
}
$(this.node)
.bind(keydown, {self: self}, self.keydown);
}
}
};
var Util = {
co: function(array) {
var obj = {};
for( var i=0; iarray.length; i++) {
obj[array[i]]='';
}
return obj;
}
};
To prevent it i included the line
if(node.handler) return;
into FormExtras.int.handler. But why is the each loop matching the same
element two times as it seems?
Any help is greatly appreciated.
Bests,
drx
[jQuery] Fixing a jQuery plugin (will pay for help)
Hello, I've recently worked with a freelancer that developed a jQuery plugin for me, he did a good job, but unfortunately - he couldn't finish it... It is a RTE (Rich Text Editor) plugin (WYSIWYG - What you see is what you get), which works pretty good, there are only a few bugs left that needs to be fixed... The code seems very readable and understandable, and well indented... it is currently ~400 lines of code (16kb, when not packed/minified). If there's anyone here with some knowledge in RTE's, that is willing to take a look at the code and tell me if he can do it (I will pay, of course) - I'd appreciate it. Please mail me, if you can help. Thanks a lot in advance!
[jQuery] Passing JSON objects to a Web Method
Hello,
How do I pass a JSON object to a server side web method as a
parameter?
For example:
I have the following JSON object.
var person = { firstName : John,
lastName : Doe,
age : 23 };
and I want to pass this object in the data: {} block.
Is it possible?
Regards,
Mahesh.
[jQuery] Superfish current color
I'm using a horizontal (nav-bar style) Superfish menu. I have a white
background with black text in the nav bar. When I hover over it, it
changes to green background with white text.
The problem is, when I am not hovering over a menu item (i.e. I am in
the sub-nav, or nowhere in the menu) the current item's text goes
back to black. This creates black text on a green background...
I'm trying to get it so that no matter what, it will always be white
text on a green background.
I've tried:
.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar a:focus, .sf-
navbar a:hover, .sf-navbar a:active {
background: #195085;
color: #fff;
}
But this only fixes the hover state. I'm not sure how to target the
parent li with the green background in the CSS.
Thanks.
[jQuery] Superfish Menu Keyboard Access
I was wondering if there are any methods that are currently in place to allow keyboard shortcuts to focus Superfish menuitems. Also, is it currently possible to press a keyboard shortcut combination to focus a parent menu item and have it display the submenu's underneath it? I would use the following structure for example: ul class=sf-menu liFirst/li liSecond ul class=sf-with-ul liSub One/li liSub Two/li liSub Three/li /ul /li liThird/li /ul So, essentially I would like to press Alt+S in this instance to activate the submenu. Is this currently possible? Thanks!
[jQuery] Re: Can't get onclick of tab to fire....
Your code sample doesn't have version numbers. Can you verify you're using
compatible versions of jQuery and jQuery UI?
jQuery UI 1.5.3 is only compatible with jQuery 1.2.6
jQuery UI 1.6rc6 is only compatible with jQuery 1.3+
Also note, there's a separate list for jQuery UI help (as opposed to general
jQuery help, the topic of this list):
http://groups.google.com/group/jquery-ui
- Richard
On Thu, Feb 26, 2009 at 9:41 AM, webspee...@gmail.com
webspee...@gmail.comwrote:
Hey all.
I'm slowly but surely working through my tab issues.
My latest is that I can't get the onclick even to fire. I copied the
code, bt it won't work.
Also, is there a way to fire an event when a specific tab is clicked?
Here is the code I'm working with.
CODE BEGIN
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/
TR/html4/strict.dtd http://www.w3.org/%0ATR/html4/strict.dtd
html
head
titleWDS Web Main Screen/title
link rel=stylesheet type=text/css media=all href=/styles/
common.css
link rel=stylesheet type=text/css media=all href=/styles/
jquery.tabs-ie.css
link rel=stylesheet type=text/css media=all href=/styles/
jquery/ui.tabs.css
link rel=stylesheet type=text/css media=all href=/styles/
jquery/ui.theme.css
script type=text/JavaScript src=/js/jquery/jquery.js/script
script type=text/JavaScript src=/js/jquery/jquery-ui.js/
script
script type=text/JavaScript src=/js/jquery/
jquery.history_remote.pack.js/script
script type=text/javascript
/* JQuery BEGIN */
$(document).ready(function() {
$('#container').tabs({
fxFade: true,
fxSpeed: 'fast',
onClick: function() {
alert('onClick');
},
onHide: function() {
alert('onHide');
},
onShow: function() {
alert('onShow');
}
});
$('#container').tabs({
onclick: function(tab) {
alert(hello);
}
});
//$(#tabs).tabs();
});
/* JQuery END */
/script
style type=text/css
.bodycontainerlocal
{
height: 725px;
overflow: auto;
}
/style
/head
body
div id=container
ul
lia href=#fragment-1spanOne/span/a/li
lia href=#fragment-2spanTwo/span/a/li
lia href=#fragment-3spanThree/span/a/li
/ul
div id=fragment-1
pFirst tab is active by default:/p
precode$('#example').tabs();/code/pre
/div
div id=fragment-2 /div
div id=fragment-3 /div
/div
/body
/html
CODE END
[jQuery] Re: jQuery(this + child) ?
Try the following:
jQuery(.class).click(function() {
jQuery('a',this).toggleClass(highlighted);
}
Cheers
==
On Thu, Feb 26, 2009 at 7:46 PM, Kenchu sweken...@gmail.com wrote:
Is there a way to do what I describe in topic?
For example.
jQuery(.class).click(function()
{
jQuery(this + a).toggleClass(highlighted);
});
This doesnt work. What im trying to do is to select all the a
elements within this. Is it possible to achive that somehow?
--
http://ngty77.blogspot.com
[jQuery] Re: jQuery Form Plugin ROOKIE in need of help :(
James, (and all)
Thanks a lot for the help - I'm now seeing all of the things I want
in firebug. I'm getting an XHR respose (is this the proper
terminology? Is XHR always a request? regardless...)
I'm getting a response from my script which includes a script tag
(with functions) and an HTML form. I now want to do something like
this (see the code below).
The main issue is this with the jquery form plugin, you can set a URL
to send the data to (via post, etc.) but the script never runs. Can
you tell me how to process the response so that it will? I do get the
HTML appended where I want it, but the script will not run. Not even
my alert.
I've also tried using onsubmit of the form call my function, but
that doesn't seem to work either. Do you know if that would work
normally?
Googling process XHR response or eval XHR response or eval(window);
all seem incorrect. I'm very bad at javascript and much more
comfortable with php - PLEASE help if you can :-/
// This is essentially what's in my script
$('response_node').ready(function(){
alert('i ran');
var options = {
target:'#myForm', // target element(s) to be updated
with
server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse, // post-submit callback
// other available options:
url: 'voting.php',// override for form's 'action'
attribute
};
// If binding works, prevent default submit event
if( $('#myForm').ajaxForm(options)){
$('#myForm').submit(function(e){
e.preventDefault();
});
};
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
console.log('inside showRequest of questionHandler using' +
queryString);
$('#output1').html('h6showRequest Called/h6');
return false;
}
// post-submit callback
function showResponse(responseText, statusText) {
console.log('inside showResponse using'' + statusText +
'responseText:' + responseText);
$('#poll_div').html('h6showResponse Called/h6')
$('#poll_div').append(responseText);
}
});
// and my form is basically
form id='myForm' action='dont_run.php' method='post' class='vote'
// stuff
/form
On Feb 25, 9:43 pm, James james.gp@gmail.com wrote:
Yes, that's normal.
On Feb 25, 1:55 pm, Brian Long brilon...@gmail.com wrote:
Hey everybody - I'm definitely an amateur, but I have a pretty good
understanding of PHP / MySQL / Firebug / FirePHP so I think we can
work through this.
If using the standard form plugin model - I have the callback:
function showResponse(responseText, statusText) {
$('#myForm').html('h1Submission was successful/h1' +
responseText);
}
I do see the HTML change in the browser / firebug for this element:
form id=myForm
but when I view source (in Firefox) --- I see the HTML that would of
existed before the AJAX submission.
Is this normal?
Thanks in advance
Brian Long
[jQuery] Re: jQuery Form Plugin ROOKIE in need of help :(
CLARIFYING:
I have two different URL's between my form's action and my url set in
the options that are sent to $('#myForm').ajaxForm(options)
I did that just because in earlier testing I was trying to confirm
that the URL used in my options variable would actually override the
value that was set in the action of the form
THANKS so much to the group for all past and future help!
On Feb 26, 10:42 am, Brian Long brilon...@gmail.com wrote:
James, (and all)
Thanks a lot for the help - I'm now seeing all of the things I want
in firebug. I'm getting an XHR respose (is this the proper
terminology? Is XHR always a request? regardless...)
I'm getting a response from my script which includes a script tag
(with functions) and an HTML form. I now want to do something like
this (see the code below).
The main issue is this with the jquery form plugin, you can set a URL
to send the data to (via post, etc.) but the script never runs. Can
you tell me how to process the response so that it will? I do get the
HTML appended where I want it, but the script will not run. Not even
my alert.
I've also tried using onsubmit of the form call my function, but
that doesn't seem to work either. Do you know if that would work
normally?
Googling process XHR response or eval XHR response or eval(window);
all seem incorrect. I'm very bad at javascript and much more
comfortable with php - PLEASE help if you can :-/
// This is essentially what's in my script
$('response_node').ready(function(){
alert('i ran');
var options = {
target: '#myForm', // target element(s) to be
updated with
server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse, // post-submit callback
// other available options:
url: 'voting.php', // override for form's
'action'
attribute
};
// If binding works, prevent default submit event
if( $('#myForm').ajaxForm(options)){
$('#myForm').submit(function(e){
e.preventDefault();
});
};
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
console.log('inside showRequest of questionHandler using' +
queryString);
$('#output1').html('h6showRequest Called/h6');
return false;
}
// post-submit callback
function showResponse(responseText, statusText) {
console.log('inside showResponse using'' + statusText +
'responseText:' + responseText);
$('#poll_div').html('h6showResponse Called/h6')
$('#poll_div').append(responseText);
}
});
// and my form is basically
form id='myForm' action='dont_run.php' method='post' class='vote'
// stuff
/form
On Feb 25, 9:43 pm, James james.gp@gmail.com wrote:
Yes, that's normal.
On Feb 25, 1:55 pm, Brian Long brilon...@gmail.com wrote:
Hey everybody - I'm definitely an amateur, but I have a pretty good
understanding of PHP / MySQL / Firebug / FirePHP so I think we can
work through this.
If using the standard form plugin model - I have the callback:
function showResponse(responseText, statusText) {
$('#myForm').html('h1Submission was successful/h1' +
responseText);
}
I do see the HTML change in the browser / firebug for this element:
form id=myForm
but when I view source (in Firefox) --- I see the HTML that would of
existed before the AJAX submission.
Is this normal?
Thanks in advance
Brian Long
[jQuery] Re: [treeview] More than three levels?
Sorry, the question is about treeview plugin. (the subject included [treeview], the plugin name what I'm asking about, but now I don't see that name in it.) Thanks, eemece2 eemece2 ha escrito: Hello! Can be used more than three levels? I'm using 4 levels, but treeview only show links to expand/colapse nodes/uls in the first two levels. A sample code is: script type=text/javascript $(#browser).treeview(); /script ul id=browser class=filetree lispan class=folderFolder 1/span ul lispan class=folderFolder 1.1/span ul id=folder21 lispan class=folderFolder 1.1.1/span/li ul lispan class=fileFile 1/span/li /ul /ul /li /ul /li /ul I see the nodes, but I can't colapse/hide the nodes. Is this normal? the plugin can't handle more than three levels? Thank you very much for your help, and greetings, eemece2
[jQuery] Issue with Supersubs plug-in
Hi, I have a problem with one of my drop down menus acting erratically due to a possible conflict with the supersubs plug-in. The highlighted menu option extends beyond the edge of the display. It only seems to be a problem with only one of the menu options. The others work fine and I've tried to delete/redo the problem menu option but to no avail. When I deactivate it the menu works fine except that it doesn't auto resizes to fit the menu option. Here's a pic of the problem: [img]http://i641.photobucket.com/albums/uu134/yakfinatic/1dropdownmenu- screenshot.png[/img] Here's a screenshot when the supersubs is deactivated: [img]http://i641.photobucket.com/albums/uu134/yakfinatic/1dropdownmenu- screenshot.png[/img] thanks for any advice
[jQuery] Re: Where can I get download files?
Yeah. I have the latest. To be sure, I just downloaded the latest version of jquery and I got the 6src6 UI, I just downloaded the latest of that too. Does the code look good? On Feb 26, 9:46 am, Richard D. Worth rdwo...@gmail.com wrote: On Thu, Feb 26, 2009 at 9:11 AM, Webspeeder dr...@bigrocksports.com wrote: Well, I finally got things to work. I ended up removing everything I had and starting over. I also switched to the exploded version (not the 'min' version) but I don't know if that's the issue because I haven't tried the min since I got it to work. I figure if it's working, I don't want to mess with it until I fully understand it. Now though, the onclick for tab is not working. Back to the pit I go. Just to be sure, are you using compatible versions of jQuery and jQuery UI jQuery UI 1.5.3 is only compatible with jQuery 1.2.6 jQuery UI 1.6rc6 is only compatible with jQuery 1.3+ I ask because when you have incompatible versions, it presents by just the symptom you've described: events not firing. - Richard On Feb 25, 3:22 pm, brian bally.z...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:16 PM, Richard D. Worth rdwo...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:06 PM, brian bally.z...@gmail.com wrote: In my use, at least, I'm not including UI components in all views. And, when I do, there may be just one widget or whatever out of several that I might use. I could create several personalized files--one for each use case--but then I can't rely on the core file being cached because it's bundled up with several different widgets. And I'd require a personalized bundle for every combination I might want in future. Better, I think, to just include what I need, as I need it. We're looking at a hybrid approach. Say if you select 3 plugins, it would include those 3 individual files, as well as a combined file that contain those 3 in 1. What do you think? Yeah, I'd like something like that. Don't get me wrong, though--I think the personalized bundles are a good idea for some situations. But, in my case, at least, I've only got a few places where I need UI stuff, and then only one thing or so at a time. I did consider creating bundles for each instance with a separate core file (so it'd be better cached) but ran into problems similar towebspeeder's. It seemed as if the bundle wasn't quite correct. And I'm pretty sure it was tabs also, as withwebspeeder.
[jQuery] Re: Where can I get download files?
Would you be able to cut and paste the code above and see if it works for you? On Feb 26, 11:18 am, webspee...@gmail.com webspee...@gmail.com wrote: Yeah. I have the latest. To be sure, I just downloaded the latest version of jquery and I got the 6src6 UI, I just downloaded the latest of that too. Does the code look good? On Feb 26, 9:46 am, Richard D. Worth rdwo...@gmail.com wrote: On Thu, Feb 26, 2009 at 9:11 AM,Webspeederdr...@bigrocksports.com wrote: Well, I finally got things to work. I ended up removing everything I had and starting over. I also switched to the exploded version (not the 'min' version) but I don't know if that's the issue because I haven't tried the min since I got it to work. I figure if it's working, I don't want to mess with it until I fully understand it. Now though, the onclick for tab is not working. Back to the pit I go. Just to be sure, are you using compatible versions of jQuery and jQuery UI jQuery UI 1.5.3 is only compatible with jQuery 1.2.6 jQuery UI 1.6rc6 is only compatible with jQuery 1.3+ I ask because when you have incompatible versions, it presents by just the symptom you've described: events not firing. - Richard On Feb 25, 3:22 pm, brian bally.z...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:16 PM, Richard D. Worth rdwo...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:06 PM, brian bally.z...@gmail.com wrote: In my use, at least, I'm not including UI components in all views. And, when I do, there may be just one widget or whatever out of several that I might use. I could create several personalized files--one for each use case--but then I can't rely on the core file being cached because it's bundled up with several different widgets. And I'd require a personalized bundle for every combination I might want in future. Better, I think, to just include what I need, as I need it. We're looking at a hybrid approach. Say if you select 3 plugins, it would include those 3 individual files, as well as a combined file that contain those 3 in 1. What do you think? Yeah, I'd like something like that. Don't get me wrong, though--I think the personalized bundles are a good idea for some situations. But, in my case, at least, I've only got a few places where I need UI stuff, and then only one thing or so at a time. I did consider creating bundles for each instance with a separate core file (so it'd be better cached) but ran into problems similar towebspeeder's. It seemed as if the bundle wasn't quite correct. And I'm pretty sure it was tabs also, as withwebspeeder.
[jQuery] Problem with supersubs plug-in - 2nd repost because of problem with links
Hi, I'm reposting this since there was a problem with the picture links in the previous posting. I have a problem with one of my drop down menus acting erratically due to a possible conflict with the supersubs plug-in. The highlighted menu option extends beyond the edge of the display. It only seems to be a problem with only one of the menu options. The others work fine and I've tried to delete/redo the problem menu option but to no avail. When I deactivate it the menu works fine except that it doesn't auto resizes to fit the menu option. Here's a pic of the problem: http://i641.photobucket.com/albums/uu134/yakfinatic/1dropdownmenu-screenshot.png Here's a screenshot when the supersubs is deactivated: http://i641.photobucket.com/albums/uu134/yakfinatic/2dropdownmenu.png thanks for any advice
[jQuery] Re: HELP: a = $('pfoo/ppbar/p'); a.after('bxyz/b') not adding element
For those methods to work, the html has to be part of the DOM first. On Feb 26, 3:33 am, stephen stephen.cant...@gmail.com wrote: Hello, has anybody managed to prepend and append elements to a set of dom elements previously created on the fly with the $(html) function? I've tried with append, prepend, after, before, etc without any luck... Is there a way to do it? Stephen
[jQuery] Re: Malsup Form Plugin and Cross Domain issues
That makes sense... I guess I don't really need a repose from the server. I have verified that they are accepting data and it's going into the database. Can I just use the .ajaxForm() and to send the data use the beforeSubmit display my thank you message and do a return false; to not let it redirect? or is there another place I can intercept it to not let it redirect... Thanks for all great help again! On Feb 25, 9:39 pm, Mike Alsup mal...@gmail.com wrote: Has anyone figured out how to do a successful callback to a cross domain post using malsup's from plugin. You can not make x-domain requests with ajax. Using the Form Plugin's iframe option you can post form data to another domain, but you can not access the response - browser security prevents this. You can use jsonp to get around x-domain issues, but then you can't post data, you can only get it. Mike
[jQuery] Overlay not working on jquery-ui-personalized-1.6rc6.min.js
This is my code:
---
script language=javascript type=text/javascript src=/js/
jquery-1.3.2.min.js/script
script language=javascript type=text/javascript src=/js/
jquery-ui-personalized-1.6rc6.min.js/script
script language=javascript type=text/javascript
$(function(){
/* Modal Dialog Box Configuration */
$(#addproductsForm).dialog({
bgiframe: true,
autoOpen: true,
modal: true,
overlay: {
backgroundColor: #000,
opacity: 0.5
},
position: center,
dialogClass: insertForm,
closeable: false
});
});
/script
---
The funny thing is if i downgrade the jquery and UI files to versions
1.2.6 and 1.5.3 respectively, the overlay works but IE throws a
javascript error. Thanks a lot.
[jQuery] Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Passing JSON objects to a Web Method
Are you talking about an ASP.NET web method?
If you are, I think that you'll find it pretty easy using this:
$.ajax({
type: POST,
contentType: application/json; charset=utf-8,
url: myWebService.asmx/myWebMethod,
data: myJSONObject
dataType: json,
success: function(json) { // do Stuff }
});
Just make sure that myWebMethod takes each item in the JSON object as a
parameter and everything should work pretty well.
Good luck!
- Dave
On Thu, Feb 26, 2009 at 9:45 AM, Mahesh mrded...@gmail.com wrote:
Hello,
How do I pass a JSON object to a server side web method as a
parameter?
For example:
I have the following JSON object.
var person = { firstName : John,
lastName : Doe,
age : 23 };
and I want to pass this object in the data: {} block.
Is it possible?
Regards,
Mahesh.
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); });I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Could you set up a test page for us that demonstrates this issue?
On Feb 26, 8:02 am, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Hi James! Where can I set up a test page?
Thanks!!
On 26 fev, 15:06, James james.gp@gmail.com wrote:
Could you set up a test page for us that demonstrates this issue?
On Feb 26, 8:02 am, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Can't get onclick of tab to fire....
On 26 Feb., 16:14, Richard D. Worth rdwo...@gmail.com wrote: Your code sample doesn't have version numbers. Can you verify you're using compatible versions of jQuery and jQuery UI? jQuery UI 1.5.3 is only compatible with jQuery 1.2.6 jQuery UI 1.6rc6 is only compatible with jQuery 1.3+ Judging from the code it's even Tabs 2 before UI... --Klaus
[jQuery] Re: Where can I get download files?
I just looked through the thread and I'm not sure what code you mean. A pastie would be great ( http://paste.pocoo.org/ or http://jsbin.com/ ). Thanks. - Richard On Thu, Feb 26, 2009 at 11:20 AM, webspee...@gmail.com webspee...@gmail.com wrote: Would you be able to cut and paste the code above and see if it works for you? On Feb 26, 11:18 am, webspee...@gmail.com webspee...@gmail.com wrote: Yeah. I have the latest. To be sure, I just downloaded the latest version of jquery and I got the 6src6 UI, I just downloaded the latest of that too. Does the code look good? On Feb 26, 9:46 am, Richard D. Worth rdwo...@gmail.com wrote: On Thu, Feb 26, 2009 at 9:11 AM,Webspeederdr...@bigrocksports.com wrote: Well, I finally got things to work. I ended up removing everything I had and starting over. I also switched to the exploded version (not the 'min' version) but I don't know if that's the issue because I haven't tried the min since I got it to work. I figure if it's working, I don't want to mess with it until I fully understand it. Now though, the onclick for tab is not working. Back to the pit I go. Just to be sure, are you using compatible versions of jQuery and jQuery UI jQuery UI 1.5.3 is only compatible with jQuery 1.2.6 jQuery UI 1.6rc6 is only compatible with jQuery 1.3+ I ask because when you have incompatible versions, it presents by just the symptom you've described: events not firing. - Richard On Feb 25, 3:22 pm, brian bally.z...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:16 PM, Richard D. Worth rdwo...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:06 PM, brian bally.z...@gmail.com wrote: In my use, at least, I'm not including UI components in all views. And, when I do, there may be just one widget or whatever out of several that I might use. I could create several personalized files--one for each use case--but then I can't rely on the core file being cached because it's bundled up with several different widgets. And I'd require a personalized bundle for every combination I might want in future. Better, I think, to just include what I need, as I need it. We're looking at a hybrid approach. Say if you select 3 plugins, it would include those 3 individual files, as well as a combined file that contain those 3 in 1. What do you think? Yeah, I'd like something like that. Don't get me wrong, though--I think the personalized bundles are a good idea for some situations. But, in my case, at least, I've only got a few places where I need UI stuff, and then only one thing or so at a time. I did consider creating bundles for each instance with a separate core file (so it'd be better cached) but ran into problems similar towebspeeder's. It seemed as if the bundle wasn't quite correct. And I'm pretty sure it was tabs also, as withwebspeeder.
[jQuery] Re: Ajax reacts very slow...?
I don't think it's the append that's taking long. It seems more like
the AJAX request and response (which might differ depending on your
location, of course) that's holding things up.
Here's what's happening for me. Everytime I click on a checkbox, an
AJAX call is made to:
ajax_unselected_products_from_session.php?singleevent
this request took about 450ms to 650ms for me.
immediately afterward, another AJAX call is made to:
ajax_add_selected_product_to_session.php?global_check
which takes an average of about 450ms for me. Then upon response of
that, your append is executed.
This means that upon clicking your checkbox, it does 2 AJAX calls that
takes approximately a second to complete, then it updates your text.
On Feb 26, 4:15 am, heohni heidi.anselstet...@consultingteam.de
wrote:
Hi,
I have this function build:
$.ajax({
type: POST,
url:
/ajax_add_selected_product_to_session.php?global_check,
success: function(msg){
/* add here what to do on success */
//alert(msg);
howmanyfromsession = msg;
if (howmanyfromsession == 1){
$(.amount).empty();
$(.amount).append(' (Derzeit ist '
+ howmanyfromsession + '
Produkt vorgemerkt)');
}else if(howmanyfromsession 1){
$(.amount).empty();
$(.amount).append(' (Derzeit sind '
+ howmanyfromsession + '
Produkte vorgemerkt)');
}else if(howmanyfromsession == 0){
$(.amount).empty();
}
if(howmanyonpage == 0 howmanyfromsession
== 0) {
//alert('None are checked on page');
$(.requestbutton).attr(disabled,
disabled);
}else if(howmanyonpage == 0
howmanyfromsession 0){
//alert('At least one is checked');
$(.requestbutton).removeAttr(disabled);
$(.requestbutton).click(function(){
$(#list).submit();
});
}
$(.requestbutton).click(function(){
if($(input[name^='paradigm']:checked).length 0) {
$(#list).submit();
}
});
}
The part with:
$(.amount).append(' (Derzeit ist ' + howmanyfromsession + ' Produkt
vorgemerkt)');
takes really long at the moment. Is there a way to improve the speed?
If you want you can test it
here:http://packpilot.s15312582.onlinehome-server.info/search.php?action=l...
Look for the button Für ausgewählte Artikel Herstelleranfrage senden
on its right hand side a small text will appear, telling how many
products you have selected.
I don't understand why it takles so long...?
Any ideas?
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Where can I get download files?
http://paste.pocoo.org/show/105601/ On Feb 26, 1:15 pm, Richard D. Worth rdwo...@gmail.com wrote: I just looked through the thread and I'm not sure what code you mean. A pastie would be great (http://paste.pocoo.org/orhttp://jsbin.com/). Thanks. - Richard On Thu, Feb 26, 2009 at 11:20 AM, webspee...@gmail.com webspee...@gmail.com wrote: Would you be able to cut and paste the code above and see if it works for you? On Feb 26, 11:18 am, webspee...@gmail.com webspee...@gmail.com wrote: Yeah. I have the latest. To be sure, I just downloaded the latest version of jquery and I got the 6src6 UI, I just downloaded the latest of that too. Does the code look good? On Feb 26, 9:46 am, Richard D. Worth rdwo...@gmail.com wrote: On Thu, Feb 26, 2009 at 9:11 AM,Webspeederdr...@bigrocksports.com wrote: Well, I finally got things to work. I ended up removing everything I had and starting over. I also switched to the exploded version (not the 'min' version) but I don't know if that's the issue because I haven't tried the min since I got it to work. I figure if it's working, I don't want to mess with it until I fully understand it. Now though, the onclick for tab is not working. Back to the pit I go. Just to be sure, are you using compatible versions of jQuery and jQuery UI jQuery UI 1.5.3 is only compatible with jQuery 1.2.6 jQuery UI 1.6rc6 is only compatible with jQuery 1.3+ I ask because when you have incompatible versions, it presents by just the symptom you've described: events not firing. - Richard On Feb 25, 3:22 pm, brian bally.z...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:16 PM, Richard D. Worth rdwo...@gmail.com wrote: On Wed, Feb 25, 2009 at 3:06 PM, brian bally.z...@gmail.com wrote: In my use, at least, I'm not including UI components in all views. And, when I do, there may be just one widget or whatever out of several that I might use. I could create several personalized files--one for each use case--but then I can't rely on the core file being cached because it's bundled up with several different widgets. And I'd require a personalized bundle for every combination I might want in future. Better, I think, to just include what I need, as I need it. We're looking at a hybrid approach. Say if you select 3 plugins, it would include those 3 individual files, as well as a combined file that contain those 3 in 1. What do you think? Yeah, I'd like something like that. Don't get me wrong, though--I think the personalized bundles are a good idea for some situations. But, in my case, at least, I've only got a few places where I need UI stuff, and then only one thing or so at a time. I did consider creating bundles for each instance with a separate core file (so it'd be better cached) but ran into problems similar towebspeeder's. It seemed as if the bundle wasn't quite correct. And I'm pretty sure it was tabs also, as withwebspeeder.
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Can you share your code? The small snippets you've shared indicate no
problem. I threw up the jsbin test to confirm that it's not jquery 1.3
that's causing the error. We can't really help unless you post the
full sample of your code that's broken, or give us a url we can check
out and test.
On Feb 26, 1:18 pm, AndreMiranda acymira...@gmail.com wrote:
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
$(document).ready(function() {
//chama a função de Tip
reiniciaTip();
//arredonda fundo cinza do DatePicker e da drop down list de
agendas
$(#divCinza).corner();
//DatePicker
$(#divDatePicker).datepicker({
defaultDate: new Date($(#dataDatePicker).val()),
changeMonth: true,
changeYear: true,
onSelect: function(dataSelecionada){
$.ajax({
type: 'GET',
data: dataSelecionada,
url: '/Admin/Agenda/CompromissoAgenda/?
dataSelecionada=' + dataSelecionada,
success: function(conteudoAtualizado){
//atualiza os períodos e
compromissos
$(#divPeriodos).empty
().html(conteudoAtualizado);
//reinicia a função de Tip
devido ao callback do ajax
reiniciaTip();
}
});
}
});
//Adiciona a DDL codAgenda na divDDLAgendas da Master
$(#divDDLAgendas).append($(#codAgenda));
$(#codAgenda).css({width: '170px'});
});
function reiniciaTip()
{
$(div .detalhes).each(function(){
var compromissoId = $(this).attr(id).split(-)[1];
$(this).bt({
ajaxPath: '/Admin/Agenda/DetalhesAgendamento',
ajaxData: {data: codAgendamento= +
compromissoId},
ajaxOpts: { success: function (data) { return
data.toString(); }},
ajaxCache: false,
cssStyles: {fontSize: '11px' },
width: 220,
centerPointX: .9,
spikeLength: 35,
spikeGirth: 25,
padding: 10,
cornerRadius: 25,
strokeStyle: '#ABABAB',
strokeWidth: 1
});
});
}
Take a look the function reiniciaTip and the (div .detalhes). In
1.2.6, I just had to write (.detalhes), but now i had to specify
that this is from a div
Thanks!!
On 26 fev, 15:22, Eric Garside gars...@gmail.com wrote:
Can you share your code? The small snippets you've shared indicate no
problem. I threw up the jsbin test to confirm that it's not jquery 1.3
that's causing the error. We can't really help unless you post the
full sample of your code that's broken, or give us a url we can check
out and test.
On Feb 26, 1:18 pm, AndreMiranda acymira...@gmail.com wrote:
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
$(document).ready(function() {
//chama a função de Tip
reiniciaTip();
//arredonda fundo cinza do DatePicker e da drop down list de
agendas
$(#divCinza).corner();
//DatePicker
$(#divDatePicker).datepicker({
defaultDate: new Date($(#dataDatePicker).val()),
changeMonth: true,
changeYear: true,
onSelect: function(dataSelecionada){
$.ajax({
type: 'GET',
data: dataSelecionada,
url: '/Admin/Agenda/CompromissoAgenda/?
dataSelecionada=' + dataSelecionada,
success: function(conteudoAtualizado){
//atualiza os períodos e
compromissos
$(#divPeriodos).empty
().html(conteudoAtualizado);
//reinicia a função de Tip
devido ao callback do ajax
reiniciaTip();
}
});
}
});
//Adiciona a DDL codAgenda na divDDLAgendas da Master
$(#divDDLAgendas).append($(#codAgenda));
$(#codAgenda).css({width: '170px'});
});
function reiniciaTip()
{
$(div .detalhes).each(function(){
var compromissoId = $(this).attr(id).split(-)[1];
$(this).bt({
ajaxPath: '/Admin/Agenda/DetalhesAgendamento',
ajaxData: {data: codAgendamento= +
compromissoId},
ajaxOpts: { success: function (data) { return
data.toString(); }},
ajaxCache: false,
cssStyles: {fontSize: '11px' },
width: 220,
centerPointX: .9,
spikeLength: 35,
spikeGirth: 25,
padding: 10,
cornerRadius: 25,
strokeStyle: '#ABABAB',
strokeWidth: 1
});
});
}
Take a look the function reiniciaTip and the (div .detalhes). In
1.2.6, I just had to write (.detalhes), but now i had to specify
that this is from a div
Thanks!!
On 26 fev, 15:22, Eric Garside gars...@gmail.com wrote:
Can you share your code? The small snippets you've shared indicate no
problem. I threw up the jsbin test to confirm that it's not jquery 1.3
that's causing the error. We can't really help unless you post the
full sample of your code that's broken, or give us a url we can check
out and test.
On Feb 26, 1:18 pm, AndreMiranda acymira...@gmail.com wrote:
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Overlay not working on jquery-ui-personalized-1.6rc6.min.js
The overlay in 1.6rc6/1.7 is no longer specified as an option, but is part
of the jQuery UI CSS Framework. If you have a jQuery UI Theme, it will have
a default overlay style which you can modify or overide, using css in a
stylesheet, rather than in js.
If you need any further help, please note there's a dedicated jQuery UI
list:
http://groups.google.com/group/jquery-ui
Thanks.
- Richard
On Thu, Feb 26, 2009 at 12:33 PM, bittermonkey brakes...@gmail.com wrote:
This is my code:
---
script language=javascript type=text/javascript src=/js/
jquery-1.3.2.min.js/script
script language=javascript type=text/javascript src=/js/
jquery-ui-personalized-1.6rc6.min.js/script
script language=javascript type=text/javascript
$(function(){
/* Modal Dialog Box Configuration */
$(#addproductsForm).dialog({
bgiframe: true,
autoOpen: true,
modal: true,
overlay: {
backgroundColor: #000,
opacity: 0.5
},
position: center,
dialogClass: insertForm,
closeable: false
});
});
/script
---
The funny thing is if i downgrade the jquery and UI files to versions
1.2.6 and 1.5.3 respectively, the overlay works but IE throws a
javascript error. Thanks a lot.
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
$(document).ready(function() {
//chama a função de Tip
reiniciaTip();
//arredonda fundo cinza do DatePicker e da drop down list de
agendas
$(#divCinza).corner();
//DatePicker
$(#divDatePicker).datepicker({
defaultDate: new Date($(#dataDatePicker).val()),
changeMonth: true,
changeYear: true,
onSelect: function(dataSelecionada){
$.ajax({
type: 'GET',
data: dataSelecionada,
url: '/Admin/Agenda/CompromissoAgenda/?
dataSelecionada=' + dataSelecionada,
success: function(conteudoAtualizado){
//atualiza os períodos e
compromissos
$(#divPeriodos).empty
().html(conteudoAtualizado);
//reinicia a função de Tip
devido ao callback do ajax
reiniciaTip();
}
});
}
});
//Adiciona a DDL codAgenda na divDDLAgendas da Master
$(#divDDLAgendas).append($(#codAgenda));
$(#codAgenda).css({width: '170px'});
});
function reiniciaTip()
{
$(div .detalhes).each(function(){
var compromissoId = $(this).attr(id).split(-)[1];
$(this).bt({
ajaxPath: '/Admin/Agenda/DetalhesAgendamento',
ajaxData: {data: codAgendamento= +
compromissoId},
ajaxOpts: { success: function (data) { return
data.toString(); }},
ajaxCache: false,
cssStyles: {fontSize: '11px' },
width: 220,
centerPointX: .9,
spikeLength: 35,
spikeGirth: 25,
padding: 10,
cornerRadius: 25,
strokeStyle: '#ABABAB',
strokeWidth: 1
});
});
}
Take a look the function reiniciaTip and the (div .detalhes). In
1.2.6, I just had to write (.detalhes), but now i had to specify
that this is from a div
Thanks!!
On 26 fev, 15:22, Eric Garside gars...@gmail.com wrote:
Can you share your code? The small snippets you've shared indicate no
problem. I threw up the jsbin test to confirm that it's not jquery 1.3
that's causing the error. We can't really help unless you post the
full sample of your code that's broken, or give us a url we can check
out and test.
On Feb 26, 1:18 pm, AndreMiranda acymira...@gmail.com wrote:
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why does
this happens??
I'm having too many problems with class attibutes. For example: If I
have 3 input text with class test, only the first input text is
functional... the other ones no.
Why?
thanks!!!
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Maybe it's just a typo (and unrelated) but you have spaces in both
div .detalhes a .clickMe.
On Thu, Feb 26, 2009 at 1:27 PM, AndreMiranda acymira...@gmail.com wrote:
$(document).ready(function() {
//chama a função de Tip
reiniciaTip();
//arredonda fundo cinza do DatePicker e da drop down list de
agendas
$(#divCinza).corner();
//DatePicker
$(#divDatePicker).datepicker({
defaultDate: new Date($(#dataDatePicker).val()),
changeMonth: true,
changeYear: true,
onSelect: function(dataSelecionada){
$.ajax({
type: 'GET',
data: dataSelecionada,
url: '/Admin/Agenda/CompromissoAgenda/?
dataSelecionada=' + dataSelecionada,
success: function(conteudoAtualizado){
//atualiza os períodos e
compromissos
$(#divPeriodos).empty
().html(conteudoAtualizado);
//reinicia a função de Tip
devido ao callback do ajax
reiniciaTip();
}
});
}
});
//Adiciona a DDL codAgenda na divDDLAgendas da Master
$(#divDDLAgendas).append($(#codAgenda));
$(#codAgenda).css({width: '170px'});
});
function reiniciaTip()
{
$(div .detalhes).each(function(){
var compromissoId = $(this).attr(id).split(-)[1];
$(this).bt({
ajaxPath: '/Admin/Agenda/DetalhesAgendamento',
ajaxData: {data: codAgendamento= +
compromissoId},
ajaxOpts: { success: function (data) { return
data.toString(); }},
ajaxCache: false,
cssStyles: {fontSize: '11px' },
width: 220,
centerPointX: .9,
spikeLength: 35,
spikeGirth: 25,
padding: 10,
cornerRadius: 25,
strokeStyle: '#ABABAB',
strokeWidth: 1
});
});
}
Take a look the function reiniciaTip and the (div .detalhes). In
1.2.6, I just had to write (.detalhes), but now i had to specify
that this is from a div
Thanks!!
On 26 fev, 15:22, Eric Garside gars...@gmail.com wrote:
Can you share your code? The small snippets you've shared indicate no
problem. I threw up the jsbin test to confirm that it's not jquery 1.3
that's causing the error. We can't really help unless you post the
full sample of your code that's broken, or give us a url we can check
out and test.
On Feb 26, 1:18 pm, AndreMiranda acymira...@gmail.com wrote:
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work just
fine in 1.2.6.
To work in 1.3.1, I had to do this:
if ($('#flexDiv .trSelected').length == 2)
{
alert(hello);
}
I had to specify the table from where the trSelected are... why
does
this happens??
I'm having too many problems with class attibutes. For example: If
I
have 3 input text with class test, only the first
[jQuery] Need nested tabs...
Hey all. Can anyone show me code to create nested tabs that work in the latest version of jquery? I see plenty of examples in previous versions but I can't get them to work. I have a single line of tabs working fine, but I need nested tabs. Any help would be appreciated. ...
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
Actually, the space is telling jquery that you want sub elements, not
the actual elements.
a .clickMe will match:
aspan class=clickMe/span/a
but not
a class=clickMe/a
If you want a tag with a class, you can't add a space.
On Feb 26, 1:41 pm, brian bally.z...@gmail.com wrote:
Maybe it's just a typo (and unrelated) but you have spaces in both
div .detalhes a .clickMe.
On Thu, Feb 26, 2009 at 1:27 PM, AndreMiranda acymira...@gmail.com wrote:
$(document).ready(function() {
//chama a função de Tip
reiniciaTip();
//arredonda fundo cinza do DatePicker e da drop down list de
agendas
$(#divCinza).corner();
//DatePicker
$(#divDatePicker).datepicker({
defaultDate: new Date($(#dataDatePicker).val()),
changeMonth: true,
changeYear: true,
onSelect: function(dataSelecionada){
$.ajax({
type: 'GET',
data: dataSelecionada,
url: '/Admin/Agenda/CompromissoAgenda/?
dataSelecionada=' + dataSelecionada,
success: function(conteudoAtualizado){
//atualiza os períodos e
compromissos
$(#divPeriodos).empty
().html(conteudoAtualizado);
//reinicia a função de Tip
devido ao callback do ajax
reiniciaTip();
}
});
}
});
//Adiciona a DDL codAgenda na divDDLAgendas da Master
$(#divDDLAgendas).append($(#codAgenda));
$(#codAgenda).css({width: '170px'});
});
function reiniciaTip()
{
$(div .detalhes).each(function(){
var compromissoId = $(this).attr(id).split(-)[1];
$(this).bt({
ajaxPath: '/Admin/Agenda/DetalhesAgendamento',
ajaxData: {data: codAgendamento= +
compromissoId},
ajaxOpts: { success: function (data) { return
data.toString(); }},
ajaxCache: false,
cssStyles: {fontSize: '11px' },
width: 220,
centerPointX: .9,
spikeLength: 35,
spikeGirth: 25,
padding: 10,
cornerRadius: 25,
strokeStyle: '#ABABAB',
strokeWidth: 1
});
});
}
Take a look the function reiniciaTip and the (div .detalhes). In
1.2.6, I just had to write (.detalhes), but now i had to specify
that this is from a div
Thanks!!
On 26 fev, 15:22, Eric Garside gars...@gmail.com wrote:
Can you share your code? The small snippets you've shared indicate no
problem. I threw up the jsbin test to confirm that it's not jquery 1.3
that's causing the error. We can't really help unless you post the
full sample of your code that's broken, or give us a url we can check
out and test.
On Feb 26, 1:18 pm, AndreMiranda acymira...@gmail.com wrote:
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the problem
is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine, but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing, but I don't know why
this
works in 1.2.6 and doesn't in 1.3.1:
if ($('.trSelected').length == 2)
{
alert(hello);
}
In this case, I'm selecting rows on flexigrid and used to work
just
[jQuery] Re: Problem with class attribute: Why this work in 1.2.6 and doesn't work on 1.3.1???
But why (.detalhes) doesn't work and (div .detalhes) works???
thanks!!
On 26 fev, 15:44, Eric Garside gars...@gmail.com wrote:
Actually, the space is telling jquery that you want sub elements, not
the actual elements.
a .clickMe will match:
aspan class=clickMe/span/a
but not
a class=clickMe/a
If you want a tag with a class, you can't add a space.
On Feb 26, 1:41 pm, brian bally.z...@gmail.com wrote:
Maybe it's just a typo (and unrelated) but you have spaces in both
div .detalhes a .clickMe.
On Thu, Feb 26, 2009 at 1:27 PM, AndreMiranda acymira...@gmail.com wrote:
$(document).ready(function() {
//chama a função de Tip
reiniciaTip();
//arredonda fundo cinza do DatePicker e da drop down list de
agendas
$(#divCinza).corner();
//DatePicker
$(#divDatePicker).datepicker({
defaultDate: new Date($(#dataDatePicker).val()),
changeMonth: true,
changeYear: true,
onSelect: function(dataSelecionada){
$.ajax({
type: 'GET',
data: dataSelecionada,
url: '/Admin/Agenda/CompromissoAgenda/?
dataSelecionada=' + dataSelecionada,
success: function(conteudoAtualizado){
//atualiza os períodos e
compromissos
$(#divPeriodos).empty
().html(conteudoAtualizado);
//reinicia a função de Tip
devido ao callback do ajax
reiniciaTip();
}
});
}
});
//Adiciona a DDL codAgenda na divDDLAgendas da Master
$(#divDDLAgendas).append($(#codAgenda));
$(#codAgenda).css({width: '170px'});
});
function reiniciaTip()
{
$(div .detalhes).each(function(){
var compromissoId = $(this).attr(id).split(-)[1];
$(this).bt({
ajaxPath: '/Admin/Agenda/DetalhesAgendamento',
ajaxData: {data: codAgendamento= +
compromissoId},
ajaxOpts: { success: function (data) { return
data.toString(); }},
ajaxCache: false,
cssStyles: {fontSize: '11px' },
width: 220,
centerPointX: .9,
spikeLength: 35,
spikeGirth: 25,
padding: 10,
cornerRadius: 25,
strokeStyle: '#ABABAB',
strokeWidth: 1
});
});
}
Take a look the function reiniciaTip and the (div .detalhes). In
1.2.6, I just had to write (.detalhes), but now i had to specify
that this is from a div
Thanks!!
On 26 fev, 15:22, Eric Garside gars...@gmail.com wrote:
Can you share your code? The small snippets you've shared indicate no
problem. I threw up the jsbin test to confirm that it's not jquery 1.3
that's causing the error. We can't really help unless you post the
full sample of your code that's broken, or give us a url we can check
out and test.
On Feb 26, 1:18 pm, AndreMiranda acymira...@gmail.com wrote:
Man, I really don't know why my code is working this way... it's
frustrating... I really don't wanna go back to 1.2.6...
On 26 fev, 15:08, Eric Garside gars...@gmail.com wrote:
Do you have a demo page up somewhere that displays these errors? That
code looks perfectly valid, and I've not noticed any errors in 1.3.1,
so I'm not sure what could be causing it. I threw up a jsbin test on
it, and it seems to work fine.
http://jsbin.com/aputa/edit
On Feb 26, 1:02 pm, AndreMiranda acymira...@gmail.com wrote:
Hi Eric!
I showed this problem with Flexigrid selected rows, but the
problem is
with a specific class attribute to several elements.
For example, If I have 2 links with class attribute clickMe and I
do:
$(.clickMe).click(function(){ alert(this is a test); });
only the FIRST link works. In 1.2.6 this used to work just fine,
but
in 1.3.1 don't.
The same code above, to work on 1.3.1 in my projects, I have to do
$(a .clickMe).click(function(){ alert(this is a test); }); I
had to specify that clickMe is a link (a) class attribute...
Thanks!!
On 26 fev, 14:50, Eric Garside gars...@gmail.com wrote:
Can you provide some HTML to go along with this? There's not
enough
info present to properly determine the issue.
On Feb 26, 12:47 pm, AndreMiranda acymira...@gmail.com wrote:
Hi everyone!!
Well... for me it's just the same thing,
[jQuery] Re: jQuery(this + child) ?
as an alternative, you could do something like:
jQuery(.class).click(function() {
jQuery(this).toggleClass(highlighted);
})
then, in your CSS
.class a {
color: black;
}
.class.highlighted a {
color: red;
}
On Feb 26, 7:40 am, Tze Yang Ng ngt...@gmail.com wrote:
Try the following:
jQuery(.class).click(function() {
jQuery('a',this).toggleClass(highlighted);
}
Cheers
==
On Thu, Feb 26, 2009 at 7:46 PM, Kenchu sweken...@gmail.com wrote:
Is there a way to do what I describe in topic?
For example.
jQuery(.class).click(function()
{
jQuery(this + a).toggleClass(highlighted);
});
This doesnt work. What im trying to do is to select all the a
elements within this. Is it possible to achive that somehow?
--http://ngty77.blogspot.com
[jQuery] Select change, multiple selects
Hi everyone. I'm fairly new to jquery and I am kinda perplexed with
this issue.
I've got a page (dashboard.php) with 2 select boxes. The first select
box triggers the jquery script below, which populates the 2nd box with
values:
///
script type=text/javascript charset=utf-8
$(function(){
$(select#startstate).change(function(){
alert($(this).val());//debug
$.getJSON(admin/startcities.php,{id: $(this).val(), ajax: 'true'},
function(j){
var options = '';
for (var i = 0; i j.length; i++) {
options += 'option value=' + j[i].optionValue + '' + j
[i].optionDisplay + '/option';
}
$(select#startcity).html(options);
})
})
})
/script
///
I take the results of those 2 select elements and submit them to the
same page via GET, changing the url to something like this:
dashboard.php?startstate=AKstartcity=ALEKNAGIK
I then grab the startstate value and see if a startcity elements has
been selected. If it is, then I pre-populate the city names and add
SELECTED to the one that was selected in the 2nd box. Here is the code
that typically makes up the 2nd select element:
///
select name=startcity id=startcity
?
if($_GET['startstate'] == TRUE){
echo option value=\\ALL CITIES/option;
$q = SELECT DISTINCT cityname FROM areas WHERE stateabbr = '.$_GET
['startstate'].';
$result = $database-query($q);
while($row = mysql_fetch_array($result)){
echo option value='.$row['cityname'].';
if($row['cityname'] == $_GET['startcity']){
echo SELECTED ;
}
echo ;
echo $row['cityname'];
echo /option;
}
}
?
/select
///
Ok, if you're still reading, the issue I have is that when I change
the #startstate select box, and the #startcity has been prepopulated,
Firefox ignores the change event. IE however registers it. I put an
alert for debugging right after the change event to make sure. I would
appreciate it if anyone has any ideas what I might have missed.
Thanks in advance!
[jQuery] Resizable: aspectRatio bugs with containment?
Hi Folks,
I'm new with jquery ui, but it seens that there is a bug with the
aspectRatio when used with the containment parameter.
When you're resizing and the #crop object hits the border of the
containment .image, it loses its aspect ratio and keep resizing in
the other axis. For example, if it hits the right border, it will keep
resizing it's height.
Am I doing something wrong? Is all necessary .js linked?
Here's my code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=pt-br lang=pt-
br
head
meta http-equiv=Content-Type content=text/html; charset=utf-8/
link type=text/css rel=stylesheet href=http://localhost:/
css/ui.core.css /
link type=text/css rel=stylesheet href=http://localhost:/
css/ui.resizable.css /
link type=text/css rel=stylesheet href=http://localhost:/
css/ui.theme.css /
script type=text/javascript src=http://localhost:/js/
jquery-1.3.1.js/script
script type=text/javascript src=http://localhost:/js/jquery-
ui-personalized-1.6rc6.js/script
style type=text/css
#imgHolder { position:absolute; }
#crop { position:absolute; top:50px; left:58px; width:50px;
height:
58px; background:white; filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5; }
/style
script
$(document).ready(function(){
$(#crop).resizable({ aspectRatio: 150/175, containment:
'.image',
handles: 'n, e, s, w, ne, se, sw, nw'});
$(#crop).draggable({ containment: '.image'});
});
/script
titleTitle/title
/head
body
div id=imgHolder
img class=image src=http://localhost:/images/corte_01.jpg; /
div id=crop/div
/div
/body
/html
[jQuery] Ajax request -- passing additional paramters to success method
Is anyone aware of a way to pass some additional context information to the
success function of an ajax request?
For instance, here is my code which works fine:
$.ajax({
type: GET,
dataType: json,
url: tUrl,
success: GotNewData,
error: GetDataError,
complete: AjaxRequestComplete
});
To the GotNewData function, I would also like to pass some other
information. The url would be nice, but some other context info would be
fine too. A unique ID. Some random string. ...anything.
Any ideas?
--
Patrick Burrows
http://www.CleverHumans.com
[jQuery] How to use superfish menu style
Dear All, Please help me in installing and using superfish menu in my website. I downloaded the file but I don't know how to make it work in my website for the menus. Thanks in advance Jay
[jQuery] Pagination control jquery -- Need some help
I wrote this jquery to basically dynamically build a paging control
for long articles, etc
I have it dynamically generating a UL, a page selector and a drop
down
selector and I just need to write a piece that will do a -Prev and
Next - and my brain is having trouble with it. Here is the code in
simplified form. I also don't have the coding for the contect
highlighting done yet to show what page we are on.
HTML:
div id=headerUL!--UL goes here--/div
div id=page1 class=page title=Section 1This is Page 1/div
div id=page2 class=page title=Section 2This is Page 2/div
div id=page3 class=page title=Section 3This is Page 3/div
div id=page4 class=page title=Section 4This is Page 4/div
div id=prev!--This will be the Prev Link--/div
div id=PageNum!-- Page Numbers 1, 2, 3, 4--/div
div id=next!--This will be the Next Link--/div
div id=DropDown!--Drop down box--/div
Here is the Jquery I have that generates it. I just need some help
getting Prev and Next done.
script
$(document).ready(function(){
//Prestate
$(.page:not(:first)).hide();
$(.page:first).show();
//Let's get the # of pages.
var numPages = $(.page).length;
var pageNums= ;
var prev = , next=;
var i = 1;
var lister = UL id=pageUL;
var selector = select id=pageSelect;
$(.page).each(function(i) {
pageNums+= a href=# id=+this.id+ class=pageids+(i+1)+,/
anbsp;
lister+=LIa href=# class=pageLI+$(#+this.id).attr('title')
+/
a/LI
selector+=option class=pageSE value=+$(#+this.id).attr('title')
++$(#+this.id).attr('title')+/option
});
lister+=/UL;
selector+=/select;
//Add the Click events
$(.pageids).live(click, function(){
$(#+this.id).show();
$(.page:not(#+this.id+)).hide();
});
$(.pageLI).live(click,function(){
var ht = $(this).html()
$(.page).hide();
$(DIV[title='+ht+']).show();
});
$(.pageSE).live('click',function(){
var ht = $(this).text();
$(.page).hide();
$(DIV[title='+ht+']).show();
});
//Set the values
$(#PageNum).html(pageNums);
$(#headerUL).html(lister);
$(#DropDown).html(selector);
});
/script
Thanks in advance.
[jQuery] Re: Ajax request -- passing additional paramters to success method
Nevermind... I can do it with lambdas.
--
Patrick Burrows
http://www.CleverHumans.com
On Thu, Feb 26, 2009 at 11:50 AM, P Burrows pburr...@gmail.com wrote:
Is anyone aware of a way to pass some additional context information to the
success function of an ajax request?
For instance, here is my code which works fine:
$.ajax({
type: GET,
dataType: json,
url: tUrl,
success: GotNewData,
error: GetDataError,
complete: AjaxRequestComplete
});
To the GotNewData function, I would also like to pass some other
information. The url would be nice, but some other context info would be
fine too. A unique ID. Some random string. ...anything.
Any ideas?
--
Patrick Burrows
http://www.CleverHumans.com
[jQuery] A way to POST this?
Here is my code: http://pastebin.com/m2c7d97bd Now you see i want to post lol. When you load the page, it will POST to this form: http://pastebin.com/m4cf4 Now my problem is that it does not POST lol... it doesn't even post anything. Is there a way to do this? I've been searching for a while now and still no help. Thank you.
