[jQuery] Re: .hide and .show in FireFox vs IE6
O boy, forgot it was closed. Sorry. I have set it open now.
[jQuery] Re: Style div overflow scrollbar ? cant find jQuery equivalent to this
I have been making a plug in of my own. I am about 70% done. where you could add you own image to the scroll bar background and the seeker :) even the scroll up and scroll down arrows :) On Thu, Apr 30, 2009 at 11:35 PM, DB deadbud...@gmail.com wrote: Hello there, anyone know of any plugin using jQuery that can do something like this? http://greengeckodesign.com/projects/mooscroll/examples/example1/ I want to style or set an image in the scrollbar created when a div has an overflow
[jQuery] Re: How to make td clickable for table sorting
Hi Anil,
You're not seeing the entire script there, and it seems you're looking
at the old book.
The clickable class is added to the header cell to give some visual
indication that it is clickable, and it's style in the CSS.
You can find the complete script from the newer book here:
http://book.learningjquery.com/6705/bookstore/scripts/tables.js
Since the script follows along with the book chapters, you'll see a
lot of commented lines. We took an iterative approach to the
chapters, improving the script as we went along. The code you're
looking for starts around line 542.
You can also see a demo here:
http://book.learningjquery.com/6705/bookstore/books/index.html
Hope that helps,
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On May 1, 2009, at 1:37 AM, Anil wrote:
This is same code as in book.
http://www.packtpub.com/article/jquery-table-manipulation-part1
On Apr 30, 10:35 pm, Anil virap...@gmail.com wrote:
I want to make the table header clickable and used the sample code
from Textbook Learning JQuery
I am not sure where is the class 'clickable'present.
Does anybody know how can I get this working.
I loaded the JQuery.js and its linked properly.
Works fine.
7 $(document).ready( function() {
8 $('table.sortable').each( function () {
9 var $table = $(this); /*This returns the current
table
for each table */
10 $('tbody tr:odd',
$table).removeClass('even').addClass
('odd');
11 $('tbody tr:even',
$table).removeClass('odd').addClass
('even');
12 $('th', $table).each(function(column) {
13 if ($(this).is('sort-alpha') ) {
14 $
(this).addClass('clickable').hover(function()
{
15 alert ('1iadfahdgf');
16 $(this).addClass('hover');
17 }, function() {
18 $(this).removeClass('hover');
19 }).click(function(){
20 var rows = $table.find('tbody
tr').get();
21 rows.sort(function(a,b) {
22 var keyA = $(a).children('td').eq
(column).text().toUpperCase();
23 var keyB = $(b).children('td').eq
(column).text().toUpperCase();
24 if ( keyA $keyB ) return -1;
25 if ( keyA $keyB ) return 1;
26 return 0;
27 });
28 $.each(rows,function(index, row ) {
29 $table.children('tbody').append(row);
30 });
31 });
32 }
33 });
34 });
35 });
Thanks in advance, and appreciate your help.
Thanks
Anil
[jQuery] hide labels in Form Validation
Hello All, I'm using the jQuery form validation and want to do three things with the errors: 1.) Make the border of inputs, option menus, radio buttons, etc. red 2.) Remove the Label error messages from the side of the inputs as they DESTROY my style arrangement 3.) Have a single one-line message asking to fill in required fields I saw in the documentation that there's a way to do some of these things but I don't really understand how to implement it as I'm new to JS and jQuery. Thanks! Jared
[jQuery] Re: .hide and .show in FireFox vs IE6
Don't know if this helps, but the error itself is being caused by an
unset marginLeft property on the .thumb class.
(when it's trying to set properties for the objects options)
The objects currents properties are:
width:auto
height:55
marginLeft:NaN
I'm not sure if it's an error caused by something else as I only
briefly looked at the exception in visual studio and you'ere using the
packed jquery js file so it's pretty hard to see.
this.each(function(i){for(name in options)jQuery.attr(type?
this.style:this,name,jQuery.prop(this,options[name],type,i,name));});}
On May 1, 8:29 am, tahooft taho...@tiscali.nl wrote:
O boy, forgot it was closed. Sorry.
I have set it open now.
[jQuery] jQuery Ajax SUCCESS: using 'THIS'?
Hello, I have the following jquery ajax request:
html
head
script type=text/javascript src=jquery-1.3.2.min.js/script
/head
body
a href=# id=yt1Approve/a
script type=text/javascript
/*![CDATA[*/
jQuery(document).ready(function() {
jQuery('#yt1').click(function(){
$(this).replaceWith(iApproving.../i);
jQuery.ajax({
'type':'POST',
'data':'id=205',
'dataType':'text',
'success':function(msg){
alert($(this).attr(id));
},
'url':'/approve/article',
'cache':false
});
return false;
});
});
/*]]*/
/script
/body
/html
First replaceWith working fine, link changes to 'Approving', but alert
saying 'undefined' instead of 'yt1'...
Any ideas acessing this link in a script where I don't know exactly
what id does this link have?
I know that alert($(#yt1).attr(id)); would work, but 'yt1' is auto-
generated by my framework, so I need to access it without $(#_id_)
but using 'this' or any other appropriate method.
Thanks in advance.
Roman
[jQuery] Extra mouseenter for element when removing stuff on top of it
I'm having an issue that my mouse is over an two elements, element a and b. a is on top of b, and b has hover events. If I remove A when the mouse is over it, I get a mouseenter event on b without a mouseremove. Is this a bug? is there a way to work around this? Thanks, Mike
[jQuery] [JOB] PHP / jQuery Developers, Austin, TX
My client is a privately owned company which develops content management, shopping cart, knowledge management and email marketing software used by more than 20,000 organizations worldwide including fortune 500 companies (Intel, Shell, GE), enterprise organizations (Virgin, Ubisoft, Monster.com) and also thousands of small/medium businesses and digital agencies. They are seeking PHP 5 Developers at all levels (junior, mid, and senior) with the following skills: OO PHP 5, MySQL, and jQuery a must. To be considered, please submit your resume along with your salary requirements to beau at open-source-staffing.com Thank you, Beau J. Gould Open Source Staffing www.open-source-staffing.com beau at open-source-staffing.com http://twitter.com/ossjobs
[jQuery] unwanted delay with css()
Hi,
I'm running an A/B test using a 3rd party javascript testing app. I'm
loading the jquery script with the tool.
script
$(document).ready(function(){
$(.cartInStock).css({display : none });
});
/script
The problem is that the original CSS displays (what I want to hide)
while the page is loading, but as soon as it finishes the the script
updates the css and the element disappears.
The script itself loads fairly high up on the page. I'm not sure if
this is the script or the A/B testing tool causing the delay.
Any suggestions?
[jQuery] Re: jQuery Ajax SUCCESS: using 'THIS'?
hitch could do this.
http://higginsforpresident.net/js/jq.hitch.js
http://higginsforpresident.net/js/jq.hitch.min.js
...
'success': jQuery.hitch(this, function(msg){
alert($(this).attr('id'));
}),
...
Regards
On Fri, May 1, 2009 at 12:48 PM, phpdevmd phpde...@gmail.com wrote:
Hello, I have the following jquery ajax request:
html
head
script type=text/javascript src=jquery-1.3.2.min.js/script
/head
body
a href=# id=yt1Approve/a
script type=text/javascript
/*![CDATA[*/
jQuery(document).ready(function() {
jQuery('#yt1').click(function(){
$(this).replaceWith(iApproving.../i);
jQuery.ajax({
'type':'POST',
'data':'id=205',
'dataType':'text',
'success':function(msg){
alert($(this).attr(id));
},
'url':'/approve/article',
'cache':false
});
return false;
});
});
/*]]*/
/script
/body
/html
First replaceWith working fine, link changes to 'Approving', but alert
saying 'undefined' instead of 'yt1'...
Any ideas acessing this link in a script where I don't know exactly
what id does this link have?
I know that alert($(#yt1).attr(id)); would work, but 'yt1' is auto-
generated by my framework, so I need to access it without $(#_id_)
but using 'this' or any other appropriate method.
Thanks in advance.
Roman
[jQuery] Re: jQuery Ajax SUCCESS: using 'THIS'?
Hi Roman,
You need to copy the reference to your link to a variable like this:
jQuery('#yt1').click(function(){
$(this).replaceWith(iApproving.../i);
var aObj = $(this);
jQuery.ajax({
'type':'POST',
'data':'id=205',
'dataType':'text',
'success':function(msg){
alert(aObj.attr(id));
},
'url':'/approve/article',
'cache':false
});
return false;
});
on 01/05/2009 11:48 phpdevmd said::
Hello, I have the following jquery ajax request:
html
head
script type=text/javascript src=jquery-1.3.2.min.js/script
/head
body
a href=# id=yt1Approve/a
script type=text/javascript
/*![CDATA[*/
jQuery(document).ready(function() {
jQuery('#yt1').click(function(){
$(this).replaceWith(iApproving.../i);
jQuery.ajax({
'type':'POST',
'data':'id=205',
'dataType':'text',
'success':function(msg){
alert($(this).attr(id));
},
'url':'/approve/article',
'cache':false
});
return false;
});
});
/*]]*/
/script
/body
/html
First replaceWith working fine, link changes to 'Approving', but alert
saying 'undefined' instead of 'yt1'...
Any ideas acessing this link in a script where I don't know exactly
what id does this link have?
I know that alert($(#yt1).attr(id)); would work, but 'yt1' is auto-
generated by my framework, so I need to access it without $(#_id_)
but using 'this' or any other appropriate method.
Thanks in advance.
Roman
[jQuery] Re: jQuery Ajax SUCCESS: using 'THIS'?
You need to copy the reference to your link to a variable like this:
jQuery('#yt1').click(function(){
$(this).replaceWith(iApproving.../i);
var aObj = $(this);
if you are going to suggest this, go ahead and teach a good practice
of not creating a new jq object unnecessarily:
.click(function(){
var aObj = $(this);
aObj.replaceWith(i.../i);
ajaxCrap(...);
});
Regards,
Peter
[jQuery] Re: jQuery barcode
I'm working to pass a parameter (for codes like code39) called digit width so 123 coded is half size of 456987. The digit width sounds exactly like what I'm talking about. Digits 123456789 bar coded in a container of 60x100 pixels look very different than in a container of 150x100 pixels (see example posted at http://betweenbrain.com/lab/barcode/comparison.html). It seems like the bar codes generated from strings with more characters should be wider then those with less characters. In either case, in theory, the density or number of lines per inch should be the same.This is merely theory only based on quick tests. Keep up the good work. This is cool. Matt
[jQuery] Re: unwanted delay with css()
ok instead of display:none i use something slightly different
#my element {
height:0!important;
width:0!important;
overflow:hidden!important;
font-size:0!important
}
try using those listed styles instead of display:none
so i would use the following jquery
$(#id).animate({ height:0!important, width:0!important,
overflow:hidden!important, fontSize:0!important } 0 );
if you animate with the value of 0 it reaches its' end state immediately
On Fri, May 1, 2009 at 3:25 PM, bluejohn john.car...@bluefly.com wrote:
Hi,
I'm running an A/B test using a 3rd party javascript testing app. I'm
loading the jquery script with the tool.
script
$(document).ready(function(){
$(.cartInStock).css({display : none });
});
/script
The problem is that the original CSS displays (what I want to hide)
while the page is loading, but as soon as it finishes the the script
updates the css and the element disappears.
The script itself loads fairly high up on the page. I'm not sure if
this is the script or the A/B testing tool causing the delay.
Any suggestions?
[jQuery] Re: unwanted delay with css()
also if you use firefox and download the firebug plugin. you can monitor the
load time of your scritps using that. you don't need to resort to much third
party tools.
On Fri, May 1, 2009 at 3:53 PM, waseem sabjee waseemsab...@gmail.comwrote:
ok instead of display:none i use something slightly different
#my element {
height:0!important;
width:0!important;
overflow:hidden!important;
font-size:0!important
}
try using those listed styles instead of display:none
so i would use the following jquery
$(#id).animate({ height:0!important, width:0!important,
overflow:hidden!important, fontSize:0!important } 0 );
if you animate with the value of 0 it reaches its' end state immediately
On Fri, May 1, 2009 at 3:25 PM, bluejohn john.car...@bluefly.com wrote:
Hi,
I'm running an A/B test using a 3rd party javascript testing app. I'm
loading the jquery script with the tool.
script
$(document).ready(function(){
$(.cartInStock).css({display : none });
});
/script
The problem is that the original CSS displays (what I want to hide)
while the page is loading, but as soon as it finishes the the script
updates the css and the element disappears.
The script itself loads fairly high up on the page. I'm not sure if
this is the script or the A/B testing tool causing the delay.
Any suggestions?
[jQuery] Re: $(window).resize event does not fire in IE8
I don't see anything wrong with your function. IE over the years
however, has not exactly been a browser built on a strong foundation
of competence and IE 8 is relatively new. I don't know if putting that
line of code in to render as IE 7 has any effect on the JS but I doubt
it. You might be better off setting off an event when the offset of a
hidden dummy element floated to the right changes or something.
On Apr 30, 5:28 pm, ThaStark thast...@gmail.com wrote:
Hey Guys - I am posting this question a second time and apologize if
someone answered it in the other thread - I cannot find the post
anywhere on this list.
$(window).resize(function(){
alert(Stop it!);
});
Is not firing in IE8 - this is the exact sample code provided
at:http://docs.jquery.com/Events/resize#fn
Any Ideas?
[jQuery] thickbox like in front page of Jquery website
Hello everybody, I search the little script used in the front page of JQwebsite. The litte scritp that make appear little box on rollover Lightweight Footprint, CSS3 compliant the class is jq.thickbox but i can't find the script. I know is a very simple script but i really want to know about. Thanks in advance for your answer Sébastien
[jQuery] Re: .hide and .show in FireFox vs IE6
I don't know how hide works in JQuery but in CSS visibility:hidden is
treated the same or at least similar to display:none in IE 6. The real
question is, what would possess you to use VS after all the trouble
you've suffered at the hands of IE?
On May 1, 6:01 am, gersbod bod@gmail.com wrote:
Don't know if this helps, but the error itself is being caused by an
unset marginLeft property on the .thumb class.
(when it's trying to set properties for the objects options)
The objects currents properties are:
width:auto
height:55
marginLeft:NaN
I'm not sure if it's an error caused by something else as I only
briefly looked at the exception in visual studio and you'ere using the
packed jquery js file so it's pretty hard to see.
this.each(function(i){for(name in options)jQuery.attr(type?
this.style:this,name,jQuery.prop(this,options[name],type,i,name));});}
On May 1, 8:29 am, tahooft taho...@tiscali.nl wrote:
O boy, forgot it was closed. Sorry.
I have set it open now.
[jQuery] Re: jQuery Ajax SUCCESS: using 'THIS'?
Half of a day have been looking for this elegant solution.
Thanks Peter, your genius!
Thanks to Pete Higgings as well.
On May 1, 4:38 pm, Peter Edwards p...@bjorsq.net wrote:
Hi Roman,
You need to copy the reference to your link to a variable like this:
jQuery('#yt1').click(function(){
$(this).replaceWith(iApproving.../i);
var aObj = $(this);
jQuery.ajax({
'type':'POST',
'data':'id=205',
'dataType':'text',
'success':function(msg){
alert(aObj.attr(id));
},
'url':'/approve/article',
'cache':false
});
return false;
});
on 01/05/2009 11:48 phpdevmd said::
Hello, I have the following jquery ajax request:
html
head
script type=text/javascript src=jquery-1.3.2.min.js/script
/head
body
a href=# id=yt1Approve/a
script type=text/javascript
/*![CDATA[*/
jQuery(document).ready(function() {
jQuery('#yt1').click(function(){
$(this).replaceWith(iApproving.../i);
jQuery.ajax({
'type':'POST',
'data':'id=205',
'dataType':'text',
'success':function(msg){
alert($(this).attr(id));
},
'url':'/approve/article',
'cache':false
});
return false;
});
});
/*]]*/
/script
/body
/html
First replaceWith working fine, link changes to 'Approving', but alert
saying 'undefined' instead of 'yt1'...
Any ideas acessing this link in a script where I don't know exactly
what id does this link have?
I know that alert($(#yt1).attr(id)); would work, but 'yt1' is auto-
generated by my framework, so I need to access it without $(#_id_)
but using 'this' or any other appropriate method.
Thanks in advance.
Roman
[jQuery] Re: Known issues with webkit and jQuery 1.3?
Kelvin, While I didn't really dig into the problem, looking at the inspecting the jScrollPaneContainer element in Chrome, the width is being set to 1130px for me. My guess is something in your code is calculating the wrong width for the element. My best guess is this is due with the issue in Webkit where if you don't load *all* the CSS before the JS, then the ready() function fires before all the CSS is applied, therefore your dimensions can be off. You might try moving the scrollpane code in a $(window).load() event temporarily to see if that changes things. -Dan On Tue, Apr 28, 2009 at 1:13 PM, Kelvin Luck kelvin.l...@gmail.com wrote: Hi again, I have now reproduced the issue in Safari on PC and now Chrome on PC. One of the user's reported a problem with this site: http://warehousetwentyone.com/ Clicking back and forth between warehouse and services in the aforementioned browsers sometimes breaks. A refresh fixes it. And it never breaks on the initial load. So it appears to be a webkit issue but I'm not sure exactly where it is going wrong... Any ideas still much appreciated, Kelvin :) On Tue, Apr 28, 2009 at 9:53 AM, Kelvin Luck kelvin.l...@gmail.com wrote: Hi, Sorry for the vague question but I'm wondering if there are any known issues with webkit browsers (e.g. Safari and Chrome) and jQuery 1.3? I've had quite a few queries from users of my jScrollPane plugin who have noticed issues with it on Safari on mac. They seem to be related to either document.ready firing at the wrong time or possibly to calculations of height going wrong. You can see some of the reports here: http://code.google.com/p/jscrollpane/issues/detail?id=60 It also seems to be related to the state of the user's cache. One user said: Scrollbar works correctly on first load, but breaks when one or more of the dependent files loads from the browser cache, specifically in Safari on Mac. while another said: Loads frequently with no scrollbars at all, on refresh is fine.. This is what makes me wonder if the problem is related to document.ready... It seems like some people solved the problem by adjusting the order of the script and css files in the head of the document but this didn't work for everyone. I first started getting reports like this around the time jQuery 1.3 came out and I don't think there were any previous to that. So it may be related to 1.3. But it could also be related to some changes I did at that time... I am asking my users to help me debug but I wondered if there was any known issues that might be causing this... Thanks for any ideas or pointers, Kelvin :)
[jQuery] Re: Form plugin: input elements excluded
Dennis, You could do a manual AJAX submit and then just manually serialize your form fields. Also, before doing the AJAX submit, you could do something like: $(#your_form).append(#your_dialog); This would move the fields back into the form / element. -Dan On Mon, Apr 27, 2009 at 5:16 AM, dth dennis.thry...@gmail.com wrote: Aha! I guess it must be because the dialog is moved to be the last element of the body element, and thus outside of the form. I guess that's necesarry for absolute placement etc. I'll see if I manually can pick up the extra field values. Suggestions are welcome :) -dennis On Apr 27, 11:11 am, dth dennis.thry...@gmail.com wrote: According to firebug not much is altered, and the fields should be included in the form as far as I can tell. But they aren't :/
[jQuery] why is animation on td is messing up layout in firefox?
hello all,
I'm here trying to simply expand a table cell's width to 88% while
decrease it's siblings's width to 2% each.
Below is the code
$('#mytable td').click(function (event) {
$(this).animate({
'width': '88%'
}, 'slow')
.siblings().css({
'width': '2%'
})
.end()
});
The problem is that in Firefox (3.x), it always extends a bit too
much for the current cell clicked (as if it added another column or
something).
I see in firebug, while expanding to 88%, the style was temporarily
changed to display:block and i figured that might be the issue.
How do I overcome it?
Greatly appreciate it.
[jQuery] Calling an element tag and the value inside one of it's attributes
This is an odd questions. I have a huge form with a lot of data. There is a table that data in it I need to display on a print screen (of course this data isn't being displayed in the regular table). So, I put the display text in a span tag. So, this is how each item will look: span printData=Item 1 detail to displayItem 1/span span printData=item 2 detail to displayItem 2/span I need a way to grab all spans on the page that have the attributte of printData and grab that text inside that attribute and print it out. Any thoughts?
[jQuery] Re: Conditional required fields
I fixed the problem. It was this method:
var autoHide = function() {
memberSections.find('.section').hideExtras(memberCount.val());
youngerSections.find('.section').hideExtras(youngerMemberCount.val
());
}
I changed it to:
var autoHide = function() {
if(!$('#memberless input').is(':checked')) {
memberSections.find('.section').hideExtras(memberCount.val());
}
if(!$('#younger-memberless input').is(':checked')) {
youngerSections.find('.section').hideExtras
(youngerMemberCount.val());
}
}
So that the field validators would not be added back when the
individual sections were excluded.
Thomas
On Apr 30, 2:16 pm, Thomas Allen thomasmal...@gmail.com wrote:
Thanks. I ended up using the classes add/remove style, and it works
well. However, a method that should be called on every page load is
not working properly. I am sure that it's being called (tested with
the console), but the removeValidators() method doesn't seem to work
properly.
http://content.constructioninst.org/corporate_renewal.html
On every page load, removeValidators will be called, which removes the
required and email validation classes found within the jQuery
object of the selector (first arg) if the caller's checkbox is
checked. The problem is if, for example, I fill out the first section
with its required fields, check the first box (which hides the bulk of
the form), choose Check for payment, and submit. If I go back, while
the hide/removeValidator method (membersUnnecessary) is called and
does indicate that the checkbox is checked (the same sections are
hidden), I cannot re-submit the form: The validation classes are not
removed.
What can I do to fix this? I know that the code's a bit clumsy, but I
can explain any specific parts if needed.
Thanks,
Thomas
[jQuery] problem filtering out via parents() and :not()
Hello !
I'm assigning a specific swap position behaviour on click to a list
of links, all sitting inside a multilevel unordered list with id
detailsNavigation
That behaviour only concerns specific anchors and those with class
noSwap shouldn't ... swap.
Can you explain me why this does not work?
$(#detailsNavigation li ul li a).bind(click, function()
{
var $thisA = $(this);
var $thisLI = $thisA.parent();
var $thisUL = $thisLI.parent();
if ($thisUL.parents('li').is(':not(#metadesign,
#editions, #timeline, #related)') || $thisA.is(':not(.noSwap)'))
{
// do that swappin' thingy
}
});
Here is the related html:
ul
li class=clearfix id=metadesign
ul style=display: block; class=detailsSubnav clearfix
selected
li class=clearfix style=width: 100%;
ul class=metaSection clearfix
li class=skinColor
metaSectionTitleconcepts/li
lia class=ajax noSwap href=http://m2.lab-
au.com/projects/f551/metadesign/concepts/8/
electrosensing/a/li
/ul
ul class=metaSection clearfix
li style=display: list-item;
a class=ajax selected noSwap href=http://
m2.lab-au.com/projects/f551/metadesign/methods/
referencing/referencing/a
/li
li class=skinColor
metaSectionTitlemethods/li
li class=inactivespan
class=inactiveData mining/span/li
/ul
/li
/ul
/li
/ul
Thanks a lot for your help!
Alexandre
[jQuery] Webkit not complying with simple jQuery selector
I'm attempting to make every .inputbox element except the last one
read-only on my webpage. Firefox and IE comply but Safari and Chrome
apply readonly to ALL .inputbox elements on the page, even the
last one.
I've narrowed down my issues to the selector in this line:
$(.inputbox:not(:last)).attr(readonly, readonly);
Am I missing something in this selector, or is there a problem with
Webkit? (I'm assuming Webkit since the problem spans Chrome and Safari
only.) One can reproduce this by using this HTML file:
html
head
titlejQuery Not Selector Test Case/title
script type=text/javascript src=jquery-1.3.2.min.js/script
script type=text/javascript
function doTest() {
$(.inputbox:not(:last)).attr(readonly, readonly);
}
/script
/head
body
input type=text class=inputbox value=Testing /br /
input type=text class=inputbox value=Testing /br /
input type=text class=inputbox value=Testing /br /
input type=text class=inputbox value=Testing /br /
input type=text class=inputbox value=Testing /br /
input type=text class=inputbox value=Testing /br /
input type=text class=inputbox value=Testing /br /
button onclick=doTest()Test me/button
/body
/html
[jQuery] POSTing JSON cross domain
Hi all, I've been pulling my hair out today trying to get this to work. I have a large form of data that needs to be sent back to it's home server when a user triggers an action. Using getJSON, I am able to post the data successfully back to the home server. However, when I try and replace this with POST instead (in order to get around data size limitations) nothing at all happens. I can see no activity at all in my log files or console. If I move the client page on to the same server as the home server, then an XHR request is fired and data once again flows. Anyone know what jQuery treats GETs different to POSTs in this sense, and how to work around it? Thanks Simon
[jQuery] prevent object from being clicked until animation is over
As in topic. I have dynamic gallery containing just 3 elements:
http://szycha.kylos.pl/test/gal.html
http://szycha.kylos.pl/test/js/gallery.js -script
Problem occures when image is clicked another time(you have to click
quick to see the problem) before end of animation. I think that
preventing it from being clicked would solve the problem but im not
sure.
Please help me find the solution
Code:
$(function() {
$('#gallery img').click(function() {
var zIn=$(this).css('zIndex');
if(zIn==3){
$(this).animate({width:365px,height:265px},
300,function(){
$
(this).animate({width:363px,height:262px},500);}
);
}else{
$(this).animate({ left : 0px,
opacity : .05 }, 300,function() {
$(this).animate({
top :
0px,
opacity : 1,
width:363px,height:262px
},300, function(){
$(this).css
('zIndex', '3');
$('#gallery
img').not(this).each(function(j){
j++;
var
box_zIn=$(this).css('zIndex');
if
( box_zIn==3 zIn==2 ){ //click box 2
$
(this).animate({left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==3 zIn==1){ //click box 1
$
(this).animate({left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==2 zIn==1){ //click box 1
$
(this).animate({left:75px,
height:240px,
width:333px
},
300).css('zIndex', '1');
}
});
});
}
);
}
//return false;
});
});
[jQuery] Re: File uploads, Form plugin and XMLHttpRequest?
The sample provided isnt clear at all
On 24 abr, 10:09, Donny Kurnia donnykur...@gmail.com wrote:
oi_antz wrote:
I'm trying to ajaxify my application, which requires submitting forms
via $.post or $(form).ajaxSubmit. Problem I'm having with $.post is
thatfilefields don't work. So I use $(form).ajaxSubmitand my
response text is something like this:
{
'_JS':'/* javascript code to evaluate, contains escaped quotes
(\) */',
'_CONTENT' : '!-- html code containing escaped quotes and stuff --
'
}
The callback tries JSON.parse(responseText), but I am finding all my
\ characters inside data members _JS and _CONTENT have been converted
to html entities. I guess this is because the jquery form plugin is
using a custom html element for xhr and firefox converts quotes found
inside quotes to html entities.
Is there a way to configure the form plugin to use XMLHttpRequest, or
another method that doesn't tamper with the responseText?
Are you using malsup's form plugins? In the server side processing, the
json response must wrapped inside textarea/textarea. You can see the
the example php page in malsup's site.
Fileupload didn't submitted via XMLHttpRequest, but via hidden iframe.
That's why you need to wrap it inside textarea so jQuery can parse the
response json.
--
Donny Kurniahttp://hantulab.blogspot.comhttp://www.plurk.com/user/donnykurnia
[jQuery] Re: Style div overflow scrollbar ? cant find jQuery equivalent to this
Have a look here: http://kelvinluck.com/assets/jquery/jScrollPane/ It works very well for me. On Thu, Apr 30, 2009 at 4:06 PM, DB deadbud...@gmail.com wrote: Hello all. I've been looking around for a jQuery plugin that will let me style the scrollbar you get when a div uses overflow(vertical). When i say style i dont mean just change the color, i mean change the overall look. This is exactly what i need i think. http://greengeckodesign.com/projects/mooscroll/examples/example1/ but i dont know how to use mootools and trying to stick to jQuery. Any help will be appreciated.
[jQuery] Re: unwanted delay with css()
Thanks. I can't seem to get that to work in my scenario .
I think you are missing a comma though:
$(#id).animate({ height:0!important, width:0!important,
overflow:hidden!important, fontSize:0!important }, 0 );
On May 1, 9:53 am, waseem sabjee waseemsab...@gmail.com wrote:
ok instead of display:none i use something slightly different
#my element {
height:0!important;
width:0!important;
overflow:hidden!important;
font-size:0!important}
try using those listed styles instead of display:none
so i would use the following jquery
$(#id).animate({ height:0!important, width:0!important,
overflow:hidden!important, fontSize:0!important } 0 );
if you animate with the value of 0 it reaches its' end state immediately
On Fri, May 1, 2009 at 3:25 PM, bluejohn john.car...@bluefly.com wrote:
Hi,
I'm running an A/B test using a 3rd party javascript testing app. I'm
loading the jquery script with the tool.
script
$(document).ready(function(){
$(.cartInStock).css({display : none });
});
/script
The problem is that the original CSS displays (what I want to hide)
while the page is loading, but as soon as it finishes the the script
updates the css and the element disappears.
The script itself loads fairly high up on the page. I'm not sure if
this is the script or the A/B testing tool causing the delay.
Any suggestions?
[jQuery] Re: How to make td clickable for table sorting
Thanks Carl,
Yes the script is incomplete since I just started working with JQuery.
Moreover I guess I was not clear with my question.
Anyways my simple doubt was about the CSS
.clickable {
cursor:pointer;
}
I guess adding the above class will solve my problem.
But thanks for the links and your help.
This group rocks !!
-Anil
On May 1, 5:18 am, Karl Swedberg k...@englishrules.com wrote:
Hi Anil,
You're not seeing the entire script there, and it seems you're looking
at the old book.
The clickable class is added to the header cell to give some visual
indication that it is clickable, and it's style in the CSS.
You can find the complete script from the newer book here:
http://book.learningjquery.com/6705/bookstore/scripts/tables.js
Since the script follows along with the book chapters, you'll see a
lot of commented lines. We took an iterative approach to the
chapters, improving the script as we went along. The code you're
looking for starts around line 542.
You can also see a demo here:
http://book.learningjquery.com/6705/bookstore/books/index.html
Hope that helps,
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On May 1, 2009, at 1:37 AM, Anil wrote:
This is same code as in book.
http://www.packtpub.com/article/jquery-table-manipulation-part1
On Apr 30, 10:35 pm, Anil virap...@gmail.com wrote:
I want to make the table header clickable and used the sample code
from Textbook Learning JQuery
I am not sure where is the class 'clickable'present.
Does anybody know how can I get this working.
I loaded the JQuery.js and its linked properly.
Works fine.
7 $(document).ready( function() {
8 $('table.sortable').each( function () {
9 var $table = $(this); /*This returns the current
table
for each table */
10 $('tbody tr:odd',
$table).removeClass('even').addClass
('odd');
11 $('tbody tr:even',
$table).removeClass('odd').addClass
('even');
12 $('th', $table).each(function(column) {
13 if ($(this).is('sort-alpha') ) {
14 $
(this).addClass('clickable').hover(function()
{
15 alert ('1iadfahdgf');
16 $(this).addClass('hover');
17 }, function() {
18 $(this).removeClass('hover');
19 }).click(function(){
20 var rows = $table.find('tbody
tr').get();
21 rows.sort(function(a,b) {
22 var keyA = $(a).children('td').eq
(column).text().toUpperCase();
23 var keyB = $(b).children('td').eq
(column).text().toUpperCase();
24 if ( keyA $keyB ) return -1;
25 if ( keyA $keyB ) return 1;
26 return 0;
27 });
28 $.each(rows,function(index, row ) {
29 $table.children('tbody').append(row);
30 });
31 });
32 }
33 });
34 });
35 });
Thanks in advance, and appreciate your help.
Thanks
Anil
[jQuery] Re: Double submitted ajax requests
Yes, we have firebug 1.3.1 installed.
Josh
On Thu, Apr 30, 2009 at 11:58 PM, John Resig jere...@gmail.com wrote:
Do you have Firebug installed? Some versions of Firebug submit requests
twice.
--John
On Wed, Apr 29, 2009 at 5:17 PM, Josh Ain josh@gmail.com wrote:
Very intermittently, I am finding ajax requests submitted with jquery are
being submitted twice, once with parameters, and once without parameters.
The code looks something like this:
jQuery.post(url?id=id,
{param1: param1,
param2: param2,
id: id},
callback);
We are using jquery 1.3.1, and the error occurred most recently from a
firefox 2 browser.
What we see on the server side, is a request with all the expected
parameters, then about 200ms later, a request with only the id parameter.
Does anybody have any idea why this is happening, and how to avoid this
issue?
Thank you for any assistance!
Josh Ain
ITA Software
[jQuery] Re: Zebra (stripes) Widget vs Colgroups (CSS)
Instead of having specifically adding custom code like td class=red into your table, let jQuery do the work for you. (much simpler, particularly if the table's code is generated dynamically, and you can't modify it.) For example, to override the zebra background on the first and 3rd columns of a zebra striped row, you could do something like: $(table.zebra tbody tr:odd td:first-child).addClass(red); $(table.zebra tbody tr:odd td:nth-child(3)).addClass(red); sly
[jQuery] Re: prevent object from being clicked until animation is over
$(el).click(function(){
if ( $(this).is(':animated') )
return false;
//...
});
On May 1, 1:16 pm, slengteng focu...@gmail.com wrote:
As in topic. I have dynamic gallery containing just 3 elements:
http://szycha.kylos.pl/test/gal.htmlhttp://szycha.kylos.pl/test/js/gallery.js-script
Problem occures when image is clicked another time(you have to click
quick to see the problem) before end of animation. I think that
preventing it from being clicked would solve the problem but im not
sure.
Please help me find the solution
Code:
$(function() {
$('#gallery img').click(function() {
var zIn=$(this).css('zIndex');
if(zIn==3){
$(this).animate({width:365px,height:265px},
300,function(){
$
(this).animate({width:363px,height:262px},500);}
);
}else{
$(this).animate({ left : 0px,
opacity : .05 }, 300,function() {
$(this).animate({
top :
0px,
opacity : 1,
width:363px,height:262px
},300, function(){
$(this).css
('zIndex', '3');
$('#gallery
img').not(this).each(function(j){
j++;
var
box_zIn=$(this).css('zIndex');
if
( box_zIn==3 zIn==2 ){ //click box 2
$
(this).animate({ left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==3 zIn==1){ //click box 1
$
(this).animate({ left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==2 zIn==1){ //click box 1
$
(this).animate({ left:75px,
height:240px,
width:333px
},
300).css('zIndex', '1');
}
});
});
}
);
}
//return false;
});
});
[jQuery] Re: prevent object from being clicked until animation is over
Hi Ricardo.
would e.preventDefault() work in place of return false ?
On Fri, May 1, 2009 at 7:17 PM, Ricardo ricardob...@gmail.com wrote:
$(el).click(function(){
if ( $(this).is(':animated') )
return false;
//...
});
On May 1, 1:16 pm, slengteng focu...@gmail.com wrote:
As in topic. I have dynamic gallery containing just 3 elements:
http://szycha.kylos.pl/test/gal.htmlhttp://szycha.kylos.pl/test/js/gallery.js-script
Problem occures when image is clicked another time(you have to click
quick to see the problem) before end of animation. I think that
preventing it from being clicked would solve the problem but im not
sure.
Please help me find the solution
Code:
$(function() {
$('#gallery img').click(function() {
var zIn=$(this).css('zIndex');
if(zIn==3){
$(this).animate({width:365px,height:265px},
300,function(){
$
(this).animate({width:363px,height:262px},500);}
);
}else{
$(this).animate({ left : 0px,
opacity : .05 }, 300,function() {
$(this).animate({
top :
0px,
opacity : 1,
width:363px,height:262px
},300, function(){
$(this).css
('zIndex', '3');
$('#gallery
img').not(this).each(function(j){
j++;
var
box_zIn=$(this).css('zIndex');
if
( box_zIn==3 zIn==2 ){ //click box 2
$
(this).animate({left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==3 zIn==1){ //click box 1
$
(this).animate({left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==2 zIn==1){ //click box 1
$
(this).animate({left:75px,
height:240px,
width:333px
},
300).css('zIndex', '1');
}
});
});
}
);
}
//return false;
});
});
[jQuery] Re: Webkit not complying with simple jQuery selector
On May 1, 12:34 pm, Matt matthew.h...@gmail.com wrote:
I'm attempting to make every .inputbox element except the last one
read-only on my webpage. Firefox and IE comply but Safari and Chrome
apply readonly to ALL .inputbox elements on the page, even the
last one.
I've narrowed down my issues to the selector in this line:
$(.inputbox:not(:last)).attr(readonly, readonly);
Am I missing something in this selector, or is there a problem with
Webkit? (I'm assuming Webkit since the problem spans Chrome and Safari
only.) One can reproduce this by using this HTML file:
Same here, different results on Chrome vs FF. $(.inputbox:not
(input:last)) or $('.inputbox').not(':last') for some reason work
fine. Time to file a ticket! http://dev.jquery.com/newticket/
cheers
-- ricardo
[jQuery] Re: prevent object from being clicked until animation is over
tx for tip. i did it like this and it works fine:
$('#gallery img').click(function() {
if ( !$('#gallery img').is(':animated') )
{...
On 1 Maj, 19:17, Ricardo ricardob...@gmail.com wrote:
$(el).click(function(){
if ( $(this).is(':animated') )
return false;
//...
});
On May 1, 1:16 pm, slengteng focu...@gmail.com wrote:
As in topic. I have dynamic gallery containing just 3 elements:
http://szycha.kylos.pl/test/gal.htmlhttp://szycha.kylos.pl/test/js/ga...
Problem occures when image is clicked another time(you have to click
quick to see the problem) before end of animation. I think that
preventing it from being clicked would solve the problem but im not
sure.
Please help me find the solution
Code:
$(function() {
$('#gallery img').click(function() {
var zIn=$(this).css('zIndex');
if(zIn==3){
$(this).animate({width:365px,height:265px},
300,function(){
$
(this).animate({width:363px,height:262px},500);}
);
}else{
$(this).animate({ left : 0px,
opacity : .05 }, 300,function() {
$(this).animate({
top :
0px,
opacity : 1,
width:363px,height:262px
},300, function(){
$(this).css
('zIndex', '3');
$('#gallery
img').not(this).each(function(j){
j++;
var
box_zIn=$(this).css('zIndex');
if
( box_zIn==3 zIn==2 ){ //click box 2
$
(this).animate({ left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==3 zIn==1){ //click box 1
$
(this).animate({ left:40px,
height:250px,
width:346px
},
300).css('zIndex', '2');
}
if
(box_zIn==2 zIn==1){ //click box 1
$
(this).animate({ left:75px,
height:240px,
width:333px
},
300).css('zIndex', '1');
}
});
});
}
);
}
//return false;
});
});
[jQuery] Re: problem filtering out via parents() and :not()
No #detailsNavigation in your HTML.. and why not simply $
(.metaSection a).click(function(){... ? Also you can swap $thisA.is
(:not... for !$thisA.hasClass('noSwap'), much less overhead.
Despite that code looks fine, could you provide a working sample at
jsbin.com or the likes?
On May 1, 12:29 pm, pixeline aplennev...@gmail.com wrote:
Hello !
I'm assigning a specific swap position behaviour on click to a list
of links, all sitting inside a multilevel unordered list with id
detailsNavigation
That behaviour only concerns specific anchors and those with class
noSwap shouldn't ... swap.
Can you explain me why this does not work?
$(#detailsNavigation li ul li a).bind(click, function()
{
var $thisA = $(this);
var $thisLI = $thisA.parent();
var $thisUL = $thisLI.parent();
if ($thisUL.parents('li').is(':not(#metadesign,
#editions, #timeline, #related)') || $thisA.is(':not(.noSwap)'))
{
// do that swappin' thingy
}
});
Here is the related html:
ul
li class=clearfix id=metadesign
ul style=display: block; class=detailsSubnav clearfix
selected
li class=clearfix style=width: 100%;
ul class=metaSection clearfix
li class=skinColor
metaSectionTitleconcepts/li
lia class=ajax noSwap href=http://m2.lab-
au.com/projects/f551/metadesign/concepts/8/
electrosensing/a/li
/ul
ul class=metaSection clearfix
li style=display: list-item;
a class=ajax selected noSwap href=http://
m2.lab-au.com/projects/f551/metadesign/methods/
referencing/referencing/a
/li
li class=skinColor
metaSectionTitlemethods/li
li class=inactivespan
class=inactiveData mining/span/li
/ul
/li
/ul
/li
/ul
Thanks a lot for your help!
Alexandre
[jQuery] Re: why is animation on td is messing up layout in firefox?
On May 1, 11:57 am, Liming lmxudot...@gmail.com wrote:
hello all,
I'm here trying to simply expand a table cell's width to 88% while
decrease it's siblings's width to 2% each.
Below is the code
$('#mytable td').click(function (event) {
$(this).animate({
'width': '88%'
}, 'slow')
.siblings().css({
'width': '2%'
})
.end()
});
The problem is that in Firefox (3.x), it always extends a bit too
much for the current cell clicked (as if it added another column or
something).
I see in firebug, while expanding to 88%, the style was temporarily
changed to display:block and i figured that might be the issue.
How do I overcome it?
Greatly appreciate it.
Try restoring the display property right after:
$(this).animate({ width : '88%'}, 'slow').css('display', 'table-
cell');
But animations are made for block elements, you'll get weird glitches
most times when animating tables or other non-block elements.
[jQuery] Re: why is animation on td is messing up layout in firefox?
Thanks Ricardo.. just tried, didn't work out too well. Layout is all
messed up cuz during animation, display:'block already messed it up.
Setting the right value back didn't appear to have any effect. IE 7
works fine though. Strange.
On May 1, 1:38 pm, Ricardo ricardob...@gmail.com wrote:
On May 1, 11:57 am, Liming lmxudot...@gmail.com wrote:
hello all,
I'm here trying to simply expand a table cell's width to 88% while
decrease it's siblings's width to 2% each.
Below is the code
$('#mytable td').click(function (event) {
$(this).animate({
'width': '88%'
}, 'slow')
.siblings().css({
'width': '2%'
})
.end()
});
The problem is that in Firefox (3.x), it always extends a bit too
much for the current cell clicked (as if it added another column or
something).
I see in firebug, while expanding to 88%, the style was temporarily
changed to display:block and i figured that might be the issue.
How do I overcome it?
Greatly appreciate it.
Try restoring the display property right after:
$(this).animate({ width : '88%'}, 'slow').css('display', 'table-
cell');
But animations are made for block elements, you'll get weird glitches
most times when animating tables or other non-block elements.
[jQuery] Re: Webkit not complying with simple jQuery selector
Awesome, glad that can be verified. Thank you!
Ticket opened: http://dev.jquery.com/ticket/4587
On May 1, 11:28 am, Ricardo ricardob...@gmail.com wrote:
On May 1, 12:34 pm, Matt matthew.h...@gmail.com wrote:
I'm attempting to make every .inputbox element except the last one
read-only on my webpage. Firefox and IE comply but Safari and Chrome
apply readonly to ALL .inputbox elements on the page, even the
last one.
I've narrowed down my issues to the selector in this line:
$(.inputbox:not(:last)).attr(readonly, readonly);
Am I missing something in this selector, or is there a problem with
Webkit? (I'm assuming Webkit since the problem spans Chrome and Safari
only.) One can reproduce this by using this HTML file:
Same here, different results on Chrome vs FF. $(.inputbox:not
(input:last)) or $('.inputbox').not(':last') for some reason work
fine. Time to file a ticket!http://dev.jquery.com/newticket/
cheers
-- ricardo
[jQuery] Re: problem filtering out via parents() and :not()
hi Ricardo!
in fact i removed all code that was out of the realm of this issue, to
not make you guys read 50 lines of codes.
i keep the hasClass() suggestion though !
i don't understand why parents().is(':not() does not work though. I
wonder if there isn't a bug because it used to work before, with
jquery 1.2.6. Maybe the switch to sizzle provoked it. I'll have to
investigate to confirm that.
thanks!
On Fri, May 1, 2009 at 7:35 PM, Ricardo ricardob...@gmail.com wrote:
No #detailsNavigation in your HTML.. and why not simply $
(.metaSection a).click(function(){... ? Also you can swap $thisA.is
(:not... for !$thisA.hasClass('noSwap'), much less overhead.
Despite that code looks fine, could you provide a working sample at
jsbin.com or the likes?
On May 1, 12:29 pm, pixeline aplennev...@gmail.com wrote:
Hello !
I'm assigning a specific swap position behaviour on click to a list
of links, all sitting inside a multilevel unordered list with id
detailsNavigation
That behaviour only concerns specific anchors and those with class
noSwap shouldn't ... swap.
Can you explain me why this does not work?
$(#detailsNavigation li ul li a).bind(click, function()
{
var $thisA = $(this);
var $thisLI = $thisA.parent();
var $thisUL = $thisLI.parent();
if ($thisUL.parents('li').is(':not(#metadesign,
#editions, #timeline, #related)') || $thisA.is(':not(.noSwap)'))
{
// do that swappin' thingy
}
});
Here is the related html:
ul
li class=clearfix id=metadesign
ul style=display: block; class=detailsSubnav clearfix
selected
li class=clearfix style=width: 100%;
ul class=metaSection clearfix
li class=skinColor
metaSectionTitleconcepts/li
lia class=ajax noSwap href=http://m2.lab-
au.com/projects/f551/metadesign/concepts/8/
electrosensing/a/li
/ul
ul class=metaSection clearfix
li style=display: list-item;
a class=ajax selected noSwap href=http://
m2.lab-au.com/projects/f551/metadesign/methods/
referencing/referencing/a
/li
li class=skinColor
metaSectionTitlemethods/li
li class=inactivespan
class=inactiveData mining/span/li
/ul
/li
/ul
/li
/ul
Thanks a lot for your help!
Alexandre
[jQuery] passing the state of a checkbox on a page reload
Hi I have a div which contains a search box and gets hidden when the page loads. A user can click a link to reveal the div. If I added a checkbox inside the div with the text 'click this box to always keep this search box open'... how would I pass the state of the checkbox to jquery [to not change the css to hidden] after the user has done a new search and reloaded the page? Thanks Matt
[jQuery] Re: Known issues with webkit and jQuery 1.3?
Hi Dan, Thanks for the response. I think you are correct that it has something to do with the loading of the CSS. Some people reported the problem was fixed by re-arranging the order of the CSS and JS includes in the head of the document. I also just saw this post to the jquery-dev list which looks like it may be worth checking out in more detail: http://groups.google.com/group/jquery-dev/browse_thread/thread/77be7025a17eed3b I'll report back here if I figure anything out, Cheers, Kelvin :) On Fri, May 1, 2009 at 7:29 AM, Dan G. Switzer, II dswit...@pengoworks.com wrote: Kelvin, While I didn't really dig into the problem, looking at the inspecting the jScrollPaneContainer element in Chrome, the width is being set to 1130px for me. My guess is something in your code is calculating the wrong width for the element. My best guess is this is due with the issue in Webkit where if you don't load *all* the CSS before the JS, then the ready() function fires before all the CSS is applied, therefore your dimensions can be off. You might try moving the scrollpane code in a $(window).load() event temporarily to see if that changes things. -Dan On Tue, Apr 28, 2009 at 1:13 PM, Kelvin Luck kelvin.l...@gmail.com wrote: Hi again, I have now reproduced the issue in Safari on PC and now Chrome on PC. One of the user's reported a problem with this site: http://warehousetwentyone.com/ Clicking back and forth between warehouse and services in the aforementioned browsers sometimes breaks. A refresh fixes it. And it never breaks on the initial load. So it appears to be a webkit issue but I'm not sure exactly where it is going wrong... Any ideas still much appreciated, Kelvin :) On Tue, Apr 28, 2009 at 9:53 AM, Kelvin Luck kelvin.l...@gmail.com wrote: Hi, Sorry for the vague question but I'm wondering if there are any known issues with webkit browsers (e.g. Safari and Chrome) and jQuery 1.3? I've had quite a few queries from users of my jScrollPane plugin who have noticed issues with it on Safari on mac. They seem to be related to either document.ready firing at the wrong time or possibly to calculations of height going wrong. You can see some of the reports here: http://code.google.com/p/jscrollpane/issues/detail?id=60 It also seems to be related to the state of the user's cache. One user said: Scrollbar works correctly on first load, but breaks when one or more of the dependent files loads from the browser cache, specifically in Safari on Mac. while another said: Loads frequently with no scrollbars at all, on refresh is fine.. This is what makes me wonder if the problem is related to document.ready... It seems like some people solved the problem by adjusting the order of the script and css files in the head of the document but this didn't work for everyone. I first started getting reports like this around the time jQuery 1.3 came out and I don't think there were any previous to that. So it may be related to 1.3. But it could also be related to some changes I did at that time... I am asking my users to help me debug but I wondered if there was any known issues that might be causing this... Thanks for any ideas or pointers, Kelvin :)
[jQuery] Black border on jQuery animations in IE 6-8
I taught it to myself without even having any true JavaScript experience and am sure that while functional, many of my implementations could/should be written completely differently. I'm running some animations that look great in everything except for IE. In IE I'm seeing a thin, ragged black border around some of the elements that I'm animating. Does anyone know why this would happen?
[jQuery] Replace element by another
Hi,
I'm a beginner with jQuery.
I know how to switch from an element a to another b, but i can't
find a way to re-switch from b to a.
here is my script :
$('a').click(function() {
$(this).replaceWith('b');
});
Any suggestions ?
[jQuery] Re: CSS Style Property Assigned by Class
I have not been able to figure this out. If I missed some kind of RTFM
or something obvious please let me know. I can take it ;) Thanks
On Apr 30, 10:22 pm, Panman01 rpann...@gmail.com wrote:
I just want to note that Google Groups wrapped a couple lines of the
code. The DOCTYPE and jquery script will need to be fixed if you copy
the code to test it.
On Apr 30, 10:17 pm, Panman rpann...@gmail.com wrote:
For some reason I cannot get jQuery.css('name') to return a style
property that was assigned by a class. However, it returns the
property if it was assigned by style=. Has anyone else run into this
issue? Bug? Here is my test code:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/
TR/html4/strict.dtd
htmlhead
titleCSS Test/title
style type=text/css
.apply-border {
border: 1px solid blue;}
/style
script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3/
jquery.min.js type=text/javascript/script
script type=text/javascript
$(document).ready(function() {
$('#byStyle').append($('#byStyle').css('border'));
$('#byClass').append($('#byClass').css('border'));});
/script
/headbody
p id=byStyle style=border: 1px solid green;Border applied by
style = /p
p id=byClass class=apply-borderBorder applied by class = /p
/body/html
[jQuery] Incorporating SVG Roundies Via jQuery
QUESTION: What is the best way to incorporate SVG Roundies into a
jQuery controlled webpage?
BACKGROUND: Before I began using jQuery the following block of code
was included in a script tag in the head tag of a Dreamweaver
template. I have since moved it to an external JavaScript document
that includes the jQuery ready() function and various other jQuery
methods that I have created using JavaScript. The code in question
resides in this document completely independent of any other
Javascript or jQuery code.
This set-up works fine in both of the previously described
environments and has been tested in Firefox, Opera, and Safari. I
have not tested it in any version of IE, where I have been warned that
it is likely to fail.
The CODE:
SVG_roundies.querySelectorAll = function(selector) {
var headings = document.evaluate('//*[contains(@class, ' +
selector.substr(1) + ')]',
document, null,
XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null)
var results = new Array();
var oneheading;
while (oneheading = headings.iterateNext())
results.push(oneheading);
return results;
}
window.addEventListener('load', function() { SVG_roundies.addRule
('.Square', '10em 0em'); }, false);
PROBLEM: There is an adage that says, If it ain't broken, don't fix
it. My concern is that someday a problem could result, because I
have not integrated this code in a way that is fully compatible with
jQuery. My template is still in a state of development, and I have
plans to add a significant additional amount of JavaScript before it
is complete. Are there adjustments that I could make to achieve
better integration?
Roddy
[jQuery] state of the art for corner rounding?
Hi All, I have a half dozen bookmarks for rounded corner plugins, but am wondering if there's a state of the art plugin kicking any booty on that these days? What I'd *really* like is to just be able to set -moz border radiuses in CSS and have a plugin magically use those to create rounded corners in IE and Safari (IE mainly... using excanvas or something with it is fine, too). Any advice? For the project I'm working on now I don't need to have lines at the border (ie: no border:1px solid black or anything). Thanks, Jack
[jQuery] extract base url
Hi, I need to append a parameter string like: '?key=val' to the current url and the value for the key changes based on the user input. Is there any jquery utility that does the base url extraction from window.location, so that I can append the '?key=val' to that? Thanks for the help!
[jQuery] Re: extract base url
ok so you wanna edit the URL ? var url = www.google.co.za; top.location = url; this will send the page to www.google.co.za var url top.location; this shoud retrieve the URL Sorry. I'm unable to fully answer your question at this time. On Fri, May 1, 2009 at 10:17 PM, buntu buntu.w...@gmail.com wrote: Hi, I need to append a parameter string like: '?key=val' to the current url and the value for the key changes based on the user input. Is there any jquery utility that does the base url extraction from window.location, so that I can append the '?key=val' to that? Thanks for the help!
[jQuery] Re: CSS Style Property Assigned by Class
One thing to note, I've found that this only seems to work in Opera.
On May 1, 1:56 pm, Panman01 rpann...@gmail.com wrote:
I have not been able to figure this out. If I missed some kind of RTFM
or something obvious please let me know. I can take it ;) Thanks
On Apr 30, 10:22 pm, Panman01 rpann...@gmail.com wrote:
I just want to note that Google Groups wrapped a couple lines of the
code. The DOCTYPE and jquery script will need to be fixed if you copy
the code to test it.
On Apr 30, 10:17 pm, Panman rpann...@gmail.com wrote:
For some reason I cannot get jQuery.css('name') to return a style
property that was assigned by a class. However, it returns the
property if it was assigned by style=. Has anyone else run into this
issue? Bug? Here is my test code:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/
TR/html4/strict.dtd
htmlhead
titleCSS Test/title
style type=text/css
.apply-border {
border: 1px solid blue;}
/style
script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3/
jquery.min.js type=text/javascript/script
script type=text/javascript
$(document).ready(function() {
$('#byStyle').append($('#byStyle').css('border'));
$('#byClass').append($('#byClass').css('border'));});
/script
/headbody
p id=byStyle style=border: 1px solid green;Border applied by
style = /p
p id=byClass class=apply-borderBorder applied by class = /p
/body/html
[jQuery] Re: extract base url
Here is an example: I need to append '?key=val1' to the current url which is www.mysite.com/web/test.html and this I can do using: window.location.href+'?key=val1' resulting in www.mysite.com/web/test.html?key=val1 I now need a way to modify val1 to val2, if I do: window.location.href+'?key=val2' results in www.mysite.com/web/test.html?key=val1?key=val2 but I need: www.mysite.com/web/test.html?key=val2 There are ways to break down the url but wanted to know if there is anything jQuery already provides. Thanks! On May 1, 1:22 pm, waseem sabjee waseemsab...@gmail.com wrote: ok so you wanna edit the URL ? var url = www.google.co.za; top.location = url; this will send the page towww.google.co.za var url top.location; this shoud retrieve the URL Sorry. I'm unable to fully answer your question at this time. On Fri, May 1, 2009 at 10:17 PM, buntu buntu.w...@gmail.com wrote: Hi, I need to append a parameter string like: '?key=val' to the current url and the value for the key changes based on the user input. Is there any jquery utility that does the base url extraction from window.location, so that I can append the '?key=val' to that? Thanks for the help!
[jQuery] UI Tabs Back button history
Has anyone been able to get back button history to work with UI Tabs. or any way to make the back button work with previous visited tabs. I tried using the history plug but im not sure how to make it work with ajax created tabs. any help would be appreciated.
[jQuery] Re: extract base url
try this. var baseurl = inwww.mysite.comhttp://inwww.mysite.com/web/test.html?key=val1 ; var isquery = ?; var actual = 1; var val = val=+actual; top.location = baseurl+isquery+val // this should return inwww.mysite.comhttp://inwww.mysite.com/web/test.html?key=val1 ?val=1 you can adopt this to your script and on click of a button you can change the actual variable to 2 this way you could easily change the query string. On Fri, May 1, 2009 at 11:39 PM, mkmanning michaell...@gmail.com wrote: If that's all you need for the search property, then just use window.location.host + '?key=val#' On May 1, 1:39 pm, buntu buntu.w...@gmail.com wrote: Here is an example: I need to append '?key=val1' to the current url which is www.mysite.com/web/test.html and this I can do using: window.location.href+'?key=val1' resulting inwww.mysite.com/web/test.html?key=val1 I now need a way to modify val1 to val2, if I do: window.location.href+'?key=val2' results in www.mysite.com/web/test.html?key=val1?key=val2 but I need: www.mysite.com/web/test.html?key=val2 There are ways to break down the url but wanted to know if there is anything jQuery already provides. Thanks! On May 1, 1:22 pm, waseem sabjee waseemsab...@gmail.com wrote: ok so you wanna edit the URL ? var url = www.google.co.za; top.location = url; this will send the page towww.google.co.za var url top.location; this shoud retrieve the URL Sorry. I'm unable to fully answer your question at this time. On Fri, May 1, 2009 at 10:17 PM, buntu buntu.w...@gmail.com wrote: Hi, I need to append a parameter string like: '?key=val' to the current url and the value for the key changes based on the user input. Is there any jquery utility that does the base url extraction from window.location, so that I can append the '?key=val' to that? Thanks for the help!
[jQuery] Re: extract base url
If that's all you need for the search property, then just use window.location.host + '?key=val#' On May 1, 1:39 pm, buntu buntu.w...@gmail.com wrote: Here is an example: I need to append '?key=val1' to the current url which is www.mysite.com/web/test.html and this I can do using: window.location.href+'?key=val1' resulting inwww.mysite.com/web/test.html?key=val1 I now need a way to modify val1 to val2, if I do: window.location.href+'?key=val2' results in www.mysite.com/web/test.html?key=val1?key=val2 but I need: www.mysite.com/web/test.html?key=val2 There are ways to break down the url but wanted to know if there is anything jQuery already provides. Thanks! On May 1, 1:22 pm, waseem sabjee waseemsab...@gmail.com wrote: ok so you wanna edit the URL ? var url = www.google.co.za; top.location = url; this will send the page towww.google.co.za var url top.location; this shoud retrieve the URL Sorry. I'm unable to fully answer your question at this time. On Fri, May 1, 2009 at 10:17 PM, buntu buntu.w...@gmail.com wrote: Hi, I need to append a parameter string like: '?key=val' to the current url and the value for the key changes based on the user input. Is there any jquery utility that does the base url extraction from window.location, so that I can append the '?key=val' to that? Thanks for the help!
[jQuery] Re: Incorporating SVG Roundies Via jQuery
new information
$(body).getBrowserInformation is not a function
On Sat, May 2, 2009 at 12:00 AM, waseem sabjee waseemsab...@gmail.comwrote:
try adding this code ABOVE the $(document).ready(function() {..
var $k = JQuery.noConflict();
then replace all the jquery $ signs with $K
such has $k(document).ready(function() {
$('#today').toDate(); //This document. $k('#clock').JSClock(); //This
document.
$k('#duration').timePassed(); //This document.
$k('body').getBrowserInformation();
});
let me know if this solved your issue
On Fri, May 1, 2009 at 11:57 PM, waseem sabjee waseemsab...@gmail.comwrote:
I have found a possible JavaScript conflict at this line of code
$('body').getBrowserInformation();
jQ_Imagine.js (line 122
On Fri, May 1, 2009 at 11:48 PM, kiusau kiu...@mac.com wrote:
On May 1, 2:20 pm, kiusau kiu...@mac.com wrote:
On May 1, 12:18 pm, kiusau kiu...@mac.com wrote:
I have just discovered that it does not work well under all
conditions.
I have decided to post the entire site for viewing, as it appears that
I have just stepped into a drop-off far over my head. A file created
from the template can be viewed at the following address. If you open
the file in Firefox, Firebug will show online the same error that I am
viewing off-line.
http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Content/
In the current set up, the potentially problematic code has been
placed back into the DW template and the SVG Roundies appear as they
should. Unfortunately, another script that should trigger an alert
box fails. It is likely important to mention that all of the script
packages that constitute this document functioned well before they
were combined into a single document.
Roddy
[jQuery] limiting many form input fields with global limit
Hi Could Anyone help me with this? I have a form witch contains e.g.: X input fields like this: form input type=text name=info0 input type=text name=info1 input type=text name=info2 textarea name=info3 /form And I need limit the global number of characters that are written to this form. E.g.: The global is set to 100 chars, and if user inputs 10 characters to input[name=info0] then he/she can use only 90 characters to fill in rest of the inputs. Then if user inputs 30 characters into input[name=info1], the global is set to 60. And so on, until the global reaches 0, then any letter in any input above the global limit has to be cut out. Please help if You have any fine ideas. Best Regards
[jQuery] Re: Incorporating SVG Roundies Via jQuery
On May 1, 12:18 pm, kiusau kiu...@mac.com wrote: This set-up works fine in both of the previously described environments and has been tested in Firefox, Opera, and Safari. I have just discovered that it does not work well under all conditions. In fact, when I introduced new jQuery code via other external JavaScript and rearranged the order in which my script tags appear in my template document, all of my JavaScript collapsed -- everything! In addition, the error that appears in Firebug points directly to the block of code in question. My suspicion appears have to been correct; I need to find a new way to introduce this code block. Roddy
[jQuery] Re: Incorporating SVG Roundies Via jQuery
I have found a possible JavaScript conflict at this line of code
$('body').getBrowserInformation();
jQ_Imagine.js (line 122
On Fri, May 1, 2009 at 11:48 PM, kiusau kiu...@mac.com wrote:
On May 1, 2:20 pm, kiusau kiu...@mac.com wrote:
On May 1, 12:18 pm, kiusau kiu...@mac.com wrote:
I have just discovered that it does not work well under all
conditions.
I have decided to post the entire site for viewing, as it appears that
I have just stepped into a drop-off far over my head. A file created
from the template can be viewed at the following address. If you open
the file in Firefox, Firebug will show online the same error that I am
viewing off-line.
http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Content/
In the current set up, the potentially problematic code has been
placed back into the DW template and the SVG Roundies appear as they
should. Unfortunately, another script that should trigger an alert
box fails. It is likely important to mention that all of the script
packages that constitute this document functioned well before they
were combined into a single document.
Roddy
[jQuery] Re: Incorporating SVG Roundies Via jQuery
On May 1, 2:20 pm, kiusau kiu...@mac.com wrote: On May 1, 12:18 pm, kiusau kiu...@mac.com wrote: I have just discovered that it does not work well under all conditions. I have decided to post the entire site for viewing, as it appears that I have just stepped into a drop-off far over my head. A file created from the template can be viewed at the following address. If you open the file in Firefox, Firebug will show online the same error that I am viewing off-line. http://homepage.mac.com/moogoonghwa/Imagine_Prototype/Content/ In the current set up, the potentially problematic code has been placed back into the DW template and the SVG Roundies appear as they should. Unfortunately, another script that should trigger an alert box fails. It is likely important to mention that all of the script packages that constitute this document functioned well before they were combined into a single document. Roddy
[jQuery] How to select all text in a div except ul
How would I select Free sex out of... div Free sex ul liSymphilis/li liGhonoreah/li liAids/li /ul /div
[jQuery] Invalid Argument Error (IE) when getting width property
The following script works fine in all other browsers (centering a
nested img). On IE I get the following error message:
Line: 13
Char: 12949
Error: Invalid argument.
Code: 0
I narrowed it down to the line:
var i = $(#tabs-1a).css(width);
It appears ie doesn't like the width property but I don't know why.
Here is the whole script for the page:
$(function(){
$(#FraudVideo).tabs();
$(#TipsNews).tabs();
var i = $(#tabs-1a).css(width);
var num = parseFloat(i,10);
var p = num-313;
var l = p/2;
$(#tabs-1a img).css(margin-left,l);
$(window).resize(function(){
var i=$(#tabs-1a).css(width);
var num = parseFloat(i,10);
var p = num-313;
var l = p/2;
$(#tabs-1a img).css(margin-left,l);
});
});
Here is the page:
http://www.wcassist.com/FraudCenter_1.html
Thanks a bunch!
John
[jQuery] Select multiple options
Dear Jquery guru's, Not too long ago I started using jquery, it's working faily well but I'm not exactly an expert yet to say the least. At the moment I'm trying to create a way to select multiple options from a large list. I did this in the following way here: http://web-develop.nl/tests/jquery/ However I decided something wasn't quite right. First of all, even though it works when javascript is turned off (yes the values are different for the checkboxes but if I automate this with php they will be the same) you still would have to check wich one is used in php. Second, when you send the form only the selected from the second box (which most of the time is one) gets send even though you have got more in the select box. My idea was to have the checkboxes and hide them if javascript is turned on and show one selectbox in which the selectable options. The following should happen: - select one or more options - click the button - the users get removed from the select box and are appended to a list - the corresponding checkbox is checked This part I got working, however what I can't get working is the reverse: after creating the list-element (and a remove button/link next to it) being able to delete the list item and put it back in the selectbox. This is what I've got: http://web-develop.nl/tests/jquery/index2.html I've left the checkbox visible to show that selecting the checkboxes works Anybody that can help me?
[jQuery] POST Redirection
Hi Folks! Here's my problem: I want to make a post request to a web service site. This site is automaticly redirecting me to a file. Now I want to find out the location of this file. As far as I can see (please correct me if there are more) there are two possible solutions: 1. I somehow disable redirecting (on jQuery) and so I would have the link to the file in the answer of my call 2. Or I read the final location after the redirection But of course I don't know how to do this... So I really hope someone can help me! Greetz cryptonit
[jQuery] Re: Replace element by another
I know how to switch from an element a to another b, but i can't find a way to re-switch from b to a. You might want to explain the problem better, with a working script. That script will replace every clicked link with the letter b - I doubt that is the intended operation. If you are switching between two states, use .toggle().
[jQuery] Re: POST Redirection
Firebug is your friend --- On Fri, 5/1/09, Cryptonit dom.helfenst...@gmail.com wrote: From: Cryptonit dom.helfenst...@gmail.com Subject: [jQuery] POST Redirection To: jQuery (English) jquery-en@googlegroups.com Date: Friday, May 1, 2009, 2:22 PM Hi Folks! Here's my problem: I want to make a post request to a web service site. This site is automaticly redirecting me to a file. Now I want to find out the location of this file. As far as I can see (please correct me if there are more) there are two possible solutions: 1. I somehow disable redirecting (on jQuery) and so I would have the link to the file in the answer of my call 2. Or I read the final location after the redirection But of course I don't know how to do this... So I really hope someone can help me! Greetz cryptonit
[jQuery] Re: Invalid Argument Error (IE) when getting width property
Fixed it using .width() instead of .css(width)
Thanks!
John
On May 1, 4:14 pm, John jjsteven...@gmail.com wrote:
The following script works fine in all other browsers (centering a
nested img). On IE I get the following error message:
Line: 13
Char: 12949
Error: Invalid argument.
Code: 0
I narrowed it down to the line:
var i = $(#tabs-1a).css(width);
It appears ie doesn't like the width property but I don't know why.
Here is the whole script for the page:
$(function(){
$(#FraudVideo).tabs();
$(#TipsNews).tabs();
var i = $(#tabs-1a).css(width);
var num = parseFloat(i,10);
var p = num-313;
var l = p/2;
$(#tabs-1a img).css(margin-left,l);
$(window).resize(function(){
var i=$(#tabs-1a).css(width);
var num = parseFloat(i,10);
var p = num-313;
var l = p/2;
$(#tabs-1a img).css(margin-left,l);
});
});
Here is the page:http://www.wcassist.com/FraudCenter_1.html
Thanks a bunch!
John
[jQuery] Re: CSS Style Property Assigned by Class
This is most likely caused because Javascript's style member only
handles the style directly applied to the tag, but not anything
cascaded or inherited. I'm not sure how jQuery's css() relates to the
element.style, but this may be a reason why.
If you were to try to grab the style of the #byClass element using
document.getElementById('#byClass').style.border, you would get an
empty string, the same thing being returned by $('#byClass').css
('border')).
They are most likely the same.
On May 1, 1:39 pm, Panman01 rpann...@gmail.com wrote:
One thing to note, I've found that this only seems to work in Opera.
On May 1, 1:56 pm, Panman01 rpann...@gmail.com wrote:
I have not been able to figure this out. If I missed some kind of RTFM
or something obvious please let me know. I can take it ;) Thanks
On Apr 30, 10:22 pm, Panman01 rpann...@gmail.com wrote:
I just want to note that Google Groups wrapped a couple lines of the
code. The DOCTYPE and jquery script will need to be fixed if you copy
the code to test it.
On Apr 30, 10:17 pm, Panman rpann...@gmail.com wrote:
For some reason I cannot get jQuery.css('name') to return a style
property that was assigned by a class. However, it returns the
property if it was assigned by style=. Has anyone else run into this
issue? Bug? Here is my test code:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/
TR/html4/strict.dtd
htmlhead
titleCSSTest/title
style type=text/css
.apply-border {
border: 1px solid blue;}
/style
script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3/
jquery.min.js type=text/javascript/script
script type=text/javascript
$(document).ready(function() {
$('#byStyle').append($('#byStyle').css('border'));
$('#byClass').append($('#byClass').css('border'));});
/script
/headbody
p id=byStyle style=border: 1px solid green;Border applied by
style = /p
p id=byClass class=apply-borderBorder applied by class = /p
/body/html
[jQuery] Needed - An Easy Way to Keep Plug-Ins Up-to-Date
I'm sure this has been discussed before - one thing the jQuery community greatly needs, is an easy way to keep all your plug-in code up-to-date - some easy code to run, or site to access, that would check all your plug-ins, and update them when new versions are available. It might be good to think about some ways to do this and try to identify the one that's easiest to implement. What are some good approaches for accomplishing this? -- Something using Subversion? -- Something building on jQuery.com's existing plug-in directory? If we can figure out an elegant approach, someone may want to code it. :)
[jQuery] Re: Applying Table Row Sorter to Multiple Tables
Sorry it took me so long to reply. I thought my posts weren't showing up on
this forum.
Anyway, thanks for the tip. I understand it now. Unfortunately, it isn't
working for some reason.
Is there a way to instead designate multiple ID's - like myTable, myTable2
and myTable3?
Thanks.
On Thu, Apr 30, 2009 at 1:41 PM, aquaone aqua...@gmail.com wrote:
IDs are unique for a document. A document containing multiple elements with
the same ID is invalid. Use a class instead and invoke tablesorter on all
tables with that class.
e.g.
table class=tablesorter
...
/table
and
$(table.tablesorter).tablesorter({ widgets: ['zebra'] });
On Wed, Apr 29, 2009 at 20:35, David Blomstrom
david.blomst...@gmail.comwrote:
I'm using jQuery's tablesorter.js to create tables with sortable rows, as
applied to tables with the ID myTable.
I just wondered if there's a way to make it work with multiple tables on a
single page. I created two tables and gave each of them the ID myTable, but
only the first table worked. I can't remember if the specific ID is required
for my Zebra widget (alternate row colors), too, or not, but I would guess
it is.
I posted my JS links below, to show you my setup. Thanks for any tips.
* * * * *
script src=http://MySite/js/jquery-1.3.1.min.js;
type=text/javascript/script
script src=http://MySite/js/tablesorter/jquery.tablesorter.js;
type=text/javascript/script
script language=JavaScript type=text/JavaScript
$(document).ready(function()
{
$(#myTable).tablesorter({ widgets: ['zebra']} );
$(#triggerMS).click(function(){
$(#menuMS).show();
return false;
});
$(#menuMS).click( function(){
$(#menuMS).hide();
return true;
});
$(#triggerReg).click(function(){
$(#menuReg).show();
return false;
});
$(#menuReg).click( function(){
$(#menuReg).hide();
return true;
});
$(#triggerKids).click(function(){
$(#menuKids).show();
return false;
});
$(#menuKids).click( function(){
$(#menuKids).hide();
return true;
});
$(#triggerLinks).click(function(){
$(#menuLinks).show();
return false;
});
$(#menuLinks).click( function(){
$(#menuLinks).hide();
return true;
});
$(#triggerBooks).click(function(){
$(#menuBooks).show();
return false;
});
$(#menuBooks).click( function(){
$(#menuBooks).hide();
return true;
});
}
);
/script
--
David Blomstrom
Writer Web Designer (Mac, M$ Linux)
www.geobop.org
--
David Blomstrom
Writer Web Designer (Mac, M$ Linux)
www.geobop.org
--
David Blomstrom
Writer Web Designer (Mac, M$ Linux)
www.geobop.org
[jQuery] Re: tablesorter.js vs Numerals with Commas
Sorry for the late response; I posted three questions regardingthe
tablesorter/zebra stripes functions, but I thought they hadn't been posted
on this forum.
Anyway, thanks for the tip, but the first one didn't work for me, and I
can't figure out how to implement the second. Can you show me how to insert
the code within my code? Thanks.
echo 'script src='.$BaseURL.'/1A/js/jquery-1.3.1.min.js
type=text/javascript/script
script src='.$BaseURL.'/1A/js/tablesorter/jquery.tablesorter.js
type=text/javascript/script
script language=JavaScript type=text/JavaScript
$(document).ready(function()
{
$(#myTable).tablesorter({ widgets: [\'zebra\']} );
$(#triggerMS).click(function(){
$(#menuMS).show();
return false;
});
$(#menuMS).click( function(){
$(#menuMS).hide();
return true;
});
$(#triggerReg).click(function(){
$(#menuReg).show();
return false;
});
$(#menuReg).click( function(){
$(#menuReg).hide();
return true;
});
$(#triggerKids).click(function(){
$(#menuKids).show();
return false;
});
$(#menuKids).click( function(){
$(#menuKids).hide();
return true;
});
$(#triggerLinks).click(function(){
$(#menuLinks).show();
return false;
});
$(#menuLinks).click( function(){
$(#menuLinks).hide();
return true;
});
$(#triggerBooks).click(function(){
$(#menuBooks).show();
return false;
});
$(#menuBooks).click( function(){
$(#menuBooks).hide();
return true;
});
}
);
/script';
On Thu, Apr 30, 2009 at 1:54 PM, aquaone aqua...@gmail.com wrote:
There are two simple ways of fixing this: having a hidden span or similar
element appearing within your td prior to the value or better to define your
own parser.
e.g.
$.tablesorter.addParser({
id: commaNum,
is: function(s) {
return /^[\d-]?[\d,]*(\.\d+)?$/.test(s);
},
format: function(s) {
return s.replace(/,/g,'');
},
type: 'numeric'
});
aquaone
(yes, you could use a more precise regex...)
On Wed, Apr 29, 2009 at 20:41, David Blomstrom
david.blomst...@gmail.comwrote:
I'm using jQuery's tablesorter.js to create tables with sortable rows. It
works fine on both text and numerals - but only if they have no commas. For
example, the following column would sort properly:
2
18
401
3
15
But this column...
1,200
408
26,048
...would sort like this:
1,200
26,048
408
Does anyone know how to fix this?
I'm using PHP and MySQL to derive my data from a database table, using the
following code:
$Area = number_format($row[Area]);
Then I simply insert $Area in a dynamic table cell, like so...
td$Area/td
I posted my JavaScript links below. Thanks for any tips!
* * * * *
script src=http://MySite/js/jquery-1.3.1.min.js;
type=text/javascript/script
script src=http://MySite/js/tablesorter/jquery.tablesorter.js;
type=text/javascript/script
script language=JavaScript type=text/JavaScript
$(document).ready(function()
{
$(#myTable).tablesorter({ widgets: ['zebra']} );
$(#triggerMS).click(function(){
$(#menuMS).show();
return false;
});
$(#menuMS).click( function(){
$(#menuMS).hide();
return true;
});
$(#triggerReg).click(function(){
$(#menuReg).show();
return false;
});
$(#menuReg).click( function(){
$(#menuReg).hide();
return true;
});
$(#triggerKids).click(function(){
$(#menuKids).show();
return false;
});
$(#menuKids).click( function(){
$(#menuKids).hide();
return true;
});
$(#triggerLinks).click(function(){
$(#menuLinks).show();
return false;
});
$(#menuLinks).click( function(){
$(#menuLinks).hide();
return true;
});
$(#triggerBooks).click(function(){
$(#menuBooks).show();
return false;
});
$(#menuBooks).click( function(){
$(#menuBooks).hide();
return true;
});
}
);
/script
--
David Blomstrom
Writer Web Designer (Mac, M$ Linux)
www.geobop.org
--
David Blomstrom
Writer Web Designer (Mac, M$ Linux)
www.geobop.org
[jQuery] Re: Replace element by another
From what I understand he is trying to toggle. replacing #ElementA with #ElementB, but I definitely agree: my advice to you as a beginner is to Go Read the Documentation! It's all there, it's wonderful, it's easy to understand, and every time I look at it I find something new I can use or a new way to use it. Specifically, you should just go through every page of the API Reference, and play with the examples. On May 1, 4:59 pm, Hamish Campbell hn.campb...@gmail.com wrote: If you are switching between two states, use .toggle().
[jQuery] Re: How to select all text in a div except ul
To get just the text nodes:
$('div').contents().filter(function(){return this.nodeType==3;});
If you want to filter out 'empty' nodes:
$('div').contents().filter(function(){return this.nodeType==3
this.nodeValue.replace(/\W/g,'')!='';});
Take it from there :)
On May 1, 4:06 pm, nick nboutel...@gmail.com wrote:
How would I select Free sex out of...
div
Free sex
ul
liSymphilis/li
liGhonoreah/li
liAids/li
/ul
/div
[jQuery] Re: Incorporating SVG Roundies Via jQuery
This is not really new information, but it is difficult to understand, because the very function that is now giving an error can be shown to work perfectly well in a different context. On May 1, 3:02 pm, waseem sabjee waseemsab...@gmail.com wrote: new information $(body).getBrowserInformation is not a function Roddy
[jQuery] Re: Can I use more than one JQuery code on a page at a time?
I fixed It! I see people all over the place saying they had this same problem and it is so so so easy to fix! The Lava lamp navigation uses the jquery.easing script in the coda slider there is a code that uses the easing function all you have to do is delete it... Thanks for looking into the problems for me!
