[jQuery] Re: Refresh SPAN without entire page
Why asking this question ? you know , For example , there is a three links one,two,three, When one is clicked around 50 rows data will be displayed , there user can delete the required row, assume if i give the page refresh , then user have to click the link again , Assume if is there any function do somthing link refresh span , means , That span contained rows will refresh , then will will not affect , thats y am asking ,,, thanks in advance On Fri, May 22, 2009 at 12:30 AM, Liam Byrne l...@onsight.ie wrote: What do you mean refresh span ? You can reset the content of a particular SPAN using $(spanReference).html(NEW CONTENT) or $(spanReference).text(NEW CONTENT) But unless you've changed the content of the SPAN (using one of the above, in which case you already know it), what's there to refresh ? L bharani kumar wrote: Hi All, How to Refresh SPAN without page refresh , Can you tell name of the jquery function , -- ?? ?? ?? Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/ No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.35/2124 - Release Date: 05/20/09 06:22:00 -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/
[jQuery] Re: removing focus from field
Thanks for your reply. I don't know what I have missed earlier when I tried it but now blur works. Perhaps I misspelled the field id. Have a nice day! Sig On May 21, 6:12 pm, MorningZ morni...@gmail.com wrote: it's .blur() if it doesn't work for you, then you are not using it properly posting your code would be a big help for others to help you On May 21, 8:08 pm, macsig sigbac...@gmail.com wrote: Hi all, I'm submitting a form when the value of a drop-down menu changes. After that I would like to remove the focus from the field itself. I have tried different things: blur, focus=remove and so on but no one works. How can I remove the focus for a field? Thanks and have a nice day! Sig
[jQuery] Re: Call for contributors: A simple, fast and flexible grid/spreadsheet component.
Excellent, I'll have a play with it in the project i'm currently working on and let you know if i build anything that might be worthy for contribution. Cheers, Douglas On May 21, 5:42 pm, Tin michael.leib...@gmail.com wrote: I do plan on continuing to develop it - the last month has been really slow since I had little spare time to spend on it. On May 21, 8:47 am, dcam dougie.came...@googlemail.com wrote: Very nice design. I've been looking for a grid plugin for ages and not found anything that comes close to this. Do you plan to continue developing this? I'm sure there are a lot of developers looking for this kind of grid Thanks for your work Michael, Douglas On Mar 31, 1:02 am, Tin michael.leib...@gmail.com wrote: Ryan, Frozen columns is one of the TODOs in the slick.grid.js :) It is definitely something that I think needs to be added in. For the past week, I have mostly concentrated on improving performance and the ability to adjust to the browser's performance and not jump into async rendering mode prematurely. Now that that part is done, it's either working on frozen columns support, or adding another example having to do with AJAX-loading data from the server (which, personally, I think is pretty mundane and not really related to the grid itself). I guess I'll start working on the former now...
[jQuery] Re: cycle plugin with keyboard
take a look here - http://www.quirksmode.org/js/keys.html
37: left
38: up
39: right
40: down
irritatingly, i completely forgot the arrow keys are a special case,
and won't trigger properly (or even consistently) the keypress event
across different browsers. try keydown or keyup to catch the charcode,
On May 22, 5:19 am, runrunforest craigco...@gmail.com wrote:
the all the arrow has charcode of 0 (zero). I know this by the code
var key = e.which;
alert(key);
So how the script which is right arrow which is left arrow.
On May 21, 10:51 pm, ryan.j ryan.joyce...@googlemail.com wrote:
yeah, stick this in document ready.
to simulate the click, get the id of element you'd normally click to
advance the scroller (inspect it with the mozilla plugin firebug) and
append .click()
On May 21, 4:45 pm, runrunforest craigco...@gmail.com wrote:
could you give some further tip, how can I simulate, where should I
put the code to (document.ready part ?).
On May 21, 10:28 pm, ryan.j ryan.joyce...@googlemail.com wrote:
$(window).keypress(function (e) {
if (e.which == 39 ) {
/* keypress right */
} elseif (e.which == 37 ) {
/* keypress left */
} else {
return false;
}
});
if you can't figure out how to advance the cycle on your own, maybe
try to simulate $('#scrollLeft').click()
On May 21, 2:48 am, runrunforest craigco...@gmail.com wrote:
In cycle plugin, ss there way to switch images by keyboard arrows
instead of clicking next, prev
[jQuery] Re: Can't get JQuery to work, Pls Help
1. basically you weren't linking to the jquery library correctly -
either the file wasn't in the location specified in the link or the
filename/folder structure was incorrect. linking to the google APIs
version of jquery just means you don't need to worry about the
location of the file for now. the google servers are relatively nippy
so it's unlikely to take a huge loadtime hit either - for some of our
clients who insist on hosting a site on their own rubbish servers it's
often faster to link out to the google ones.
2. it's just the shorthand way of doing document.ready, it does the
same thing.
On May 20, 1:33 pm, Kerry vkerrysi...@gmail.com wrote:
Hey thanks! That works perfectly! You are truly heaven sent!!
1)But I'm confused, why should i have to link to google(specified in
the src), as jquery.com provides the jquery-1.3.2.min.js download,
which you are supposed to link in your webpage?
As really what i'll be interested in using later on is the tablesorter
plugin, to be able to resort a table by clicking on a header in a
column. In this case would the link above suffice or would i have to
download and include the plugin :
script src=jquery.tablesorter.js/script
2) in their example(http://docs.jquery.com/
Tutorials:Getting_Started_with_jQuery#Hello_jQuery), they start their
function with $(document)... whereas you just did $(function).. whats
the difference? Although both ways work now.
On May 20, 12:24 pm, ryan.j ryan.joyce...@googlemail.com wrote:
try...
$(function() {
$(a).click(function () {
$(#box).fadeOut();
});
});
also, you're not linking the jquery lib sucessfully. replace ...
script type=text/javascript src=jquery-1.3.2.min.js/script
... with ...
script type=text/javascript src=http://ajax.googleapis.com/ajax/
libs/jquery/1.3.1/jquery.min.js/script
On May 20, 11:23 am, Kerry vkerrysi...@gmail.com wrote:
Hi I'm new to Jquery and trying a simple example before I start
working with it. Can someone please help me understand why the
following is not working. Firebug repport '$ is not defined'.
jquery-1.3.2.min.js is in the same directory as the web page as well.
head
meta http-equiv=Content-Type content=text/html;
charset=ISO-8859-1
script type=text/javascript src=jquery-1.3.2.min.js/script
style type=text/css
#box
{
background:red;
width:80px;
height:80px;
}
/style
script type=text/javascript
$(document).ready(function(){
$('a.box').click(function() {
$('#box').fadeOut();
});
});
/script
titleTest/title
/head
body
div id=box/div
a href=# Link/a
/body
/html
[jQuery] Re: Rollover Effects instead of alternate images
On May 22, 2:43 pm, dnagir dna...@gmail.com wrote: Hi, Just wondering if there's some effect in JQ that we can use to simulate rollover. It doesn't require any javascript at all. Usually when user hovers a mouse over a link/image it changes its src/ background to another one (for example arrow.png - arrow_o.png). Modern rollovers use a single image, not multiple images (you can use a single image for all rollovers if you want). So users feels like it is highlighted or similar. But we always must have 2 images (similar ones). No, you don't. Maybe there's some effect that can simulate this highligting/hover for user so we don't need to have 2 images. Google CSS rollovers - no script required. I understand it will never be as good as alternative image, but still. Good is subjective, but most believe that CSS rollovers are significantly better than script-driven rollovers. -- Rob
[jQuery] Re: Easing seems not work in 1.3.2 animate
are you updating the gsgd easing plugin? the function names changed at some point, and it's not been updated since last December. their demo site (http://gsgd.co.uk/sandbox/jquery/easing/) uses jquery 1.2.1, so maybe try running off that codebase see what happens. unless you're using an entirely different easing plugin and i'm talking nonsense. On May 22, 5:41 am, goodwill william.yeung...@gmail.com wrote: I try to integrate easing with 1.3.2 animate but seems its just not working. Which version of the easing plugin I should use?
[jQuery] know if one id are hidden
HI, i work in .net
and in my jquery function want know if mi object are in state hidden
or not...
but this 2 method not work
if($(#check_id).attr(type, hidden)){//..}
or
if ($(#check_id).is(input[type='hidden'])){//..}
what is the right metod??
[jQuery] Re: know if one id are hidden
one way i can think of on top of my head is if($(#check_id:hidden).length == 0) then its hidden
[jQuery] Re: Reorder list items?
See http://www.viget.com/js/viget.js - Richard On Thu, May 21, 2009 at 11:07 PM, Mech7 chris.de@gmail.com wrote: How can I re order items in a list... kinda like what happends on: http://www.viget.com/work
[jQuery] Re: know if one id are hidden
$(’#check_id’).is(’:hidden’) On May 22, 9:56 am, Steven Yang kenshin...@gmail.com wrote: one way i can think of on top of my head is if($(#check_id:hidden).length == 0) then its hidden
[jQuery] Re: Validate textbox on at least one checkbox selected
Anyone has ideas?
[jQuery] Re: Refresh SPAN without entire page
Sounds like AJAX to me...check into $.ajax... On Fri, May 22, 2009 at 2:05 AM, bharani kumar bharanikumariyer...@gmail.com wrote: Why asking this question ? you know , For example , there is a three links one,two,three, When one is clicked around 50 rows data will be displayed , there user can delete the required row, assume if i give the page refresh , then user have to click the link again , Assume if is there any function do somthing link refresh span , means , That span contained rows will refresh , then will will not affect , thats y am asking ,,, thanks in advance On Fri, May 22, 2009 at 12:30 AM, Liam Byrne l...@onsight.ie wrote: What do you mean refresh span ? You can reset the content of a particular SPAN using $(spanReference).html(NEW CONTENT) or $(spanReference).text(NEW CONTENT) But unless you've changed the content of the SPAN (using one of the above, in which case you already know it), what's there to refresh ? L bharani kumar wrote: Hi All, How to Refresh SPAN without page refresh , Can you tell name of the jquery function , -- ?? ?? ?? Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/ No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.35/2124 - Release Date: 05/20/09 06:22:00 -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/ -- -- Ninety percent of the politicians give the other ten percent a bad reputation. Henry Kissinger
[jQuery] Re: Validate textbox on at least one checkbox selected
can't you do..
$(#form).validate({
rules: {
input1: {
required: true
},
input2: {
required: true
}
}
});
On 22 May, 11:23, ciupaz luigi.zambe...@gmail.com wrote:
Anyone has ideas?
[jQuery] Re: Rollover Effects instead of alternate images
Modern rollovers use a single image, not multiple images (you can use a single image for all rollovers if you want). But we always must have 2 images (similar ones). No, you don't. Thanks a lot. I must have think about it. I understand it will never be as good as alternative image, but still. Good is subjective, but most believe that CSS rollovers are significantly better than script-driven rollovers. Yes, saying good I just ment that 2 custom buttons can be more visually better customised than automatic switching (CSS or JS - no matter how). Having 2 images we can make very custom design. Anyway, let me tell my story. I've got custom design (couple of html pages, assets) to integrate it with CMS (DNN - WTF is it doing with tables...). And it uses jQuery *JUST* to apply rollover images. Yeah, seems to be funny to use it for that matter only... I will try to change the design but not sure how I'll go with it. Cheers, Dmitriy.
[jQuery] Re: Rollover Effects instead of alternate images
you can customise a button as much as you like using a single image setup. join the two buttons together (like below) with the element they're displayed in sized to only show a single button, and modify the background position on :hover with css. ||| -- image ^ ^ show alternatively use an alpha transparent image, and modify the background-color of the element on hover if you just want a colour change. there are loads of different ways of doing it without requiring you to modify the src attrib of an image onmouseover. ;) On 22 May, 11:54, dnagir dna...@gmail.com wrote: Modern rollovers use a single image, not multiple images (you can use a single image for all rollovers if you want). But we always must have 2 images (similar ones). No, you don't. Thanks a lot. I must have think about it. I understand it will never be as good as alternative image, but still. Good is subjective, but most believe that CSS rollovers are significantly better than script-driven rollovers. Yes, saying good I just ment that 2 custom buttons can be more visually better customised than automatic switching (CSS or JS - no matter how). Having 2 images we can make very custom design. Anyway, let me tell my story. I've got custom design (couple of html pages, assets) to integrate it with CMS (DNN - WTF is it doing with tables...). And it uses jQuery *JUST* to apply rollover images. Yeah, seems to be funny to use it for that matter only... I will try to change the design but not sure how I'll go with it. Cheers, Dmitriy.
[jQuery] Re: Rollover Effects instead of alternate images
if you definitely want to do it with jquery, i reckon you'd be better
off adding a class to the button with { background-image:xyz.png !
important; } than playing with .toggle() or attr('src, 'xyz.png') or
anything like that.
[jQuery] resize iframe to fit contents
hi, i have an iframe on page to hold record editing form - the form presented in the frame needs to be different sizes depending on the form size i want the page called to resize the frame but, i can't figure out how to refer to it from the page loaded in the iframe parent().$(#myiframe).height( $(#formcontentwrapper).height() ) ; any help appreciated
[jQuery] Re: Refresh SPAN without entire page
The issue is what exactly you are trying to achieve when the user deletes the required row. If it's purely client side, then it's hide rather than delete. You could achieve this by 1) Display the page using a session variable to determine which rows to show 2) Call an ajax function to set a session variable 3) do a jQuery remove on the TR But if it's meant to do something server-side (e.g. delete a record from a database, or mark a record as unwanted in a preferences table, then you'll need to do exactly that via a server-side function; the refresh that you requested would do the exact same as a page refresh, if it were available. 1) Call an ajax function to do just that - delete or mark the record 2) do a jQuery remove on the TR Liam bharani kumar wrote: Why asking this question ? you know , For example , there is a three links one,two,three, When one is clicked around 50 rows data will be displayed , there user can delete the required row, assume if i give the page refresh , then user have to click the link again , Assume if is there any function do somthing link refresh span , means , That span contained rows will refresh , then will will not affect , thats y am asking ,,, thanks in advance On Fri, May 22, 2009 at 12:30 AM, Liam Byrne l...@onsight.ie wrote: What do you mean refresh span ? You can reset the content of a particular SPAN using $(spanReference).html(NEW CONTENT) or $(spanReference).text(NEW CONTENT) But unless you've changed the content of the SPAN (using one of the above, in which case you already know it), what's there to refresh ? L bharani kumar wrote: Hi All, How to Refresh SPAN without page refresh , Can you tell name of the jquery function , -- ?? ?? ?? Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/ No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.35/2124 - Release Date: 05/20/09 06:22:00 No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date: 05/22/09 06:03:00
[jQuery] Re: resize iframe to fit contents
never mind - fixed On May 22, 7:26 am, kevind kevint...@gmail.com wrote: hi, i have an iframe on page to hold record editing form - the form presented in the frame needs to be different sizes depending on the form size i want the page called to resize the frame but, i can't figure out how to refer to it from the page loaded in the iframe parent().$(#myiframe).height( $(#formcontentwrapper).height() ) ; any help appreciated
[jQuery] Re: Rollover Effects instead of alternate images
Maybe you could run an effect on all images at load time to have a transparency value say 99%, then use the transparency 100% on hover? On Fri, May 22, 2009 at 2:43 PM, dnagir dna...@gmail.com wrote: Hi, Just wondering if there's some effect in JQ that we can use to simulate rollover. Usually when user hovers a mouse over a link/image it changes its src/ background to another one (for example arrow.png - arrow_o.png). So users feels like it is highlighted or similar. But we always must have 2 images (similar ones). Maybe there's some effect that can simulate this highligting/hover for user so we don't need to have 2 images. I understand it will never be as good as alternative image, but still. Thanks, Dmitriy.
[jQuery] store array in cookie
I need a way to store an associative array in a cookie. Or maybe JSON
encoded string. I am using jquery.
var cookie=[];
cookie[product_1]=[];
cookie[product_1][cookie[product_1].length]=12;
$.cookie('uploads', $.toJSON(cookie), { path: '/', expires: 10 });
[jQuery] Re: AJAX News Ticker decay problem
any help would be much appreciated -- View this message in context: http://www.nabble.com/AJAX-News-Ticker-decay-problem-tp23664065s27240p23664714.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] tablesorter bug? How can I use tablesorter plugin to sort float?
HI: I found tablesorter plugin failed to sort the float if the float is in scientific notation? Eg. the tablesorter asc sorted result of float list is : [ 7e-06,4e-05,0.051116,0.00518,0.0].
[jQuery] store array in cookie
I need a way to store an associative array in a cookie. Or maybe JSON
encoded string. I am using jquery.
var cookie=[];
cookie[product_1]=[];
cookie[product_1][cookie[product_1].length]=12;
$.cookie('uploads', $.toJSON(cookie), { path: '/', expires: 10 });
[jQuery] How can i write js equals to $('document').ready()?
Hi
I am using jquery, but in some pages I cannot use it but I need to
write js code like:
$('document').ready(myInitFunction)
How can i write js to do this work? is it document.onLoad() event?
thanks!
[jQuery] AJAX News Ticker decay problem
Hello All,
I am relatively new to jquery but I have been charged at work to write
a plugin for an AJAX news Ticker.
I have had problems with the ticker animating. It runs correctly the
first three cycles, but then the fourth cycle no longer animates. My
code up to this point is here:
http://aboutbq.com/test/ticker/
I'm not sure what the issue is. The function which does the animation
is still being called because the ajax data continues to be updated.
But the animation no longer runs. I suspect there is some kind of
memory leak.
My code looks like this:
jQuery.fn.initTicker = function(){
return this.each(function(){
$self = jQuery(this);
//find ul width:
tickerscrollW = $self.width();
jQuery(#ticker).html(tickerscrollW);
var parentW = 0;
parentW = 500;
jQuery(#parent).html(parentW);
//alert(Parent Element\n\n#tickerwrapper
width: + parentW);
$self.css({
position: relative,
left: parentW/2
});
$self.animate({
left: 0
},
2000,
linear,
function(){
$.get(data.php, function
(data){
jQuery
(#alertsub).html(data);
$self.find(li).each
(function(){
jQuery
(this).html(data);
});
});
$self.ajaxComplete(function(){
$self.initTicker();
});
}
);
});
}
///
$(function(){
$(#tickerscroll).initTicker();
});
If anyone can help it would be much appreciated.
bq
[jQuery] Re: hoverFlow for simple slideDown
Hi,
the slideDown/slideUp functions in jQuery are simply shortcuts that
execute the animate function with certain animation properties.
slideDown animates height, marginTop, marginBottom,
paddingTop, paddingBottom to the special value show, slideDown
animates the same properties to the special value hide.
However, for animations that toggle the visibility of elements (like
slideDown/slideUp, but also fadeIn/fadeOut), there's no need to use
the hoverFlow plugin at all. You can use the :hidden/:visible pseudo
selector to trigger animations correctly.
// hide sub menus
$('ul.menu ul').hide();
// toggle sub menus on hover
$('ul.menu li')
.hover(function() {
$(this).children('ul:hidden').slideDown();
}, function() {
$(this).children('ul:visible').slideUp();
});
Hope that helps,
Ralf
On May 12, 1:02 pm, hcvitto hcvi...@gmail.com wrote:
Hi
i'm trying to make a dropdown animation and using the hoverFlow
plugin for smooth animation but i just want the submenu to slidedown,
so no animation nedded,
Does anyone know that plugin?
This is a demo page with opacity effect, which is not what i
want..http://www.francesconizzola.it/_demo/nizzola/francesco-nizzola.php
[jQuery] jquery newbie question - .load() does not work after form submission
Unable to figure out why my load function stops working after a form
submit.
On the page I have two different forms. After submitting the first
form - I come back to the page now when I click the add button - I see
an alert message but no JSP loaded. I don't see any interaction with
the server at all.
[code]
$ (function() {
$('#add_value').click( function() {
alert(inside click);
$('#descriptor_value').load(
'descriptorValue.jsp', function(){return false;});
})
});
[/code]
I have an add button with id=add_value. On the page I have an empty
div id=descriptor_value.
When add button is clicked I display the descriptorvalue.jsp. This
works fine on the every click until I submit my form.
What am I missing? I read through the re-binding issue but not sure if
its applicable to my case since I have only one unique add_button and
after the AJAX call the there is no other add_button.
Any help is much appreciated.
Thanks,
Rumpa Giri
[jQuery] Jquery Email validation
is ant one know how can i set email validation in jquery i am using .net
[jQuery] Check and Delete problem
Hi all ,
The below is my script , for check and delete the rows, but some time
i got error like undefined ,
script type=text/javascript
function check_delete(site) {
//alert(site)
var lenChkBox = $(input:checked).length;
//var hdnValues = ;
//alert(lenChkBox)
if(lenChkBox 1){
for(var i=0;ilenChkBox; i++){
hdnValues +=
document.chk_delete.chk_delete[i].value+',';
}
}
var hdnValues = ;
if(lenChkBox = 1){
//alert(document.chk_delete.chk_delete.value)
hdnValues = document.chk_delete.chk_delete.value;
}
$.ajax({
type: POST,
url: check_delete.php,
data: hdnValues= + hdnValues+site=+site,
success: function(msg){
alert(msg)
if(msg){
document.getElementById('Diplay_deleted_message').innerHTML =
Message Deleted;
}
}
});
}
/script
--
உங்கள் நண்பன்
பரணி குமார்
Regards
B.S.Bharanikumar
POST YOUR OPINION
http://bharanikumariyerphp.site88.net/bharanikumar/
[jQuery] Re: Refresh SPAN without entire page
am just intermediate in jquery , so am not understand the remove TR, but i asked to google , Let we see the response thanks for reply On Fri, May 22, 2009 at 4:56 PM, Liam Byrne l...@onsight.ie wrote: The issue is what exactly you are trying to achieve when the user deletes the required row. If it's purely client side, then it's hide rather than delete. You could achieve this by 1) Display the page using a session variable to determine which rows to show 2) Call an ajax function to set a session variable 3) do a jQuery remove on the TR But if it's meant to do something server-side (e.g. delete a record from a database, or mark a record as unwanted in a preferences table, then you'll need to do exactly that via a server-side function; the refresh that you requested would do the exact same as a page refresh, if it were available. 1) Call an ajax function to do just that - delete or mark the record 2) do a jQuery remove on the TR Liam bharani kumar wrote: Why asking this question ? you know , For example , there is a three links one,two,three, When one is clicked around 50 rows data will be displayed , there user can delete the required row, assume if i give the page refresh , then user have to click the link again , Assume if is there any function do somthing link refresh span , means , That span contained rows will refresh , then will will not affect , thats y am asking ,,, thanks in advance On Fri, May 22, 2009 at 12:30 AM, Liam Byrne l...@onsight.ie wrote: What do you mean refresh span ? You can reset the content of a particular SPAN using $(spanReference).html(NEW CONTENT) or $(spanReference).text(NEW CONTENT) But unless you've changed the content of the SPAN (using one of the above, in which case you already know it), what's there to refresh ? L bharani kumar wrote: Hi All, How to Refresh SPAN without page refresh , Can you tell name of the jquery function , -- ?? ?? ?? Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/ No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.35/2124 - Release Date: 05/20/09 06:22:00 No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date: 05/22/09 06:03:00 -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION http://bharanikumariyerphp.site88.net/bharanikumar/
[jQuery] Re: AJAX News Ticker decay problem
bump -- View this message in context: http://www.nabble.com/AJAX-News-Ticker-decay-problem-tp23664065s27240p23670295.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How can i write js equals to $('document').ready()?
the jquery version waits until the page is completely loaded, which
the body onload= event may not do depending on the circumstances.
i don't know if this would work, but if you inserted an img or
link at the very end of your document with an onload attribute it
might be more thorough.
On May 22, 2:25 am, Michael Liao askxuef...@gmail.com wrote:
Hi
I am using jquery, but in some pages I cannot use it but I need to
write js code like:
$('document').ready(myInitFunction)
How can i write js to do this work? is it document.onLoad() event?
thanks!
[jQuery] connected sortable containment
Hello again,
I have a connected sortable that I'd like to keep contained to the
'sortcontainer' but it seems to be acting erratically not sure what
Im doing wrong or if it is even possible ?
thanks
Mike
my jquery is like so...
$(#hottopic, #hidden).sortable({
connectWith: ['.connectedSortable'],
containment: 'sortcontainer'
});
and my html like so.
div id=sortcontainer
div class=transfer
label for=hottopicHot Topics/label
ul id=hottopic class=connectedSortable
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Homeland Security
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Diversity
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Service
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Blue White and Green
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Board of Trustees actions and reports
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Alcohol awareness
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Right to Know
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Big Ten Network
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Campus Safety
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Budget and appropriation
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Religion
/fieldset
/li
/ul
/div
div class=transfer
label for=hiddenHidden Topics/label
ul id=hidden class=connectedSortable
li class=justify
fieldset
img src=img/remove.gif alt=remove
topic class=remove /
impactcounterterrorism
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif alt=remove
topic class=remove /
impactcybersecurity
/fieldset
/li
[jQuery] Re: animate padding start value - Firefox (getComputedStyle)
It has worked for me by just setting a single value in the CSS and using
a single value in the animate function; as I said, the only issue I
encountered was that FF, Chrome Safari jumped as if I'd simply set
the value.
Maybe that's related to what you're seeing, but it works on some level
without giving an error
Liam
Jason Persampieri wrote:
The problem occurs when trying to determine the 'start' value.
getComputedStyle explodes 'padding' into its four individual
components. If you want to animate padding (or margin), you either
have to specify each one in the first argument, or explicitly set the
initial padding on the element (as opposed to via a stylesheet).
On May 21, 12:16 pm, Liam Byrne l...@onsight.ie wrote:
Maybe I'm wrong, but I think
myElement.animate( {padding: 12px} )
won't work anyway ? Shouldn't it be
myElement.animate( {padding: 12} )
That said, tests here show that only IE Opera offer a smooth animation
- the others (FF, Chrome Safari) seem to jump
L
Jason Persampieri wrote:
(Firefox 3.0.10, OS X)
I am setting a padding value via a stylesheet and trying to animate it
-
- CSS
myElement { padding: 20px }
- Javascript
myElement.animate( {padding: 12px} )
When calculating the start padding value, jQuery calls
'getComputedStyle'. Unfortunately,
computedStyle.padding =
computedStyle.padding-top = 20px
computedStyle.padding-right = 20px
computedStyle.padding-bottom = 20px
computedStyle.padding-left = 20px
and the call to 'getPropertyValue' returns an empty string (which is
translated to 0px).
Would this be considered a jQuery or Firefox issue?
No virus found in this incoming message.
Checked by AVG -www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2126 - Release Date: 05/21/09
06:22:00
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date: 05/22/09 06:03:00
[jQuery] Re: connected sortable containment
You may want to ask over here:
http://groups.google.com/group/jquery-ui
- Richard
On Fri, May 22, 2009 at 9:37 AM, Mean Mike mcgra...@gmail.com wrote:
Hello again,
I have a connected sortable that I'd like to keep contained to the
'sortcontainer' but it seems to be acting erratically not sure what
Im doing wrong or if it is even possible ?
thanks
Mike
my jquery is like so...
$(#hottopic, #hidden).sortable({
connectWith: ['.connectedSortable'],
containment: 'sortcontainer'
});
and my html like so.
div id=sortcontainer
div class=transfer
label for=hottopicHot Topics/label
ul id=hottopic class=connectedSortable
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Homeland Security
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Diversity
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Service
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Blue White and Green
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Board of Trustees actions and reports
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Alcohol awareness
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Right to Know
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Big Ten Network
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Campus Safety
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Budget and appropriation
/fieldset
/li
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
Religion
/fieldset
/li
/ul
/div
div class=transfer
label for=hiddenHidden Topics/label
ul id=hidden class=connectedSortable
li class=justify
fieldset
img src=img/remove.gif
alt=remove topic class=remove /
impactcounterterrorism
/fieldset
/li
li class=justify
fieldset
[jQuery] Re: animate padding start value - Firefox (getComputedStyle)
have you tried setting a longer duration (or just the 'slow' attrib)
to see if that cures the jumpyness?
On May 22, 2:51 pm, Liam Byrne l...@onsight.ie wrote:
It has worked for me by just setting a single value in the CSS and using
a single value in the animate function; as I said, the only issue I
encountered was that FF, Chrome Safari jumped as if I'd simply set
the value.
Maybe that's related to what you're seeing, but it works on some level
without giving an error
Liam
Jason Persampieri wrote:
The problem occurs when trying to determine the 'start' value.
getComputedStyle explodes 'padding' into its four individual
components. If you want to animate padding (or margin), you either
have to specify each one in the first argument, or explicitly set the
initial padding on the element (as opposed to via a stylesheet).
On May 21, 12:16 pm, Liam Byrne l...@onsight.ie wrote:
Maybe I'm wrong, but I think
myElement.animate( {padding: 12px} )
won't work anyway ? Shouldn't it be
myElement.animate( {padding: 12} )
That said, tests here show that only IE Opera offer a smooth animation
- the others (FF, Chrome Safari) seem to jump
L
Jason Persampieri wrote:
(Firefox 3.0.10, OS X)
I am setting a padding value via a stylesheet and trying to animate it
-
- CSS
myElement { padding: 20px }
- Javascript
myElement.animate( {padding: 12px} )
When calculating the start padding value, jQuery calls
'getComputedStyle'. Unfortunately,
computedStyle.padding =
computedStyle.padding-top = 20px
computedStyle.padding-right = 20px
computedStyle.padding-bottom = 20px
computedStyle.padding-left = 20px
and the call to 'getPropertyValue' returns an empty string (which is
translated to 0px).
Would this be considered a jQuery or Firefox issue?
No virus found in this incoming message.
Checked by AVG -www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2126 - Release Date:
05/21/09 06:22:00
No virus found in this incoming message.
Checked by AVG -www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date:
05/22/09 06:03:00
[jQuery] Re: cycle plugin with keyboard
possibly keycode vs. charcode. did you try the keypress thingy on
quirksmode to see what IE returns on keydown?
which version of IE isn't it working?
On May 22, 3:10 pm, runrunforest craigco...@gmail.com wrote:
thanks
I got this to work in all browser except... IE.
The code i used
$(window).keydown(function(e){
if(e.which == 37){ $('.prev').click();}
else if(e.which == 39){ $('.next').click();}
});
What makes IE not understand this ?
On May 22, 3:15 pm, ryan.j ryan.joyce...@googlemail.com wrote:
take a look here -http://www.quirksmode.org/js/keys.html
37: left
38: up
39: right
40: down
irritatingly, i completely forgot the arrow keys are a special case,
and won't trigger properly (or even consistently) the keypress event
across different browsers. try keydown or keyup to catch the charcode,
On May 22, 5:19 am, runrunforest craigco...@gmail.com wrote:
the all the arrow has charcode of 0 (zero). I know this by the code
var key = e.which;
alert(key);
So how the script which is right arrow which is left arrow.
On May 21, 10:51 pm, ryan.j ryan.joyce...@googlemail.com wrote:
yeah, stick this in document ready.
to simulate the click, get the id of element you'd normally click to
advance the scroller (inspect it with the mozilla plugin firebug) and
append .click()
On May 21, 4:45 pm, runrunforest craigco...@gmail.com wrote:
could you give some further tip, how can I simulate, where should I
put the code to (document.ready part ?).
On May 21, 10:28 pm, ryan.j ryan.joyce...@googlemail.com wrote:
$(window).keypress(function (e) {
if (e.which == 39 ) {
/* keypress right */
} elseif (e.which == 37 ) {
/* keypress left */
} else {
return false;
}
});
if you can't figure out how to advance the cycle on your own, maybe
try to simulate $('#scrollLeft').click()
On May 21, 2:48 am, runrunforest craigco...@gmail.com wrote:
In cycle plugin, ss there way to switch images by keyboard arrows
instead of clicking next, prev
[jQuery] Re: cycle plugin with keyboard
thanks
I got this to work in all browser except... IE.
The code i used
$(window).keydown(function(e){
if(e.which == 37){ $('.prev').click();}
else if(e.which == 39){ $('.next').click();}
});
What makes IE not understand this ?
On May 22, 3:15 pm, ryan.j ryan.joyce...@googlemail.com wrote:
take a look here -http://www.quirksmode.org/js/keys.html
37: left
38: up
39: right
40: down
irritatingly, i completely forgot the arrow keys are a special case,
and won't trigger properly (or even consistently) the keypress event
across different browsers. try keydown or keyup to catch the charcode,
On May 22, 5:19 am, runrunforest craigco...@gmail.com wrote:
the all the arrow has charcode of 0 (zero). I know this by the code
var key = e.which;
alert(key);
So how the script which is right arrow which is left arrow.
On May 21, 10:51 pm, ryan.j ryan.joyce...@googlemail.com wrote:
yeah, stick this in document ready.
to simulate the click, get the id of element you'd normally click to
advance the scroller (inspect it with the mozilla plugin firebug) and
append .click()
On May 21, 4:45 pm, runrunforest craigco...@gmail.com wrote:
could you give some further tip, how can I simulate, where should I
put the code to (document.ready part ?).
On May 21, 10:28 pm, ryan.j ryan.joyce...@googlemail.com wrote:
$(window).keypress(function (e) {
if (e.which == 39 ) {
/* keypress right */
} elseif (e.which == 37 ) {
/* keypress left */
} else {
return false;
}
});
if you can't figure out how to advance the cycle on your own, maybe
try to simulate $('#scrollLeft').click()
On May 21, 2:48 am, runrunforest craigco...@gmail.com wrote:
In cycle plugin, ss there way to switch images by keyboard arrows
instead of clicking next, prev
[jQuery] Validate on combobox
Hi all,
I need to validate a combobox if the user doesn't make a choice.
My combo is:
select id=utenza name=utenza
option value=-1null/option
option value=1utenza1/option
option value=2utenza2/option
/select
and I'm trying this code:
rules: {
utenza: {
required: #utenza[selectedValue=-1]
}
},
but it doesn't work.
How could fix it?
Thanks in advance.
Luigi
[jQuery] Re: Setting element type?
thanks!!!
2009/5/21 Richard D. Worth rdwo...@gmail.com
The type is an attribute. You can get it via the .attr() method:
var theType = $(#myInput).attr(type);
Setting the type is not supported across browsers. Rather, you'll have to
create a new input with the type you want. Ex:
$('input type=password').appendTo(form);
- Richard
On Thu, May 21, 2009 at 9:44 AM, Rodrigo Matheus sis.rodr...@gmail.comwrote:
also need to know
2009/5/21 ash.finlay...@googlemail.com ash.finlay...@googlemail.com
Hi can anyone tell me how to set the 'type' of an html form element
using jquery?
is there something like?
$(element).type(password);
Many Thanks
Ash
--
Atenciosamente,
Rodrigo Matheus
--
Atenciosamente,
Rodrigo Matheus
[jQuery] Re: How can i write js equals to $('document').ready()?
You can use window.onload, it will have a slight delay but will work
consistently.
jQuery ready() uses the DOMContentReady event when it's supported, and
some assorted techniques to find out if the DOM has loaded in other
browsers, take a look at the source code.
-- ricardo
On May 21, 10:25 pm, Michael Liao askxuef...@gmail.com wrote:
Hi
I am using jquery, but in some pages I cannot use it but I need to
write js code like:
$('document').ready(myInitFunction)
How can i write js to do this work? is it document.onLoad() event?
thanks!
[jQuery] Re: Validate on combobox
Set value= (empty string) for the null-option, and specify required:true.
Jörn
On Fri, May 22, 2009 at 4:25 PM, ciupaz luigi.zambe...@gmail.com wrote:
Hi all,
I need to validate a combobox if the user doesn't make a choice.
My combo is:
select id=utenza name=utenza
option value=-1null/option
option value=1utenza1/option
option value=2utenza2/option
/select
and I'm trying this code:
rules: {
utenza: {
required: #utenza[selectedValue=-1]
}
},
but it doesn't work.
How could fix it?
Thanks in advance.
Luigi
[jQuery] Re: Easing seems not work in 1.3.2 animate
If you're talking about this http://gsgd.co.uk/sandbox/jquery/easing/, it has been integrated into jQuery UI (jqueryui.com). On May 22, 1:41 am, goodwill william.yeung...@gmail.com wrote: I try to integrate easing with 1.3.2 animate but seems its just not working. Which version of the easing plugin I should use?
[jQuery] Re: What happen with jQuery? Is it slow?
jQuery has a lot of overhead because of it's event handling, cross- browser normalization, etc, it's a good trade-off for most websites. And you can easily reduce those numbers a lot doing simple optimizations. On May 21, 11:25 pm, donb falconwatc...@comcast.net wrote: It has apparently sped up 50% with the latest release. The time it takes to perform any of those test cases is not important to me. What is important is the application's perceived speed. I find jQuery to perform quite satisfactorily in that context. In fact, the real world involves great expanses of idleness sporadically interrupted by meaningful work. A few milliseconds here and there don't really matter 99% of the time. Besides, jQuery's greatest strength is the clean and elegant coding model. I don't think anyone will say speed was the objective of jQuery - other than speed of learning/designing/coding with the framework. On May 21, 9:57 pm, Alexsandro_xpt bagul...@gmail.com wrote: Make this testhttp://dante.dojotoolkit.org/taskspeed/
[jQuery] Re: animate padding start value - Firefox (getComputedStyle)
Oh... gotcha. Yes, mine doesn't error-out either. It's just that if
I'm trying to animate to 12px from whatever is currently set in the
stylesheet, the padding first 'jumps' to 0px, then animates to 12px.
So, for yours, maybe if you tried setting the 4 sides individually (or
set the padding on the element directly), it would fix your
'jumpiness' as well?
_jason
On May 22, 6:51 am, Liam Byrne l...@onsight.ie wrote:
It has worked for me by just setting a single value in the CSS and using
a single value in the animate function; as I said, the only issue I
encountered was that FF, Chrome Safari jumped as if I'd simply set
the value.
Maybe that's related to what you're seeing, but it works on some level
without giving an error
Liam
Jason Persampieri wrote:
The problem occurs when trying to determine the 'start' value.
getComputedStyle explodes 'padding' into its four individual
components. If you want to animate padding (or margin), you either
have to specify each one in the first argument, or explicitly set the
initial padding on the element (as opposed to via a stylesheet).
On May 21, 12:16 pm, Liam Byrne l...@onsight.ie wrote:
Maybe I'm wrong, but I think
myElement.animate( {padding: 12px} )
won't work anyway ? Shouldn't it be
myElement.animate( {padding: 12} )
That said, tests here show that only IE Opera offer a smooth animation
- the others (FF, Chrome Safari) seem to jump
L
Jason Persampieri wrote:
(Firefox 3.0.10, OS X)
I am setting a padding value via a stylesheet and trying to animate it
-
- CSS
myElement { padding: 20px }
- Javascript
myElement.animate( {padding: 12px} )
When calculating the start padding value, jQuery calls
'getComputedStyle'. Unfortunately,
computedStyle.padding =
computedStyle.padding-top = 20px
computedStyle.padding-right = 20px
computedStyle.padding-bottom = 20px
computedStyle.padding-left = 20px
and the call to 'getPropertyValue' returns an empty string (which is
translated to 0px).
Would this be considered a jQuery or Firefox issue?
No virus found in this incoming message.
Checked by AVG -www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2126 - Release Date:
05/21/09 06:22:00
No virus found in this incoming message.
Checked by AVG -www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date:
05/22/09 06:03:00
[jQuery] Re: Licensing
Each jQuery plugin author uses their own license. While most will use MIT or GPL to be consistent with jQuery, unless explicitly mentioned, you'll need to check-in with each author. Rey... doddstr13 wrote: Are all jquery plugins available under GPL and MIT licenses? My company requries me to provide a URL which describes the licensing of any open source code we use. I have links to JQuery's licensing, but I want to use ClueTip plugin and can't find any specific licensing informaitno.
[jQuery] Re: tablesorter bug? How can I use tablesorter plugin to sort float?
You will need to write your own custom parser. The numeric sorter won't detect nor handle scientific notation. aquaone On Thu, May 21, 2009 at 20:22, devdoer devdo...@gmail.com wrote: HI: I found tablesorter plugin failed to sort the float if the float is in scientific notation? Eg. the tablesorter asc sorted result of float list is : [ 7e-06,4e-05,0.051116,0.00518,0.0].
[jQuery] Re: tablesorter plugin help -- getting it to ignore quotation marks
You'll need to write a custom parser. For detection tell it to look for your quote characters at start and end with string characters between. For cache population, use regex to strip the quotes. aquaone On Thu, May 21, 2009 at 22:04, clorentzen carl.lorent...@gmail.com wrote: I'm using the tablesorter plugin, and have run into a small issue I can't figure out how to solve: One of the columns in my table contains titles, some of which are books, others of which are articles or television episodes. The latter two start with a double quote (#8220;)... So, for example, one cell in the column might be: tdemTitle of Book/em/td while another would be: td#8220;Title of Article#8221;/td Tablesorter seems to be factoring these starting double quotes into the sort order for that column, so I end up with a list that is titles without quotes alphabetically first, and then titles with quotes alphabetically second. Is there any way I can get it to ignore the double quote, so that sorting on the column always goes by the first actual letter of the text? Thanks a bunch for any help.
[jQuery] new project - fluidIA - open source UI prototyping based on jQuery
Hello, A year ago, on a part time basis I started an open source user interface prototyping project - www.fluidIA.org. Recently this turned into a grad project. Seeing the powerful potential of jQuery, I've relied on this Javascript library to build this browser based application. The tool aims to empower interaction designers and developers to quickly generate wireframes/prototypes, and more so, allows for rapid refinement through object orientation and inheritance. Support for state based objects has also been already implemented. A working Firefox copy is running over at: http://stage.fluidia.org For the fluidIA project, one of my upcoming tasks is also to explore the ability to create a UI for jQuery's event handling capabilities. In turn, this could result in something of a WYSIWYG editor for event based interactions. However, for more powerful logic and data binding, the environment will also support the ability to toggle fluidIA objects and replace them with real code, should developers wish to program the desired interactions. In a way then, these objects can act as guiding or exploratory ideas which would then evolve to proper code. Here are two very rough sketches of this: http://fluidia.org/wp/?p=192 (toggle) http://fluidia.org/wp/?p=94 (low-fi events) So why am I writing about all this here? Well, so far I've been a one man army doing design, development and recently user testing. Just thought to throw the project up here should there be any interested developers / designers in participating. I'm really a generalist (visual and interaction designer by education), and thought it would be cool to work with some pro developers on this. 1. So far I've opened the source over at: http://github.com/fluidia/fluidia/tree/master 2. I have also opened up the design process: http://fluidia.org/wp/?category_name=sketches where I am interested in contributions from others as well. (Am really interested in running an open source + open design project and see how designers could collaborate with developers.) 3. Google Groups: http://groups.google.com/group/fluidia Should any jQuery gurus be interested in working on this project, please let me know. Would love to hear from you. Cheers, Jakub Linowski www.fluidia.org www.linowski.ca ps. I cross posted this from the jquery dev list.
[jQuery] Read Pro JavaScript Techniques?
Have you read the book Pro JavaScript Techniques Published December 2006? Still good / applicable? (book image and links at http://jspro.org/ ) Do you know of an active and better email list (or discussion group) for such general JavaScript questions? Thanks. Michael Finney
[jQuery] document.ready speed?
Does document.ready wait for external scripts to be loaded I have google analytics (+1 other) loading just before the body tag however script in document ready seem to be waiting for these to load I only want to wait for the jquery plugins at the top of the page to load the scripts at the bottom are written like this document.write(unescape(%3Cscript src=' + gaJsHost + google- analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E));
[jQuery] Re: How can i write js equals to $('document').ready()?
There are other non-library solutions to domready out there:
One of the first:
http://dean.edwards.name/weblog/2006/06/again/
or taken from Mootools:
http://snipplr.com/view/6029/domreadyjs/
etc.
Just Google domready, and as Richard said, look at jQuery's source.
On May 21, 6:25 pm, Michael Liao askxuef...@gmail.com wrote:
Hi
I am using jquery, but in some pages I cannot use it but I need to
write js code like:
$('document').ready(myInitFunction)
How can i write js to do this work? is it document.onLoad() event?
thanks!
[jQuery] Re: Submit form when hitting enter
Why don't you use an input type=image? --Klaus On 21 Mai, 06:40, Nic Hubbard nnhubb...@gmail.com wrote: I have a form that I built, and I replaced the submit button with an image. When you click the image, it calls the .submit() jQuery function and submits the form. Because I am not using the normal submit input button, hitting enter in most browsers won't submit the form. I think that users are used to this happening, so I would like to replicate this. What would I need to do? Can I trigger the .submit() function when the enter button is hit?
[jQuery] Re: animate padding start value - Firefox (getComputedStyle)
Yup, setting the individual padding improves matters slightly if you set
the 4 individuals in CSS
IE - works, as before
Opera - works, as before
FF - jumps to zero, then animates
Safari - jumps to zero, then animates
Chrome - jumps to zero, then animates
The only way to get all 5 browsers to work is
1) Set all 4 paddings individually in the CSS : padding-left,
padding-right, etc
2) Animate all 4 paddings using paddingLeft, paddingRight, etc
So your observation is correct, Jason:
If you want to animate padding (or margin), you either have to specify
each one in the first argument, or explicitly set the initial padding on
the element (as opposed to via a stylesheet).
Sorry if I misinterpreted your original post that it was throwing an
error
L
Jason Persampieri wrote:
Oh... gotcha. Yes, mine doesn't error-out either. It's just that if
I'm trying to animate to 12px from whatever is currently set in the
stylesheet, the padding first 'jumps' to 0px, then animates to 12px.
So, for yours, maybe if you tried setting the 4 sides individually (or
set the padding on the element directly), it would fix your
'jumpiness' as well?
_jason
On May 22, 6:51 am, Liam Byrne l...@onsight.ie wrote:
It has worked for me by just setting a single value in the CSS and using
a single value in the animate function; as I said, the only issue I
encountered was that FF, Chrome Safari jumped as if I'd simply set
the value.
Maybe that's related to what you're seeing, but it works on some level
without giving an error
Liam
Jason Persampieri wrote:
The problem occurs when trying to determine the 'start' value.
getComputedStyle explodes 'padding' into its four individual
components. If you want to animate padding (or margin), you either
have to specify each one in the first argument, or explicitly set the
initial padding on the element (as opposed to via a stylesheet).
On May 21, 12:16 pm, Liam Byrne l...@onsight.ie wrote:
Maybe I'm wrong, but I think
myElement.animate( {padding: 12px} )
won't work anyway ? Shouldn't it be
myElement.animate( {padding: 12} )
That said, tests here show that only IE Opera offer a smooth animation
- the others (FF, Chrome Safari) seem to jump
L
Jason Persampieri wrote:
(Firefox 3.0.10, OS X)
I am setting a padding value via a stylesheet and trying to animate it
-
- CSS
myElement { padding: 20px }
- Javascript
myElement.animate( {padding: 12px} )
When calculating the start padding value, jQuery calls
'getComputedStyle'. Unfortunately,
computedStyle.padding =
computedStyle.padding-top = 20px
computedStyle.padding-right = 20px
computedStyle.padding-bottom = 20px
computedStyle.padding-left = 20px
and the call to 'getPropertyValue' returns an empty string (which is
translated to 0px).
Would this be considered a jQuery or Firefox issue?
No virus found in this incoming message.
Checked by AVG -www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2126 - Release Date: 05/21/09
06:22:00
No virus found in this incoming message.
Checked by AVG -www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date: 05/22/09
06:03:00
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date: 05/22/09 06:03:00
[jQuery] Re: Refresh SPAN without entire page
$(tr).remove()
Just make sure that you're referencing a SPECIFIC tr, e.g.
$(tr).click(function() {
$(this).remove();
}
But again - bear in mind that that removes it from the CURRENT PAGE
ONLY, so refreshing (either a span or the whole page) will bring it
back.
As advised by myself and others, the issue you're encountering isn't a
refresh - it's a what is 'delete' meant to do ?
L
bharani kumar wrote:
am just intermediate in jquery ,
so am not understand the remove TR, but i asked to google ,
Let we see the response
thanks for reply
On Fri, May 22, 2009 at 4:56 PM, Liam Byrne l...@onsight.ie wrote:
The issue is what exactly you are trying to achieve when the user deletes
the required row.
If it's purely client side, then it's hide rather than delete. You could
achieve this by
1) Display the page using a session variable to determine which rows to show
2) Call an ajax function to set a session variable
3) do a jQuery remove on the TR
But if it's meant to do something server-side (e.g. delete a record from a
database, or mark a record as unwanted in a preferences table, then you'll
need to do exactly that via a server-side function; the refresh that you
requested would do the exact same as a page refresh, if it were available.
1) Call an ajax function to do just that - delete or mark the record
2) do a jQuery remove on the TR
Liam
bharani kumar wrote:
Why asking this question ? you know ,
For example ,
there is a three links
one,two,three,
When one is clicked around 50 rows data will be displayed ,
there user can delete the required row, assume if i give the page
refresh , then user have to click the link again ,
Assume if is there any function do somthing link refresh span , means ,
That span contained rows will refresh , then will will not affect ,
thats y am asking ,,,
thanks in advance
On Fri, May 22, 2009 at 12:30 AM, Liam Byrne l...@onsight.ie wrote:
What do you mean refresh span ?
You can reset the content of a particular SPAN using
$(spanReference).html(NEW CONTENT) or $(spanReference).text(NEW
CONTENT)
But unless you've changed the content of the SPAN (using one of the
above,
in which case you already know it), what's there to refresh ?
L
bharani kumar wrote:
Hi All,
How to Refresh SPAN without page refresh ,
Can you tell name of the jquery function ,
--
?? ??
??
Regards
B.S.Bharanikumar
POST YOUR OPINION
http://bharanikumariyerphp.site88.net/bharanikumar/
No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database:
270.12.35/2124 - Release Date: 05/20/09 06:22:00
No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database:
270.12.36/2128 - Release Date: 05/22/09 06:03:00
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.5.339 / Virus Database: 270.12.36/2128 - Release Date: 05/22/09 06:03:00
[jQuery] Re: Read Pro JavaScript Techniques?
I would very highly recommend it. It's written by the creator of jQuery John Resig. Is this Michael Finney from Seven on Your Side? -- Josh -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of finneycanhelp Sent: Friday, May 22, 2009 8:13 AM To: jQuery (English) Subject: [jQuery] Read Pro JavaScript Techniques? Have you read the book Pro JavaScript Techniques Published December 2006? Still good / applicable? (book image and links at http://jspro.org/ ) Do you know of an active and better email list (or discussion group) for such general JavaScript questions? Thanks. Michael Finney
[jQuery] Re: selecting multiple selects
didit hanks.
On May 21, 6:15 pm, MorningZ morni...@gmail.com wrote:
$(select.sortby).change(function() {
window.location = http://...; + order= + $(this).val();
});
On May 21, 7:10 pm, dezok714 gary.str...@gmail.com wrote:
I am writing a sortby function that uses two selects on the page and
digs out the option val and submits the page for a new view. You can
see the sortby on this page:
http://www.beachhouse.com/vacation/search.asp?Country=United+StatesS...
at the top and bottom. I figured I could set a class for both the
selects as class=sortby, and do singel $(.sortby).change(function()
BUT that did not seem to work so I created two unique ids for the
selects, id=sortBy1 and id=sortBy2. Which works.
Just wondering if I could optimize and collape these:
jcode
$('#sortBy1').change(function(){
var str = ;
str = order= + $(#sortBy1 option:selected).val();
window.location = http://www.beachhouse.com/vacation/search6.asp?
s=1 + str;
});
$('#sortBy2').change(function(){
var str = ;
str = order= + $(#sortBy2 option:selected).val();
window.location = http://www.beachhouse.com/vacation/search6.asp?
s=1 + str;
});
htmlcode
select class=sortby id=sortBy1 ... /select
select class=sortby id=sortBy2 ... /select
[jQuery] Re: jQuery, MooTools, and Prototype - A Comparison
I started with Prototype/Script.aculo.us, tried MooTools, and moved to JQuery. I don't have very technical reasons to support this just personal experience. I was amazed by Prototype, having not used a framewqork before, but found it fiddly and not terribly well documented. MooTools was just really hard to get to work at all, so I chucked it as I couldn't afford the learning curve. I tried JQuery and was amazed at it's simplicity, ease of use, documentation and support. I've never looked back, apart from revisiting old projects, ripping out all the Prototype and replacing it! The plugins I have tried have almost always worked seamlessly, and where tweaks have been needed the coding conventions make it easy to rip them apart. Together with JQueryUI it's just great for my needs. I've gone on to do more and code better, bigger things thanks to JQuery, and been pleasantly surprised. I have an In Context Editing system powered almost entirely by JQuery for front end manipulation, and it has been a pleasure to build. To answer you in the format you requested: 1) Ease of use, transparency, support, documentation, plugins 2) = NULL; So, that's my two cents, JQuery FTW! On May 21, 8:05 pm, kiusau kiu...@mac.com wrote: After a badly needed pause of some length, my need for sophisticated JavaScript has reemerged. During my departure I have discovered two other similar JavaScript modules called MooTools and Prototype. With my reemergence I have also realized that all of these require a certain amount of commitment that goes beyond what I initially anticipated. What I would like from you all is a convincing argument to remain that is based on the following comparison: 1) What are the principal advantages of jQuery over Prototype and MooTools? 2) What are the principal disadvantages of jQuery when compared with Protoype and MooTools? Roddy
[jQuery] Re: Rollover Effects instead of alternate images
I just did this the other day on a web page.
You need to make an image that has both the active, and regular state
images in it.
Then in your css,
#base-state {background-position: 0px 0px;} // The first 0 is the X
axis position, the second is the Y
#base-state.active {background-position: 0px 30px;} // This is our
second class that we will switch to with our jquery
Javascript --
$(document).ready(function() {
$(#base-state).click(function() {
$(this).toggleClass(active);
}
)
});
Just a basic run through of how it works.
I don't know how much help that is..
I probably goofed something up there, but it's the gist..
[jQuery] Re: Rollover Effects instead of alternate images
I believe your CSS is invalid. I don't think you can apply both a class AND
an ID in the same selector which is what #base-state.active does. Now
#base-state:active might work as that's a pseudo class.
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of ButtersRugby
Sent: Friday, May 22, 2009 1:25 PM
To: jQuery (English)
Subject: [jQuery] Re: Rollover Effects instead of alternate images
I just did this the other day on a web page.
You need to make an image that has both the active, and regular state images
in it.
Then in your css,
#base-state {background-position: 0px 0px;} // The first 0 is the X
axis position, the second is the Y
#base-state.active {background-position: 0px 30px;} // This is our second
class that we will switch to with our jquery
Javascript --
$(document).ready(function() {
$(#base-state).click(function() {
$(this).toggleClass(active);
}
)
});
Just a basic run through of how it works.
I don't know how much help that is..
I probably goofed something up there, but it's the gist..
[jQuery] Re: Rollover Effects instead of alternate images
SYNTAX ERROR
this is your code :
$(document).ready(function() {
$(#base-state).click(
function() {
$(this).toggleClass(active);
}
)
});
this is how it should be
$(document).ready(function() {
$(#base-state).click(
function() {
$(this).toggleClass(active);
}
);
});
you missed one ;
On Fri, May 22, 2009 at 8:41 PM, Andy Matthews li...@commadelimited.comwrote:
I believe your CSS is invalid. I don't think you can apply both a class AND
an ID in the same selector which is what #base-state.active does. Now
#base-state:active might work as that's a pseudo class.
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of ButtersRugby
Sent: Friday, May 22, 2009 1:25 PM
To: jQuery (English)
Subject: [jQuery] Re: Rollover Effects instead of alternate images
I just did this the other day on a web page.
You need to make an image that has both the active, and regular state
images
in it.
Then in your css,
#base-state {background-position: 0px 0px;} // The first 0 is the X
axis position, the second is the Y
#base-state.active {background-position: 0px 30px;} // This is our second
class that we will switch to with our jquery
Javascript --
$(document).ready(function() {
$(#base-state).click(function() {
$(this).toggleClass(active);
}
)
});
Just a basic run through of how it works.
I don't know how much help that is..
I probably goofed something up there, but it's the gist..
[jQuery] Re: jquery accordion inside the jquery tabs
You'll want to read:
http://docs.jquery.com/UI/API/1.6/Tabs
At the bottom there is a section called ...my slider, Google Map,
etc. not work when placed in a hidden (inactive) tab?.
As the docs state:
Any component that requires some dimensional computation for its
initialization won't work in a hidden tab, because the tab panel
itself is hidden via display: none so that any elements inside won't
report their actual width and height (0 in most browsers).
Hope that helps.
On May 22, 3:31 am, jFriend friendofsuic...@gmail.com wrote:
I'll just paste the code first, explain the problems later
header Code:
script type=text/javascript
$(function() {
$(.tabs).tabs();
});
/script
script type=text/javascript
$(function() {
$(.accordion).accordion();
});
/script
html body
Code:
div class=tabs
ul
lia href=#tabs-1something/a/li
lia href=#tabs-2something else/a/li
lia href=#tabs-3something else too/a/li
/ul
div id=tabs-1
p
//random content
/p
/div
div id=tabs-2
p
div class=accordion
h3a href=#Some header/a/h3
div
p
// random text
/p
/div
h3a href=#Another header/a/h3
div
p
// random text again
/p
/div
h3a href=#Some header again/a/h3
div
p
// random text yet again
/p
/div
/div
/p
/div
div id=tabs-3
p
//random content, nothing special here
/p
/div
/div
ok, so this is it
The problem is, accordion (inside the tab-2) doesn't work.
First I thought the problem was in nesting, but I think it's not.
if I put accordion outside tabs and nest it as many divs deep as i
want, it still works.
But when I insert the code for accordion inside the jquery tabs, it's
all over. I get accordion displayed, but when I click it, nothing
happens. in firefox i get some slides up down, but no content is
displayed. in IE I click just 1 tab, slids up and accordion completely
freezes.
I got the code herehttp://jqueryui.com/demos/accordion/
Any suggestions? thanks in advance
[jQuery] Re: Jquery Email validation
The way I do it is to just send the email via ajax to a validation
script that returns back an xml response.
$(#signup-form #email).blur(function() {
$.get(/ajax/emailcheck, { email: $(#email).val() },
function (xml) {
if ($('status',xml).text() == 1) {
// Available and valid
$(#email).css(border,1px solid green);
}
else {
$(#email).css(border,2px solid red).focus();
}
$(#email-note).html($(html,xml).text());
},xml);
return false;
});
This is what the following would send and the response they would get
http://www.murmp.com/ajax/emailcheck?email=invalid
?xml version=1.0 encoding=UTF-8?
response
status0/status
htmlNot a valid email address/html
/response
http://www.murmp.com/ajax/emailcheck?email=va...@email.com
?xml version=1.0 encoding=UTF-8?
response
status1/status
htmlEmail available/html
/response
http://www.murmp.com/ajax/emailcheck?email=jsu...@murmp.com
?xml version=1.0 encoding=UTF-8?
response
status0/status
htmlEmail already in use/html
/response
On the backend, I use a free/open-source validation class. I'm sure
that there are similar projects for .net
http://code.google.com/p/php-email-address-validation
You can see this in action at (shameless plug)
http://www.murmp.com/signup
Hope that helps!
-Jonathon
On May 22, 5:06 am, gladrinkz gladri...@gmail.com wrote:
is ant one know how can i set email validation in jquery i am
using .net
[jQuery] Re: jQuery, MooTools, and Prototype - A Comparison
DisasterMan more or less wrote exactly what I would have said. I've used Prototype/Script.aculo.us and the lack of (good) documentation was what kept me from really being happy. I can't comment on MooTools. Combine that with the fact that I (personally) like the syntax of jQuery better...it just seems more natural and easy to follow/understand. Good luck, make your decision and don't second guess yourself. On May 22, 1:06 pm, DisasterMan d...@absolutedisaster.co.uk wrote: I started with Prototype/Script.aculo.us, tried MooTools, and moved to JQuery. I don't have very technical reasons to support this just personal experience. I was amazed by Prototype, having not used a framewqork before, but found it fiddly and not terribly well documented. MooTools was just really hard to get to work at all, so I chucked it as I couldn't afford the learning curve. I tried JQuery and was amazed at it's simplicity, ease of use, documentation and support. I've never looked back, apart from revisiting old projects, ripping out all the Prototype and replacing it! The plugins I have tried have almost always worked seamlessly, and where tweaks have been needed the coding conventions make it easy to rip them apart. Together with JQueryUI it's just great for my needs. I've gone on to do more and code better, bigger things thanks to JQuery, and been pleasantly surprised. I have an In Context Editing system powered almost entirely by JQuery for front end manipulation, and it has been a pleasure to build. To answer you in the format you requested: 1) Ease of use, transparency, support, documentation, plugins 2) = NULL; So, that's my two cents, JQuery FTW! On May 21, 8:05 pm, kiusau kiu...@mac.com wrote: After a badly needed pause of some length, my need for sophisticated JavaScript has reemerged. During my departure I have discovered two other similar JavaScript modules called MooTools and Prototype. With my reemergence I have also realized that all of these require a certain amount of commitment that goes beyond what I initially anticipated. What I would like from you all is a convincing argument to remain that is based on the following comparison: 1) What are the principal advantages of jQuery over Prototype and MooTools? 2) What are the principal disadvantages of jQuery when compared with Protoype and MooTools? Roddy
[jQuery] Re: Plugin Best practices?
I just updated my site to load certain files only when necessary. For
instance, I only load the FCFEditor when I have a textarea that is
going to use it, and I just have the script element directly after the
textarea.
As for performance, its going to depend. However, I moved about 3-4
plugins to being loaded on demand (instead of on every page) and I
shaved 3-4 seconds of load time off my homepage (to be fair I also did
a few other performance tweaks that helped as well)! Also, definitely
read the link aquaone sent as well.
Here is the pseudocode that I use for including my extra plugins
[element that needs plugin]
if (!$already_included) {
script src='/path/to/plugin'
$already_included = true;
}
script[do plugin stuff]/script
Hope that helps.
On May 21, 3:10 pm, Donkeybob rip...@gmail.com wrote:
I use three or four jquery plugins for a site. What's the best
practice in loading all of these files and how much does it slow down
an app? Do you reference them from another file to keep the page code
clean? Just a couple of questions to find out about . . . .
Thanks,
Rich
[jQuery] jQuery Validation Plugin
Can anyone tell me how i can change which attribute on my form field
triggers the validation?
currently it appears the be the name attribute. So in my Rails app
using Rails helpers, it sets the name to somthing like formname
['fieldname'] and the whole name.
in my script if i do something like
rules: {
formname['fieldname]: 'required'
}
etcit causes the script to break.
I need a workaround if anyone has ever come across this problem..
Thanks in Advance
[jQuery] Re: Jquery Email validation
look at the jQuery validation plugin.. its pretty slick. On May 22, 4:06 am, gladrinkz gladri...@gmail.com wrote: is ant one know how can i set email validation in jquery i am using .net
[jQuery] Re: Jquery Autocomplete Problem
@wesleycjx
I guess the event is called on keypress event.
i have a similar sort of problem like deafGuru
my script is-
$(.stock_item).live(keypress,function(){
console.log($(this));
$(this)
.autocomplete(includes/pages/stock_item_autocomplete.php,{
width:150,
max:5,
multiple: true,
}).result(function(){
var name= $(this).val();
if(name.match(#)){
var stock_id= parseInt( name.split(#)[0]);
$(this).val(name.split(#)[1]);
$(this).next(input[name=stock_item[]]).val(stock_id);
}
});
});
this script gets the 1#Nokia1166 and stores the 1 into the hidden
field but
my problem is it does not trigger even on the first time and some time
not at all
help needed please
[jQuery] Re: jQuery Validation Plugin
so as not to confuse..
the name attribute looks like this
name=name['name'] for the input field
and the js is
rules: {
name['name']: 'required'
}
i noticed typos in the above question.
On May 22, 12:36 pm, bhan...@hcinsight.com bhan...@hcinsight.com
wrote:
Can anyone tell me how i can change which attribute on my form field
triggers the validation?
currently it appears the be the name attribute. So in my Rails app
using Rails helpers, it sets the name to somthing like formname
['fieldname'] and the whole name.
in my script if i do something like
rules: {
formname['fieldname]: 'required'
}
etcit causes the script to break.
I need a workaround if anyone has ever come across this problem..
Thanks in Advance
[jQuery] Re: What happen with jQuery? Is it slow?
One of the areas of the comparison where jQuery fares the worst is
destroy. jQuery checks every element it is removing to see if there
are events bound to it and removes those events because they can cause
memory leaks. None of the other libraries do this. I do wish that
jQuery provided a method to not check, and just do a quick remove.
This has tripped me up before and I had to use POJS (Plain Old Java
Script) to change the innerHTML to an empty string before doing
the .remove() when I knew there were no events on the elements. In
fact, I think all of the calls to .html() are slowed down because of
this event check.
Also, many of the jQuery examples are poorly constructed, take the
'table' instance:
for (var i = 0; i 40; i++) {
$(table class='madetable'/table).appendTo(body).html
(trtdfirst/td/tr).find(tr).prepend(tdbefore/td);
}
return $(tr td).length;
This should be:
var theTables = '';
for (var i = 0; i 40; i++) {
theTables += 'table class=madetabletrtdbefore/
tdtdfirst/td/tr/table';
}
$(body).append(theTables);
return $('tr td').length;
and there are even quicker methods using array.join can speed it up
for example
the 'make' instance:
for (var i = 0; i 250; i++) {
$(ul id='setid + i + ' class='fromcode'/ul).append
(lione/lilitwo/lilithree/li).appendTo(body);
}
return $(ul.fromcode).length;
This is ridiculous code. It should be:
var theUls = '';
for (var i = 0; i 250; i++) {
theUls = 'ul id=setid' + i + ' class=fromcodelione/
lilitwo/lilithree/li/ul');
}
$(body).append(theUls);
return $(ul.fromcode).length;
The 'append' instance:
for (var i = 0; i 500; i++) {
$(body).append(div rel='foo'test/div);
}
return $([rel^='foo']).length;
again with the appending in a for loop. Slow... slow... slow. Should
be:
var divs = '';
for (var i = 0; i 500; i++) {
divs += 'div rel=footest/div';
}
$('body').append(divs);
return $('[rel^=foo]').length
the 'bindattr' instance, I believe, is an artifiact of jQuery updating
how selectors work. jQuery alone of the libraries changed it's
approach to selector and so this particular selector is slow in
jQuery, whereas other selectors would be slower in other libraries.
Shows you need to optimize your selectors for usage.
With these changes alone, you'll probably bring jQuery's time down to
1900 - 2000. Less if jQuery didn't check for events bound to elements
before removing them. This is a weakness for speed, and strength for
ease of use.
On May 22, 8:19 am, Ricardo ricardob...@gmail.com wrote:
jQuery has a lot of overhead because of it's event handling, cross-
browser normalization, etc, it's a good trade-off for most websites.
And you can easily reduce those numbers a lot doing simple
optimizations.
On May 21, 11:25 pm, donb falconwatc...@comcast.net wrote:
It has apparently sped up 50% with the latest release.
The time it takes to perform any of those test cases is not important
to me. What is important is the application's perceived speed. I
find jQuery to perform quite satisfactorily in that context. In fact,
the real world involves great expanses of idleness sporadically
interrupted by meaningful work. A few milliseconds here and there
don't really matter 99% of the time.
Besides, jQuery's greatest strength is the clean and elegant coding
model. I don't think anyone will say speed was the objective of
jQuery - other than speed of learning/designing/coding with the
framework.
On May 21, 9:57 pm, Alexsandro_xpt bagul...@gmail.com wrote:
Make this testhttp://dante.dojotoolkit.org/taskspeed/
[jQuery] Re: hoverFlow for simple slideDown
Hi again,
I've added some demos for using hoverFlow with sub menus:
http://www.2meter3.de/code/hoverFlow/submenus.html
I've also found a little quirk when using the :hidden/:visible pseudo
selectors described in my first post: There are situations when the
mouse is over a menu item but the sub menu doesn't show up. Therefore,
I recommend using hoverFlow even in these cases (find a more detailed
description example on the page linked above).
Ralf
On May 22, 11:37 am, Ralf Stoltze ralf.stol...@googlemail.com wrote:
Hi,
the slideDown/slideUp functions in jQuery are simply shortcuts that
execute the animate function with certain animation properties.
slideDown animates height, marginTop, marginBottom,
paddingTop, paddingBottom to the special value show, slideDown
animates the same properties to the special value hide.
However, for animations that toggle the visibility of elements (like
slideDown/slideUp, but also fadeIn/fadeOut), there's no need to use
the hoverFlow plugin at all. You can use the :hidden/:visible pseudo
selector to trigger animations correctly.
// hide sub menus
$('ul.menu ul').hide();
// toggle sub menus on hover
$('ul.menu li')
.hover(function() {
$(this).children('ul:hidden').slideDown();
}, function() {
$(this).children('ul:visible').slideUp();
});
Hope that helps,
Ralf
On May 12, 1:02 pm, hcvitto hcvi...@gmail.com wrote:
Hi
i'm trying to make a dropdown animation and using the hoverFlow
plugin for smooth animation but i just want the submenu to slidedown,
so no animation nedded,
Does anyone know that plugin?
This is a demo page with opacity effect, which is not what i
want..http://www.francesconizzola.it/_demo/nizzola/francesco-nizzola.php
[jQuery] What's your favorite 'portfolio slider' plugin?
I'm being lazy. I could spend a few hours trying out all the plugins, but am hoping someone already went through that heavy lifting for me... I'm looking for a portfolio slider. Ideally, it'd have the following features: - sliding objects can be a mix of HTML (text, images, maybe flash/video as well) - each slide appends a bookmarkable querystring to the URL. Bonus points if: - it has a built in ajax triggers to append to the list of items Anyone have a favorite that does the above? -DA
[jQuery] Resizable Issues.
If you have the 'containment' option set as well as the 'alsoResize' option, the containment will prevent the main element from resizing past its borders but the alsoResize element will still resize past its borders. Is there a way to fix this? Thanks in advance, Matt Mueller
[jQuery] Re: cycle plugin with keyboard
its IE 7
On May 22, 9:13 pm, ryan.j ryan.joyce...@googlemail.com wrote:
possibly keycode vs. charcode. did you try the keypress thingy on
quirksmode to see what IE returns on keydown?
which version of IE isn't it working?
On May 22, 3:10 pm, runrunforest craigco...@gmail.com wrote:
thanks
I got this to work in all browser except... IE.
The code i used
$(window).keydown(function(e){
if(e.which == 37){ $('.prev').click();}
else if(e.which == 39){ $('.next').click();}
});
What makes IE not understand this ?
On May 22, 3:15 pm, ryan.j ryan.joyce...@googlemail.com wrote:
take a look here -http://www.quirksmode.org/js/keys.html
37: left
38: up
39: right
40: down
irritatingly, i completely forgot the arrow keys are a special case,
and won't trigger properly (or even consistently) the keypress event
across different browsers. try keydown or keyup to catch the charcode,
On May 22, 5:19 am, runrunforest craigco...@gmail.com wrote:
the all the arrow has charcode of 0 (zero). I know this by the code
var key = e.which;
alert(key);
So how the script which is right arrow which is left arrow.
On May 21, 10:51 pm, ryan.j ryan.joyce...@googlemail.com wrote:
yeah, stick this in document ready.
to simulate the click, get the id of element you'd normally click to
advance the scroller (inspect it with the mozilla plugin firebug) and
append .click()
On May 21, 4:45 pm, runrunforest craigco...@gmail.com wrote:
could you give some further tip, how can I simulate, where should I
put the code to (document.ready part ?).
On May 21, 10:28 pm, ryan.j ryan.joyce...@googlemail.com wrote:
$(window).keypress(function (e) {
if (e.which == 39 ) {
/* keypress right */
} elseif (e.which == 37 ) {
/* keypress left */
} else {
return false;
}
});
if you can't figure out how to advance the cycle on your own,
maybe
try to simulate $('#scrollLeft').click()
On May 21, 2:48 am, runrunforest craigco...@gmail.com wrote:
In cycle plugin, ss there way to switch images by keyboard
arrows
instead of clicking next, prev
[jQuery] Load question
I am new to jQuery and have a newbie question.
I have a link click load into div. Thats all good. But how do I add effects?
I read the jQuery docs and there are success: complete: error: but looking
thru example online I have not seen this any where.
Basicaly I want that click on the link it fades out showing the loading
animation, the load my url function runs and when complete/error hides the
animation and display success or error message.
I started paying around with this
$('a.save_me').click(function(){
$('#loading').show();
$('a.save_me').fadeOut('slow').load(
$(this).attr('href'),
function() {
$('#loading').hide();
});
});
but still not working.
Can someone point me in the right direction?
Thanks
Dave
[jQuery] Re: What happen with jQuery? Is it slow?
On May 23, 6:48 am, Josh Powell seas...@gmail.com wrote:
[...]
Also, many of the jQuery examples are poorly constructed,
Depending on your point of view.
take the
'table' instance:
for (var i = 0; i 40; i++) {
$(table class='madetable'/table).appendTo(body).html
(trtdfirst/td/tr).find(tr).prepend(tdbefore/td);}
return $(tr td).length;
This should be:
var theTables = '';
for (var i = 0; i 40; i++) {
theTables += 'table class=madetabletrtdbefore/
tdtdfirst/td/tr/table';}
$(body).append(theTables);
return $('tr td').length;
and there are even quicker methods using array.join can speed it up
for example
The point of the tests is to test the speed *of the library*, not to
write optimised code for a particular task. Adding 40 tables one at a
time does that, adding them all in one go doesn't, it's effectively
the same as adding one table.
--
Rob
