[jQuery] tabSwitch - dynamic height
Hello guys,
I'm using tabSwitch (www.hieu.co.uk/blog/index.php/tabswitch/) and I
need to set the panel height dynamically (according to the div
'page_container' height) so I tried
var page_height = $('#page_container').height();
$('.panel').tabSwitch('create', {type: 'slide', loopback: 1, height:
page_height, width: 575, speed: 100 });
but looks like it doesn't work: the panel arrives until the end of the
page (instead having the same height of 'page_container'.
However if I fix the height everything works fine but it is not what
I need
$('.panel').tabSwitch('create', {type: 'slide', loopback: 1, height:
200, width: 575, speed: 100 });
Is there a way to dynamically set the height? Am I missing something?
THANKS
Sig
[jQuery] Re: scrolling text within a div
Thanks for the hint. On Oct 10, 7:39 am, brian bally.z...@gmail.com wrote: On Fri, Oct 9, 2009 at 9:42 PM, macsig sigbac...@gmail.com wrote: Hello guys, in a page I'm working on I have room for a div height not more than 200px, however I need to fit in a text that requires 300px and I don't want to show the scroll-bar on the right side so I'm looking for some ways/plug-ins in order to scroll the text within the div. I'd like to be able to scroll down, to scroll up and to stop the scrolling. Check out the cycle plugin: http://malsup.com/jquery/cycle/
[jQuery] scrolling text within a div
Hello guys, in a page I'm working on I have room for a div height not more than 200px, however I need to fit in a text that requires 300px and I don't want to show the scroll-bar on the right side so I'm looking for some ways/plug-ins in order to scroll the text within the div. I'd like to be able to scroll down, to scroll up and to stop the scrolling. Any suggestions about? Thanks and have a nice weekend. Sig
[jQuery] Re: stopping and restarting the auto scrolling
Any ideas at all?
I'm really stuck on this.
THANKS FOR YOU HELP. I appreciate it.
Sig
On Oct 3, 6:08 pm, Macsig sigbac...@gmail.com wrote:
Update:
on jquery website I found something that could help me to achieve the
stopping/restarting effect I need, here the code
div.hover(
function() {
clearInterval(autoScroll);
},
function() {
autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
);
the code above is a patch to put into jcarousellite file and let you
stop/restart the carousel when the mouse if over the containing div.
However I would like to have 2 buttons and press them to stop/restart
the animation and if possible I'd like to keep this functionality
outside the plugin itself. So I'd like to have 2 functions running
when the buttons are pressed but I don't know how (if it is possible)
I can refer to the carousel. Here my idea
$('#stop_button').click(function () {
XXX.clearInterval(autoScroll);
});
$('#restart_button').click(function () {
XXX.autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
});
but I don't know what to put instead XXX. Any ideas?
Thanks and have a nice day!
Sig
On Oct 2, 8:35 pm, macsig sigbac...@gmail.com wrote:
Hello guys,
Is there a way to stop a carousel (created with jcarosellite 1.0.1)
when it has ben set up with auto-scrolling?
I need to be able to stop it and restart it when a button is pressed.
If I can't can you please suggest me a plugin that have infinite
scrolling, auto-scrolling and I can stop/restart?
Thanks and have a nice day.
Sig
[jQuery] Re: stopping and restarting the auto scrolling
Thanks Karl,
it does exactly what I was looking for.
Is there a parameter to set in order to avoid the automatically pause
on mouseenter and resume it on mouseleave? I can't find anything on
the documentation about that.
Or I have to remove the code from the plugin itself?
Thanks again and have a nice day.
Sig
On Oct 4, 4:56 pm, Karl Swedberg k...@englishrules.com wrote:
I've been working a bit with the jCarouselLite plugin, adding a few
features as I've needed them. I just put my version on GitHub if you'd
like to give it a whirl:
http://github.com/kswedberg/jquery-carousel-lite/fast_forward
There is a pause option for the carousel that will automatically
pause it on mouseenter and resume it on mouseleave. But if you want to
manually pause/resume based on some other interaction (such as
clicking a pause button), you can use the following:
$(document).trigger('pauseCarousel');
and
$(document).trigger('resumeCarousel');
You can find out the state of the carousel by doing something like
this (replacing yourcarouselselector with the actual selector you
used for initiating the carousel):
if ( $('yourcarouselselector').data('paused') == false) {
$(document).trigger('pauseCarousel');} else {
$(document).trigger('resumeCarousel');
}
Hope that helps.
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Oct 4, 2009, at 3:32 PM, Macsig wrote:
Any ideas at all?
I'm really stuck on this.
THANKS FOR YOU HELP. I appreciate it.
Sig
On Oct 3, 6:08 pm, Macsig sigbac...@gmail.com wrote:
Update:
on jquery website I found something that could help me to achieve the
stopping/restarting effect I need, here the code
div.hover(
function() {
clearInterval(autoScroll);
},
function() {
autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
);
the code above is a patch to put into jcarousellite file and let you
stop/restart the carousel when the mouse if over the containing div.
However I would like to have 2 buttons and press them to stop/restart
the animation and if possible I'd like to keep this functionality
outside the plugin itself. So I'd like to have 2 functions running
when the buttons are pressed but I don't know how (if it is possible)
I can refer to the carousel. Here my idea
$('#stop_button').click(function () {
XXX.clearInterval(autoScroll);
});
$('#restart_button').click(function () {
XXX.autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
});
but I don't know what to put instead XXX. Any ideas?
Thanks and have a nice day!
Sig
On Oct 2, 8:35 pm, macsig sigbac...@gmail.com wrote:
Hello guys,
Is there a way to stop a carousel (created with jcarosellite 1.0.1)
when it has ben set up with auto-scrolling?
I need to be able to stop it and restart it when a button is
pressed.
If I can't can you please suggest me a plugin that have infinite
scrolling, auto-scrolling and I can stop/restart?
Thanks and have a nice day.
Sig
[jQuery] Re: stopping and restarting the auto scrolling
Thanks Karl,
it does exactly what I was looking for.
Have a nice day!
Sig
On Oct 4, 4:56 pm, Karl Swedberg k...@englishrules.com wrote:
I've been working a bit with the jCarouselLite plugin, adding a few
features as I've needed them. I just put my version on GitHub if you'd
like to give it a whirl:
http://github.com/kswedberg/jquery-carousel-lite/fast_forward
There is a pause option for the carousel that will automatically
pause it on mouseenter and resume it on mouseleave. But if you want to
manually pause/resume based on some other interaction (such as
clicking a pause button), you can use the following:
$(document).trigger('pauseCarousel');
and
$(document).trigger('resumeCarousel');
You can find out the state of the carousel by doing something like
this (replacing yourcarouselselector with the actual selector you
used for initiating the carousel):
if ( $('yourcarouselselector').data('paused') == false) {
$(document).trigger('pauseCarousel');} else {
$(document).trigger('resumeCarousel');
}
Hope that helps.
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Oct 4, 2009, at 3:32 PM, Macsig wrote:
Any ideas at all?
I'm really stuck on this.
THANKS FOR YOU HELP. I appreciate it.
Sig
On Oct 3, 6:08 pm, Macsig sigbac...@gmail.com wrote:
Update:
on jquery website I found something that could help me to achieve the
stopping/restarting effect I need, here the code
div.hover(
function() {
clearInterval(autoScroll);
},
function() {
autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
);
the code above is a patch to put into jcarousellite file and let you
stop/restart the carousel when the mouse if over the containing div.
However I would like to have 2 buttons and press them to stop/restart
the animation and if possible I'd like to keep this functionality
outside the plugin itself. So I'd like to have 2 functions running
when the buttons are pressed but I don't know how (if it is possible)
I can refer to the carousel. Here my idea
$('#stop_button').click(function () {
XXX.clearInterval(autoScroll);
});
$('#restart_button').click(function () {
XXX.autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
});
but I don't know what to put instead XXX. Any ideas?
Thanks and have a nice day!
Sig
On Oct 2, 8:35 pm, macsig sigbac...@gmail.com wrote:
Hello guys,
Is there a way to stop a carousel (created with jcarosellite 1.0.1)
when it has ben set up with auto-scrolling?
I need to be able to stop it and restart it when a button is
pressed.
If I can't can you please suggest me a plugin that have infinite
scrolling, auto-scrolling and I can stop/restart?
Thanks and have a nice day.
Sig
[jQuery] Re: stopping and restarting the auto scrolling
Update:
on jquery website I found something that could help me to achieve the
stopping/restarting effect I need, here the code
div.hover(
function() {
clearInterval(autoScroll);
},
function() {
autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
);
the code above is a patch to put into jcarousellite file and let you
stop/restart the carousel when the mouse if over the containing div.
However I would like to have 2 buttons and press them to stop/restart
the animation and if possible I'd like to keep this functionality
outside the plugin itself. So I'd like to have 2 functions running
when the buttons are pressed but I don't know how (if it is possible)
I can refer to the carousel. Here my idea
$('#stop_button').click(function () {
XXX.clearInterval(autoScroll);
});
$('#restart_button').click(function () {
XXX.autoScroll = setInterval(function() {
go(curr+o.scroll);
}, o.auto+o.speed);
}
});
but I don't know what to put instead XXX. Any ideas?
Thanks and have a nice day!
Sig
On Oct 2, 8:35 pm, macsig sigbac...@gmail.com wrote:
Hello guys,
Is there a way to stop a carousel (created with jcarosellite 1.0.1)
when it has ben set up with auto-scrolling?
I need to be able to stop it and restart it when a button is pressed.
If I can't can you please suggest me a plugin that have infinite
scrolling, auto-scrolling and I can stop/restart?
Thanks and have a nice day.
Sig
[jQuery] Re: animation only when mouseover
Any ideas?
THANKS
On Sep 21, 12:47 pm, Macsig sigbac...@gmail.com wrote:
Thanks,
it stops the animation but now there is an other issue.
Is there a way to keep the same speed for thescrolling? I mean if I
set the duration up and down and I go down just, let us say, for 1/3
of the div when I scroll back up the animation is 3 times slower since
the duration is hardcoded.
The first idea I had is to determine where I'm in the div in order to
define a constant speed but I can find anything about that on scrollTo
documentation.
For instance, let us say I want to have 5000 as a duration for the
entirescrolling, when I'm 20% down I want to set the up speed =
5000x0.2 and down speed =5000x0.8. In this way the speed is constant.
THANKS
On Sep 21, 8:01 am, Robin Abony robin.ab...@gmail.com wrote:
Hello macsig!
I haven't really had time to look into your problem, but after a quick
look through the documentation i found
thishttp://docs.jquery.com/Effects/stop#clearQueuegotoEnd
Perhaps that could work for you? I imagine something along the lines
of :
$('#down_button').mouseover(function(){
$('#text').scrollTo('100%', {axis:'y',
duration: 5000});
}).mouseout(function(){
$('#text').stop();
});
Give that a try!
On 21 Sep, 03:49, macsig sigbac...@gmail.com wrote:
Hi there,
I'm trying to use scrollTo in oder to scroll vertically a div. I want
to use 2 anchors, one to go up and the other to go down and I need
that the effect works ONLY when the mouse is over the anchor (when I
move it out the animation has to stop).
How can I achieve so?
For instance the code below scrolls correctly down but it doesn't stop
until the end even if I move out the mouse.
$('#down_button').mouseover(function(){
$('#text').scrollTo('100%', {axis:'y',
duration: 5000});
}).mouseout(function(){ });
THANKS
Sig
[jQuery] [jcarousellite] stopping and restarting the auto scrolling
Hello guys, Is there a way to stop a carousel (created with jcarosellite 1.0.1) when it has ben set up with auto-scrolling? I need to be able to stop it and restart it when a button is pressed. If I can't can you please suggest me a plugin that have infinite scrolling, auto-scrolling and I can stop/restart? Thanks and have a nice day. Sig
[jQuery] [tablesorter] custom parser
Hello guys, I have hard time trying to create a custom parser for tablesorter. Basically I have a table with a list of projects, each project has a status (an integer 1 to 7) but in the table itself I want to display the status meaning (1=submitted, 2=approved and so on ...) so I'm trying to create a custom parser that order to project by status (1- 7) and not by meaning (a-z). Following the plugin docs (http://tablesorter.com/docs/example- parsers.html) I have created my parser where I replace all the 7 statuses but when my table doesn't contain at least 1 project per each status the parser doesn't work and the table is nor shown. Is there a way to fix this issue? THANKS Sig
[jQuery] creating parameters dynamically
I know this is not strictly related to jquery but I don't know how to
make it works.
I'm working on a function that has as variable an array and for each
element I need to create a piece of code for an other function.
For instance when the array contains [0,1,2] I need to call
$(this).tablesorter({headers: {0: { sorter: false }, 1: { sorter:
false }, 2: { sorter: false }}});
and when the array contains [0,4,5,8] I need to call
$(this).tablesorter({headers: {0: { sorter: false }, 4: { sorter:
false }, 5: { sorter: false }, 8: { sorter: false }}});
How can I achieve so?
THANKS, I appreciate your help
Sig
[jQuery] Re: creating parameters dynamically
Hi Richard.
thanks for your reply
unfortunately looks like I have some trouble to make the code works.
If I call the second options everything works fine but with yours the
headers are still sortable.
$('.scrolling_table').tablesorter({ headers: h1 });
$('.scrolling_table').tablesorter({ headers: {0: { sorter: false },
1: { sorter: false }, 2: { sorter: false }}});
Moreover, looking at tablesorter documentation I have just noticed the
best way to achieve my goal is using class={sorter: false} for the
header I don't want to be sortable but also in this case I have some
troubles. My table looks like
table class=scrolling_table
thead
tr
th width=3% class={sorter:
false}nbsp;/th
th width=3% class={sorter:
false}nbsp;/th
th width=3% class={sorter:
false}nbsp;/th
th width=36%task/th
th width=20%user/th
th width=15%date/th
th width=20%pred/th
/tr
/thead
tbody id=tbody_0
tr class=even id=task_563
td class=item_cell-/td
td class=item_cell-/td
td class=item_cell-/td
td class=item_celltask 1/td
td class=item_celljoe/td
td class=item_cell11/11/2009/td
td class=item_cellno/td
/tr
tr class=even id=task_564
td class=item_cell-/td
td class=item_cell-/td
td class=item_cell-/td
td class=item_celltask 2/td
td class=item_celljoe/td
td class=item_cell11/12/2009/td
td class=item_cellno/td
/tr
tr class=even id=task_568
td class=item_cell-/td
td class=item_cell-/td
td class=item_cell-/td
td class=item_celltask 4/td
td class=item_cellmark/td
td class=item_cell11/18/2009/td
td class=item_cellyes/td
/tr
/tbody
/table
Am I missing something?
Thanks again
Sig
On Sep 24, 5:15 pm, Richard D. Worth rdwo...@gmail.com wrote:
function createHeaders(ary) {
var headers = {};
$(ary).each(function() {
headers[this] = { sorter: false };
});
return headers;
}
var a1 = [0,1,2], a2 = [0,4,5,8];
var h1 = createHeaders(a1), h2 = createHeaders(a2);
$(this).tablesorter({ headers: h1 });
$(this).tablesorter({ headers: h2 });
- Richard
On Thu, Sep 24, 2009 at 6:44 PM, macsig sigbac...@gmail.com wrote:
I know this is not strictly related to jquery but I don't know how to
make it works.
I'm working on a function that has as variable an array and for each
element I need to create a piece of code for an other function.
For instance when the array contains [0,1,2] I need to call
$(this).tablesorter({headers: {0: { sorter: false }, 1: { sorter:
false }, 2: { sorter: false }}});
and when the array contains [0,4,5,8] I need to call
$(this).tablesorter({headers: {0: { sorter: false }, 4: { sorter:
false }, 5: { sorter: false }, 8: { sorter: false }}});
How can I achieve so?
THANKS, I appreciate your help
Sig
[jQuery] Re: creating parameters dynamically
Hi Richard,
actually I have just discovered there is a built-in way to make a
column non sortable.
Thanks for your help.
Sig
On Sep 24, 5:15 pm, Richard D. Worth rdwo...@gmail.com wrote:
function createHeaders(ary) {
var headers = {};
$(ary).each(function() {
headers[this] = { sorter: false };
});
return headers;
}
var a1 = [0,1,2], a2 = [0,4,5,8];
var h1 = createHeaders(a1), h2 = createHeaders(a2);
$(this).tablesorter({ headers: h1 });
$(this).tablesorter({ headers: h2 });
- Richard
On Thu, Sep 24, 2009 at 6:44 PM, macsig sigbac...@gmail.com wrote:
I know this is not strictly related to jquery but I don't know how to
make it works.
I'm working on a function that has as variable an array and for each
element I need to create a piece of code for an other function.
For instance when the array contains [0,1,2] I need to call
$(this).tablesorter({headers: {0: { sorter: false }, 1: { sorter:
false }, 2: { sorter: false }}});
and when the array contains [0,4,5,8] I need to call
$(this).tablesorter({headers: {0: { sorter: false }, 4: { sorter:
false }, 5: { sorter: false }, 8: { sorter: false }}});
How can I achieve so?
THANKS, I appreciate your help
Sig
[jQuery] Re: animation only when mouseover
Thanks,
it stops the animation but now there is an other issue.
Is there a way to keep the same speed for the scrolling? I mean if I
set the duration up and down and I go down just, let us say, for 1/3
of the div when I scroll back up the animation is 3 times slower since
the duration is hardcoded.
The first idea I had is to determine where I'm in the div in order to
define a constant speed but I can find anything about that on scrollTo
documentation.
For instance, let us say I want to have 5000 as a duration for the
entire scrolling, when I'm 20% down I want to set the up speed =
5000x0.2 and down speed =5000x0.8. In this way the speed is constant.
THANKS
On Sep 21, 8:01 am, Robin Abony robin.ab...@gmail.com wrote:
Hello macsig!
I haven't really had time to look into your problem, but after a quick
look through the documentation i found
thishttp://docs.jquery.com/Effects/stop#clearQueuegotoEnd
Perhaps that could work for you? I imagine something along the lines
of :
$('#down_button').mouseover(function(){
$('#text').scrollTo('100%', {axis:'y',
duration: 5000});
}).mouseout(function(){
$('#text').stop();
});
Give that a try!
On 21 Sep, 03:49, macsig sigbac...@gmail.com wrote:
Hi there,
I'm trying to use scrollTo in oder to scroll vertically a div. I want
to use 2 anchors, one to go up and the other to go down and I need
that the effect works ONLY when the mouse is over the anchor (when I
move it out the animation has to stop).
How can I achieve so?
For instance the code below scrolls correctly down but it doesn't stop
until the end even if I move out the mouse.
$('#down_button').mouseover(function(){
$('#text').scrollTo('100%', {axis:'y',
duration: 5000});
}).mouseout(function(){ });
THANKS
Sig
[jQuery] Re: parsers[i] is undefined
got it.
FYI the issue is related to a inner-table
On Sep 20, 5:27 pm, macsig sigbac...@gmail.com wrote:
Hello guys,
I have hard time to use tablesorter 2.0 with a javascript div update.
I have tried it in several ways (using default Rails rjs file or all
jquery call) but the result is the same: I get parsers[i] is
undefined.
Here what i would like to achieve: I have a list of states
(California, Florida, Texas ...) and when I click one of them I would
like to display in a div a table with the projects located in that
state. So I fetch the projects in my controller and I update the div
content, after that I call tablesorter initializer.
Below you may find 2 of the solutions I tried
1 - call within the rjs file
page.replace_html :detail, :partial = list, :locals = { :projects
= @projects }
pagejQuery('.p_table').tablesorter({ sortList: [[0,0]] });
2- call within the view (complete)
link_to_remote state, :url = display_projects_path(:state =
state), :method = :get,
:complete = jQuery('.p_table').tablesorter({ headers: { 0: { sorter:
false }, 1: {sorter: true }, 2: { sorter: true }, 3: { sorter: true },
4: { sorter: true }, 5: { sorter: true }}});
Any ideas why I get the parsers error?
THANKS and have a nice day
Sig
[jQuery] [tablesorter] parsers[i] is undefined
Hello guys,
I have hard time to use tablesorter 2.0 with a javascript div update.
I have tried it in several ways (using default Rails rjs file or all
jquery call) but the result is the same: I get parsers[i] is
undefined.
Here what i would like to achieve: I have a list of states
(California, Florida, Texas ...) and when I click one of them I would
like to display in a div a table with the projects located in that
state. So I fetch the projects in my controller and I update the div
content, after that I call tablesorter initializer.
Below you may find 2 of the solutions I tried
1 - call within the rjs file
page.replace_html :detail, :partial = list, :locals = { :projects
= @projects }
pagejQuery('.p_table').tablesorter({ sortList: [[0,0]] });
2- call within the view (complete)
link_to_remote state, :url = display_projects_path(:state =
state), :method = :get,
:complete = jQuery('.p_table').tablesorter({ headers: { 0: { sorter:
false }, 1: {sorter: true }, 2: { sorter: true }, 3: { sorter: true },
4: { sorter: true }, 5: { sorter: true }}});
Any ideas why I get the parsers error?
THANKS and have a nice day
Sig
[jQuery] [ScrollTo] animation only when mouseover
Hi there,
I'm trying to use scrollTo in oder to scroll vertically a div. I want
to use 2 anchors, one to go up and the other to go down and I need
that the effect works ONLY when the mouse is over the anchor (when I
move it out the animation has to stop).
How can I achieve so?
For instance the code below scrolls correctly down but it doesn't stop
until the end even if I move out the mouse.
$('#down_button').mouseover(function(){
$('#text').scrollTo('100%', {axis:'y',
duration: 5000});
}).mouseout(function(){ });
THANKS
Sig
[jQuery] catching when a div is updated through js
Hello guys, is there a way to catch when a div content is updated through javascript? I update a div content through rjs and I need to call tablesorter every time the div is updated. Thanks and have a nice weekend. Sig
[jQuery] Re: catching when a div is updated through js
Thanks for your reply.
unfortunately I don't understand what you mean. Could you please
explain it to me.
The rjs looks like
page.replace_html :content, :partial = list, :locals = { :elements
= @elements }
and the call I want to make is
jQuery('.scrolling_table').tablesorter({ sortList: [[0,0]] });
THANKS AGAIN
Sig
On Sep 18, 7:15 pm, lanxiazhi lanxia...@gmail.com wrote:
As far as I know,there is not such method.
but when the data come back through rjs,then you append it to the div,just
do one more thing:
$(table).trigger(update);
[jQuery] Re: selecting elements that match a regular expression
Thanks guys
@lanxiazhi how do you implement getNum()? A simple split?
Thanks again.
Sig
On Sep 16, 6:55 pm, lanxiazhi lanxia...@gmail.com wrote:
Yes,you can do this.
$([id*=wrap_]).click(
function()
{
var id=$(this).attr(id);
var targetId=elem_+getNum(id);
$(#+targetId).toggle();
}
);
2009/9/17 macsig sigbac...@gmail.com
Hello guys,
is there a way to select elements that match a regular expression?
I have a set of divs with id = wrap_n where n is a progressive and I
need to select them and for each 1 I have to add a function that
togggle the elem_n div.
Thanks
Sig
[jQuery] Re: selecting elements that match a regular expression
Thanks guys lanxiazhi's solution works just fine. Have a good 1! Sig On Sep 16, 7:15 pm, Steven Black ste...@stevenblack.com wrote: Try James Padolsey's Regex Selector plugin for jQuery http://james.padolsey.com/javascript/regex-selector-for-jquery/ **--** Steve On Sep 16, 9:34 pm, macsig sigbac...@gmail.com wrote: Hello guys, is there a way to select elements that match a regular expression? I have a set of divs with id = wrap_n where n is a progressive and I need to select them and for each 1 I have to add a function that togggle the elem_n div. Thanks Sig
[jQuery] keeping table header fix
Hello guys, I'd like to know if there is a way to keep a table header fixed on top of a div while I scroll the table rows. I have a div high 200px and the table itself is around 300px so when I scroll down I'd like to always see the header on top. I already use for the table tablesorter so the solution must be compatible with that plug-in. Thanks and have a nice day! Sig
[jQuery] Re: keeping table header fix
Yes, I do but I don't see how that can help me out. Thanks On Sep 16, 4:01 am, Liam Byrne l...@onsight.ie wrote: do you actually have the headers in a thead, with the content in tbody ? Most people forget about those. L macsig wrote: Hello guys, I'd like to know if there is a way to keep a table header fixed on top of a div while I scroll the table rows. I have a div high 200px and the table itself is around 300px so when I scroll down I'd like to always see the header on top. I already use for the table tablesorter so the solution must be compatible with that plug-in. Thanks and have a nice day! Sig No virus found in this incoming message. Checked by AVG -www.avg.com Version: 8.5.409 / Virus Database: 270.13.100/2375 - Release Date: 09/16/09 05:51:00
[jQuery] selecting elements that match a regular expression
Hello guys, is there a way to select elements that match a regular expression? I have a set of divs with id = wrap_n where n is a progressive and I need to select them and for each 1 I have to add a function that togggle the elem_n div. Thanks Sig
[jQuery] missing background-image
Hello guys,
I have a series of divs (all with the same CSS class) and I'm trying
to add dynamically a background image to each one (each div needs a
different image) so here my code
$('.panel').css({'background-image' : 'url(../images/sub/'+ $
(this).attr(id) +'.png)'});
but unfortunately my divs don't have any background; however if I
hardcode a image, for instance
$('.panel').css({'background-image' : 'url(../images/sub/bg1.png)'});
every div has the (same) background.
Finally if I print out the image path for each div
$('.panel').each(function(){
alert('url(../images/sub/'+ $(this).attr(id) +'.png)'});
});
the path looks fine.
Am I missing something???
THANKS
Sig
[jQuery] Re: missing background-image
http://localhost:3000/images/sub/undefined.png
but I don't understand why.
Thanks
On Sep 12, 11:19 pm, Scott Haneda talkli...@newgeo.com wrote:
Look at the network panel in firebugs or activity monitor in Safari.
See what URL is being requested for the images. You can then see where
there error in your path is.
--
Scott
Iphone says hello.
On Sep 12, 2009, at 11:10 PM, macsig sigbac...@gmail.com wrote:
Hello guys,
I have a series of divs (all with the same CSS class) and I'm trying
to add dynamically a background image to each one (each div needs a
different image) so here my code
$('.panel').css({'background-image' : 'url(../images/sub/'+ $
(this).attr(id) +'.png)'});
but unfortunately my divs don't have any background; however if I
hardcode a image, for instance
$('.panel').css({'background-image' : 'url(../images/sub/bg1.png)'});
every div has the (same) background.
Finally if I print out the image path for each div
$('.panel').each(function(){
alert('url(../images/sub/'+ $(this).attr(id) +'.png)'});
});
the path looks fine.
Am I missing something???
THANKS
Sig
[jQuery] Re: missing background-image
You are the man!!!
it works just fine
Thanks and have a good 1
On Sep 13, 9:24 am, Andi23 dowhatyouw...@gmail.com wrote:
I think that $(this) may not work in that context.
See if this works:
$('.panel').each(function(){
$(this).css(/*set CSS here*/);
});
[jQuery] Re: changing URL with slider
Any ideas? Thanks On Aug 28, 7:43 am, macsig sigbac...@gmail.com wrote: Hello guys, is there a way (using a specific plugin or doing some hacking) to change the pageURLwhen I change the viewed panel within a slider? Right now I'm using tabSwitch (http://www.hieu.co.uk/blog/index.php/ tabswitch/) but I can change it if a plugin lets me do that. Thanks and have a nice day. Sig
[jQuery] Re: changing URL with slider
Does anyone have used jquery.address (http://www.asual.com/jquery/ address/)? looks like it does exactly what I need but I have hard time to understand how it works: the docs is not so clear to me. THANKS On Aug 30, 7:07 am, Macsig sigbac...@gmail.com wrote: Any ideas? Thanks On Aug 28, 7:43 am, macsig sigbac...@gmail.com wrote: Hello guys, is there a way (using a specific plugin or doing some hacking) to change the pageURLwhen I change the viewed panel within a slider? Right now I'm using tabSwitch (http://www.hieu.co.uk/blog/index.php/ tabswitch/) but I can change it if a plugin lets me do that. Thanks and have a nice day. Sig
[jQuery] changing URL with slider
Hello guys, is there a way (using a specific plugin or doing some hacking) to change the page URL when I change the viewed panel within a slider? Right now I'm using tabSwitch (http://www.hieu.co.uk/blog/index.php/ tabswitch/) but I can change it if a plugin lets me do that. Thanks and have a nice day. Sig
[jQuery] sliding button
Hello guys,
I'm trying to create a couple of download buttons (one placed at the
left and the other at the right of my page) with sliding effect:
basically I want to show just a piece of it and when the mouse goes
over to slide it in order to show if the linked document is available
or not.
I have successfully implemented the effect I want for the right button
as described below:
#HTML
div class=download_badge style=float: right;img src=
badge_whitepaper.png/div
#CSS
.download_badge {
width: 209px;
height:79px;
overflow: hidden;
}
#JS
$(document).ready(function(){
$('.download_badge').hover(function() {
$(this).animate({ width: 273px});
}, function() {
$(this).animate({ width: 209px});
$(this).addClass(download_badge);
}
);
}
you can see the final result here: http://www.vimeo.com/5891973
Now my question: how can I achieve the same effect for the left
button?
On left side I need to show the right part of the image and animate it
when the mouse is over but how can I do that?
Thanks
Sig
[jQuery] How can I select an element's parent?
Hello guys,
I'm trying to update a script I found out there in order to fit better
my needs.
The first step I want to update is the capability to bind a dynamic
number of anchors.
Right now with the HTML below
ul id=product_links
li class=first aFIRST/a/li
li class=secondSECOND/a/li
li class=thirdaTHIRD/a/li
/ul
I have the script below:
$(#product_links .first a ).bind(click, function(){ pupup_element
(first); });
$(#product_links .second a ).bind(click, function(){ pupup_element
(second);});
$(#product_links .third a ).bind(click, function(){ pupup_element
(third);});
It works fine but since the number of anchors changes dynamically
(through RoR) I'd like to have just 1 line that binds all the anchors.
So here 2 questions for you:
- how can I select an element's parent?
- Does the code below work?
$(#product_links a ).bind(click, function(){ pupup_elemet
(this.PARENT.id);});
basically I want to bind all the anchors within the product_links list
to popup_element function that takes as a parameter the ID of the
anchor parent. In my case the id of the list item.
Thanks and have a nice weekend.
Sig
[jQuery] Re: How can I select an element's parent?
Thanks Richard for your reply.
I have tried your code but looks like something is wrong.
To be sure I catch the right id I tried something like
$(#product_links a).bind(click, function() { alert( $
(this).parent().attr(id) ); });
and I get an empty alert window.
Am I missing something?
Thanks again for your help. I appreciate it
Sig
On Aug 1, 11:46 am, Richard D. Worth rdwo...@gmail.com wrote:
$(#product_links a ).bind(click, function() {
pupup_elemet( $(this).parent().attr(id) );
});
- Richard
On Sat, Aug 1, 2009 at 2:39 PM, macsig sigbac...@gmail.com wrote:
Hello guys,
I'm trying to update a script I found out there in order to fit better
my needs.
The first step I want to update is the capability to bind a dynamic
number of anchors.
Right now with the HTML below
ul id=product_links
li class=first aFIRST/a/li
li class=secondSECOND/a/li
li class=thirdaTHIRD/a/li
/ul
I have the script below:
$(#product_links .first a ).bind(click, function(){ pupup_element
(first); });
$(#product_links .second a ).bind(click, function(){ pupup_element
(second);});
$(#product_links .third a ).bind(click, function(){ pupup_element
(third);});
It works fine but since the number of anchors changes dynamically
(through RoR) I'd like to have just 1 line that binds all the anchors.
So here 2 questions for you:
- how can I select an element's parent?
- Does the code below work?
$(#product_links a ).bind(click, function(){ pupup_elemet
(this.PARENT.id);});
basically I want to bind all the anchors within the product_links list
to popup_element function that takes as a parameter the ID of the
anchor parent. In my case the id of the list item.
Thanks and have a nice weekend.
Sig
[jQuery] [Plugins] looking for iPhone contacts shortcut
Hello guys, I have a long list or product names and in order to speed up the research I'd like to have the alphabet letters on one side and when the user presses one of them the list scrolls to the first name that starts with that letter. Something like contacts on iPhone. So, before starting to develop it, does anyone knows a plugin that does that? Thanks and have a nice day Sig
[jQuery] Re: looking for iPhone contacts shortcut
Thanks, I will check scrollTo out. have a good 1 buddy. Sig On Jul 23, 4:24 pm, svanhess vanh...@gmail.com wrote: This should be do-able without a plugin. Absolutely position a vertical list of letters to the side of your content. Each letter is a link to a anchor within your content. Use something like ScrollTo to move the page to the selected anchor. http://plugins.jquery.com/project/ScrollTo Throw everything in an i-frame if you want this to act more like a widget. On Jul 23, 2:17 pm, macsig sigbac...@gmail.com wrote: Hello guys, I have a long list or product names and in order to speed up the research I'd like to have the alphabet letters on one side and when the user presses one of them the list scrolls to the first name that starts with that letter. Something like contacts on iPhone. So, before starting to develop it, does anyone knows a plugin that does that? Thanks and have a nice day Sig
[jQuery] setting a dynamic variable
Hello guys,
I have found a script that works fine for me but I'd like to make it
reusable but I have an issue with that.
On the script I have something like
function my_function() {
var $container = $('#panel .container');
...
}
and I'd like to pass the id (panel in this case) as a parameter like
in the example below:
function my_function(panel_id) {
var $container = $('#--- .container');
...
}
How can I achieve my goal?
Thanks and have a nice day.
Sig
[jQuery] Re: monitoring multiple elements
Hello James,
thanks for your reply: it works just fine !!!
Have a nice day!
Sig
On May 27, 6:16 pm, James james.gp@gmail.com wrote:
Sure can:
$([id^=drop_]).change(...);
http://docs.jquery.com/Selectors
On May 27, 3:11 pm, macsig sigbac...@gmail.com wrote:
Hello all,
I create dynamically some drop-down menus, all of them have an id =
drop_N where N is a progressive.
So If I have 3 (this number can change at every request) menus their
ids are drop_1, drop_2, and drop_3
Is there a way to monitor all of them with a single function? I mean
something like
$(#drop_ ...).change(function () {
...
})
Can I use a regular expression? If so How?
Thanks for your help and have a nice day.
[jQuery] monitoring multiple elements
Hello all,
I create dynamically some drop-down menus, all of them have an id =
drop_N where N is a progressive.
So If I have 3 (this number can change at every request) menus their
ids are drop_1, drop_2, and drop_3
Is there a way to monitor all of them with a single function? I mean
something like
$(#drop_ ...).change(function () {
...
})
Can I use a regular expression? If so How?
Thanks for your help and have a nice day.
[jQuery] number of checked boxes
Hello all,
I have a form with some checkboxes and I would like to submit it
(through jquery) only if at least 1 checkbox is checked, otherwise I
want to display an alert message.
How can I get the number of checked boxes?
I tried$(INPUT[type='checkbox']).is(':checked') but looks
like it doesn't work.
Any ideas about how I can achieve so?
Thanks and have a nice day!
Sig
[jQuery] Re: number of checked boxes
Thanks for your help.
I appreciate it
Sig
On May 26, 2:44 pm, James james.gp@gmail.com wrote:
var checked = $(input[type=checkbox]:checked).length;
if (checked = 1) {
// do something
}
On May 26, 11:27 am, macsig sigbac...@gmail.com wrote:
Hello all,
I have a form with some checkboxes and I would like to submit it
(through jquery) only if at least 1 checkbox is checked, otherwise I
want to display an alert message.
How can I get the number of checked boxes?
I tried $(INPUT[type='checkbox']).is(':checked') but looks
like it doesn't work.
Any ideas about how I can achieve so?
Thanks and have a nice day!
Sig
[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: loading message
Hi guys, thanks for your replies.
I tried the binding but looks like it doesn't work but ajaxStart-
ajaxStop works just fine so I will go with it.
Have a nice day!
Sig
On May 20, 9:00 pm, gk gineshku...@gmail.com wrote:
One way to do this is to use global events of jquery ajax, as below
$(#ajaxLoading).bind(ajaxSend, function(){
$(this).show();
}).bind(ajaxComplete, function(){
$(this).hide();
});
pls note this will show a loading message for all jquery ajax
operations from your page, if you want to restrict only to a specific
operaton you can bind this to current ajax call.
---
div id='ajaxLoading'Loading../div
---
#ajaxLoading{
position: absolute;
top:2px;
left:95%;
padding:5px;
background-color: #CC;
color:white;
}
macsig wrote:
Hi guys,
I'm working on a Rails app connected to a legacy database.
Since the reading process from the database takes several seconds (up
to ten) I would like to display a loading message while the page is
loading.
Can I achieve that using jQuery? If so how?
Thanks and have a nice day.
Sig
[jQuery] removing focus from field
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] loading message
Hi guys, I'm working on a Rails app connected to a legacy database. Since the reading process from the database takes several seconds (up to ten) I would like to display a loading message while the page is loading. Can I achieve that using jQuery? If so how? Thanks and have a nice day. Sig
[jQuery] Re: animating div when the mouse is over
I still have hard time making it works.
ANY IDEAS ARE WELCOME.
thanks and have a nice weekend
Sig
On May 4, 10:39 am, Macsig sigbac...@gmail.com wrote:
Any ideas?
Thanks
On May 4, 12:50 am, Macsig sigbac...@gmail.com wrote:
Hi, I think I have solved it but now an other question for you:
can I display by default the right part of the image?
THANKS
Sig
On May 4, 12:23 am, macsig sigbac...@gmail.com wrote:
Hi guys,
I have a couple of images with width = 280px and I would like to
display, when the page is loaded, only a piece of them (the left
240px) and all the image once themousegoesoverthe image.
This is the html (for 1 image)
divclass=badge style=width: 240px; height:78px; overflow:
hidden;img src=badge_1.gif //div
And here my script
$(document).ready(function(){
$('badge').hover(function() {
$(this).animate({ width: 280px});
}, function() {
$(this).animate({ width: 240px});
$(this).css({ overflow, hidden});
}
);
});
I have added the last line because without it thedivbecomes 240px
but right after that since the image is 280px it returns to 280px.
But with that line I get :
invalid object initializer: $(this).css({ overflow, hidden});
How can I get the effect I wish???
Thanks and have a nice day!
Sig
[jQuery] animating div when the mouse is over
Hi guys,
I have a couple of images with width = 280px and I would like to
display, when the page is loaded, only a piece of them (the left
240px) and all the image once the mouse goes over the image.
This is the html (for 1 image)
div class=badge style=width: 240px; height:78px; overflow:
hidden;img src=badge_1.gif //div
And here my script
$(document).ready(function(){
$('badge').hover(function() {
$(this).animate({ width: 280px});
}, function() {
$(this).animate({ width: 240px});
$(this).css({ overflow, hidden});
}
);
});
I have added the last line because without it the div becomes 240px
but right after that since the image is 280px it returns to 280px.
But with that line I get :
invalid object initializer: $(this).css({ overflow, hidden});
How can I get the effect I wish???
Thanks and have a nice day!
Sig
[jQuery] Re: animating div when the mouse is over
Hi, I think I have solved it but now an other question for you:
can I display by default the right part of the image?
THANKS
Sig
On May 4, 12:23 am, macsig sigbac...@gmail.com wrote:
Hi guys,
I have a couple of images with width = 280px and I would like to
display, when the page is loaded, only a piece of them (the left
240px) and all the image once the mouse goes over the image.
This is the html (for 1 image)
div class=badge style=width: 240px; height:78px; overflow:
hidden;img src=badge_1.gif //div
And here my script
$(document).ready(function(){
$('badge').hover(function() {
$(this).animate({ width: 280px});
}, function() {
$(this).animate({ width: 240px});
$(this).css({ overflow, hidden});
}
);
});
I have added the last line because without it the div becomes 240px
but right after that since the image is 280px it returns to 280px.
But with that line I get :
invalid object initializer: $(this).css({ overflow, hidden});
How can I get the effect I wish???
Thanks and have a nice day!
Sig
[jQuery] Re: animating div when the mouse is over
Any ideas?
Thanks
On May 4, 12:50 am, Macsig sigbac...@gmail.com wrote:
Hi, I think I have solved it but now an other question for you:
can I display by default the right part of the image?
THANKS
Sig
On May 4, 12:23 am, macsig sigbac...@gmail.com wrote:
Hi guys,
I have a couple of images with width = 280px and I would like to
display, when the page is loaded, only a piece of them (the left
240px) and all the image once the mouse goes over the image.
This is the html (for 1 image)
div class=badge style=width: 240px; height:78px; overflow:
hidden;img src=badge_1.gif //div
And here my script
$(document).ready(function(){
$('badge').hover(function() {
$(this).animate({ width: 280px});
}, function() {
$(this).animate({ width: 240px});
$(this).css({ overflow, hidden});
}
);
});
I have added the last line because without it the div becomes 240px
but right after that since the image is 280px it returns to 280px.
But with that line I get :
invalid object initializer: $(this).css({ overflow, hidden});
How can I get the effect I wish???
Thanks and have a nice day!
Sig
[jQuery] Re: on_mouse_over scrolling
Hi,
actually it doesn't work even if I go twice over the same button.
Thanks for any help. I appreciate it
On Apr 19, 3:37 pm, Macsig sigbac...@gmail.com wrote:
Hi Victor,
thanks for your reply.
now it works but there is still an issue with the code:
I can scroll down and up but after scrolling up it doesn't go down
anymore (and vice-versa if I scroll up and after down I can't go up
anymore).
I don't get any errors, simply it doesn't move.
Do you have any ideas about that?
Thanks and have a nice day!
On Apr 19, 5:33 am, victorg vr.gerrit...@gmail.com wrote:
Ah, it seems that jQuery 1.2.3 does not have that method..
Elements still have a scrollTop property tho, so you could try that
instead.
Not tested, but i think it should work:http://pastebin.com/m5a3326a7
On Apr 19, 2:06 am, Macsig sigbac...@gmail.com wrote:
Hi Victor and thanks for your reply.
I have wrapped up your code within a $(document).ready(function(){
but when I go over the button I get
$(el).scrollTop is not a function
[Break on this error]$(el).scrollTop(jQuery(el).scrollTop() + inc);
I'm using jQuery 1.2.3.
Am I missing something?
Thanks again and have a nice day.
On Apr 18, 4:00 am, victorg vr.gerrit...@gmail.com wrote:
I think you could easily accomplish that by defining an mouseover
handler for your button that does a setInterval() to a function that
scrolls your container.
The scrolling of your container would be accomplished by fooling
around with the scrollTop() function.
I've put together a test script:http://pastebin.com/f40bb5800
Where #scroller is the div with overflow.
On Apr 18, 8:40 am, Macsig sigbac...@gmail.com wrote:
Any ideas?
Thanks and have a nice weekend
On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote:
Hi there,
I'm trying to implement a simple scrolling system: basically I have
a
div with a specific height and auto overflow and I want to let the
div
content scrolling down when the mouse is over an icon. It has to
scrol
until the end of the content or until the muose is moved.
But I cannot make it working so far.
Any idea or even better a sample to solve my issue?
Thanks fpr any help, I appreciate it.
Sig
[jQuery] Re: on_mouse_over scrolling
I'm trying to the hover working as a separate function (instead with
the document.ready)
so I came out with this code http://pastebin.com/me02845
and I call it through OnMouseOver=scrollbutton_down_hover()
but nothing happens.
Am I missing something?
Thanks and have a nice day!
On Apr 20, 12:47 pm, Macsig sigbac...@gmail.com wrote:
Hi,
actually it doesn't work even if I go twice over the same button.
Thanks for any help. I appreciate it
On Apr 19, 3:37 pm, Macsig sigbac...@gmail.com wrote:
Hi Victor,
thanks for your reply.
now it works but there is still an issue with the code:
I can scroll down and up but after scrolling up it doesn't go down
anymore (and vice-versa if I scroll up and after down I can't go up
anymore).
I don't get any errors, simply it doesn't move.
Do you have any ideas about that?
Thanks and have a nice day!
On Apr 19, 5:33 am, victorg vr.gerrit...@gmail.com wrote:
Ah, it seems that jQuery 1.2.3 does not have that method..
Elements still have a scrollTop property tho, so you could try that
instead.
Not tested, but i think it should work:http://pastebin.com/m5a3326a7
On Apr 19, 2:06 am, Macsig sigbac...@gmail.com wrote:
Hi Victor and thanks for your reply.
I have wrapped up your code within a $(document).ready(function(){
but when I go over the button I get
$(el).scrollTop is not a function
[Break on this error]$(el).scrollTop(jQuery(el).scrollTop() + inc);
I'm using jQuery 1.2.3.
Am I missing something?
Thanks again and have a nice day.
On Apr 18, 4:00 am, victorg vr.gerrit...@gmail.com wrote:
I think you could easily accomplish that by defining an mouseover
handler for your button that does a setInterval() to a function that
scrolls your container.
The scrolling of your container would be accomplished by fooling
around with the scrollTop() function.
I've put together a test script:http://pastebin.com/f40bb5800
Where #scroller is the div with overflow.
On Apr 18, 8:40 am, Macsig sigbac...@gmail.com wrote:
Any ideas?
Thanks and have a nice weekend
On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote:
Hi there,
I'm trying to implement a simple scrolling system: basically I
have a
div with a specific height and auto overflow and I want to let
the div
content scrolling down when the mouse is over an icon. It has to
scrol
until the end of the content or until the muose is moved.
But I cannot make it working so far.
Any idea or even better a sample to solve my issue?
Thanks fpr any help, I appreciate it.
Sig
[jQuery] Re: on_mouse_over scrolling
Works nicely
Thanks man for your help. I appreciated it.
Have a good 1!
Sig
On Apr 19, 5:33 am, victorg vr.gerrit...@gmail.com wrote:
Ah, it seems that jQuery 1.2.3 does not have that method..
Elements still have a scrollTop property tho, so you could try that
instead.
Not tested, but i think it should work:http://pastebin.com/m5a3326a7
On Apr 19, 2:06 am, Macsig sigbac...@gmail.com wrote:
Hi Victor and thanks for your reply.
I have wrapped up your code within a $(document).ready(function(){
but when I go over the button I get
$(el).scrollTop is not a function
[Break on this error]$(el).scrollTop(jQuery(el).scrollTop() + inc);
I'm using jQuery 1.2.3.
Am I missing something?
Thanks again and have a nice day.
On Apr 18, 4:00 am, victorg vr.gerrit...@gmail.com wrote:
I think you could easily accomplish that by defining an mouseover
handler for your button that does a setInterval() to a function that
scrolls your container.
The scrolling of your container would be accomplished by fooling
around with the scrollTop() function.
I've put together a test script:http://pastebin.com/f40bb5800
Where #scroller is the div with overflow.
On Apr 18, 8:40 am, Macsig sigbac...@gmail.com wrote:
Any ideas?
Thanks and have a nice weekend
On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote:
Hi there,
I'm trying to implement a simple scrolling system: basically I have a
div with a specific height and auto overflow and I want to let the div
content scrolling down when the mouse is over an icon. It has to scrol
until the end of the content or until the muose is moved.
But I cannot make it working so far.
Any idea or even better a sample to solve my issue?
Thanks fpr any help, I appreciate it.
Sig
[jQuery] Re: on_mouse_over scrolling
Hi Victor,
thanks for your reply.
now it works but there is still an issue with the code:
I can scroll down and up but after scrolling up it doesn't go down
anymore (and vice-versa if I scroll up and after down I can't go up
anymore).
I don't get any errors, simply it doesn't move.
Do you have any ideas about that?
Thanks and have a nice day!
On Apr 19, 5:33 am, victorg vr.gerrit...@gmail.com wrote:
Ah, it seems that jQuery 1.2.3 does not have that method..
Elements still have a scrollTop property tho, so you could try that
instead.
Not tested, but i think it should work:http://pastebin.com/m5a3326a7
On Apr 19, 2:06 am, Macsig sigbac...@gmail.com wrote:
Hi Victor and thanks for your reply.
I have wrapped up your code within a $(document).ready(function(){
but when I go over the button I get
$(el).scrollTop is not a function
[Break on this error]$(el).scrollTop(jQuery(el).scrollTop() + inc);
I'm using jQuery 1.2.3.
Am I missing something?
Thanks again and have a nice day.
On Apr 18, 4:00 am, victorg vr.gerrit...@gmail.com wrote:
I think you could easily accomplish that by defining an mouseover
handler for your button that does a setInterval() to a function that
scrolls your container.
The scrolling of your container would be accomplished by fooling
around with the scrollTop() function.
I've put together a test script:http://pastebin.com/f40bb5800
Where #scroller is the div with overflow.
On Apr 18, 8:40 am, Macsig sigbac...@gmail.com wrote:
Any ideas?
Thanks and have a nice weekend
On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote:
Hi there,
I'm trying to implement a simple scrolling system: basically I have a
div with a specific height and auto overflow and I want to let the div
content scrolling down when the mouse is over an icon. It has to scrol
until the end of the content or until the muose is moved.
But I cannot make it working so far.
Any idea or even better a sample to solve my issue?
Thanks fpr any help, I appreciate it.
Sig
[jQuery] Re: on_mouse_over scrolling
Any ideas? Thanks and have a nice weekend On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote: Hi there, I'm trying to implement a simple scrolling system: basically I have a div with a specific height and auto overflow and I want to let the div content scrolling down when the mouse is over an icon. It has to scrol until the end of the content or until the muose is moved. But I cannot make it working so far. Any idea or even better a sample to solve my issue? Thanks fpr any help, I appreciate it. Sig
[jQuery] Re: on_mouse_over scrolling
Hi Victor and thanks for your reply.
I have wrapped up your code within a $(document).ready(function(){
but when I go over the button I get
$(el).scrollTop is not a function
[Break on this error]$(el).scrollTop(jQuery(el).scrollTop() + inc);
I'm using jQuery 1.2.3.
Am I missing something?
Thanks again and have a nice day.
On Apr 18, 4:00 am, victorg vr.gerrit...@gmail.com wrote:
I think you could easily accomplish that by defining an mouseover
handler for your button that does a setInterval() to a function that
scrolls your container.
The scrolling of your container would be accomplished by fooling
around with the scrollTop() function.
I've put together a test script:http://pastebin.com/f40bb5800
Where #scroller is the div with overflow.
On Apr 18, 8:40 am, Macsig sigbac...@gmail.com wrote:
Any ideas?
Thanks and have a nice weekend
On Apr 16, 5:00 pm, macsig sigbac...@gmail.com wrote:
Hi there,
I'm trying to implement a simple scrolling system: basically I have a
div with a specific height and auto overflow and I want to let the div
content scrolling down when the mouse is over an icon. It has to scrol
until the end of the content or until the muose is moved.
But I cannot make it working so far.
Any idea or even better a sample to solve my issue?
Thanks fpr any help, I appreciate it.
Sig
[jQuery] on_mouse_over scrolling
Hi there, I'm trying to implement a simple scrolling system: basically I have a div with a specific height and auto overflow and I want to let the div content scrolling down when the mouse is over an icon. It has to scrol until the end of the content or until the muose is moved. But I cannot make it working so far. Any idea or even better a sample to solve my issue? Thanks fpr any help, I appreciate it. Sig
[jQuery] handler is undefined error
Hello guys,
I'm trying to create an horizontal accordion using the code below:
$(document).ready(function(){
lastBlock = $(#a1);
maxWidth = 210;
minWidth = 75;
$(.accordion_trigger).hover(function(){
$(lastBlock).animate({width: minWidth+px}, { queue:false,
duration:400 });
$(this).animate({width: maxWidth+px}, { queue:false, duration:
400});
lastBlock = this;
}
);
});
with the following HTML:
ul class=accordion
li
span id=a1 class=accordion_trigger
img src=images/free_thumb.jpg /
p
strongFreebies/strongbr/
Download free files to make your job easier.
/p
/span
/li
li
span class=accordion_trigger
img src=images/tut_thumb.jpg /
p
strongTutorials/strongbr/
Tips and tricks to help you
keep up with the latest technology.
/p
/span
/li
li
span class=accordion_trigger
img src=images/inspire_thumb.jpg /
p
strongInspiration/strongbr/
Get inspired by what other designers are doing.
/p
/span
/li
/ul
The effect works well but I get this error:
handler is undefined
http://localhost:3000/javascripts/jquery.js?1236564794
Line 25
Any idea about the reason I get it?
I'm using some other scripts and plug-ins. Can it be a conflict issue?
Thanks and have a nice day
[jQuery] Re: handler is undefined error
Update:
looks like the issue is related to the function hover: if I change it
with click I don't get the error but I want to use hover instead click
Thanks for any help.
On Mar 30, 1:16 am, macsig sigbac...@gmail.com wrote:
Hello guys,
I'm trying to create an horizontal accordion using the code below:
$(document).ready(function(){
lastBlock = $(#a1);
maxWidth = 210;
minWidth = 75;
$(.accordion_trigger).hover(function(){
$(lastBlock).animate({width: minWidth+px}, { queue:false,
duration:400 });
$(this).animate({width: maxWidth+px}, { queue:false, duration:
400});
lastBlock = this;
}
);
});
with the following HTML:
ul class=accordion
li
span id=a1 class=accordion_trigger
img src=images/free_thumb.jpg /
p
strongFreebies/strongbr/
Download free files to make your job easier.
/p
/span
/li
li
span class=accordion_trigger
img src=images/tut_thumb.jpg /
p
strongTutorials/strongbr/
Tips and tricks to help you
keep up with the latest technology.
/p
/span
/li
li
span class=accordion_trigger
img src=images/inspire_thumb.jpg /
p
strongInspiration/strongbr/
Get inspired by what other designers are doing.
/p
/span
/li
/ul
The effect works well but I get this error:
handler is undefinedhttp://localhost:3000/javascripts/jquery.js?1236564794
Line 25
Any idea about the reason I get it?
I'm using some other scripts and plug-ins. Can it be a conflict issue?
Thanks and have a nice day
[jQuery] Re: number of elements with a specific CSS class
so easy ;)
thank you man
On Mar 28, 10:33 pm, Marco Elisio Oliveira Jardim
marquinho.jar...@gmail.com wrote:
A simple
$('#slider .navigation li').length;
will make it. ;)
_
Lois Griffin: I’m a naughty girl and I need a spanking!
Peter Griffin: And I'm a paladin with 18 charisma and 97 hit-points, I can
use my helm of disintegration and do 1d4 damage as my half-mage elf wields
his +5 holy avenger.
Lois Griffin: Wait a minute, paladins can’t use the helm of disentegration!
Peter Griffin: oh — In that case then I’m a black guy.
On Sun, Mar 29, 2009 at 02:24, macsig sigbac...@gmail.com wrote:
Hello guys,
is there a way to know how many element have a specific CSS class?
I have a list and I need to know how many items it contains.
I guess it should be omething like: $('#slider .navigation li'). ...
Thanks
[jQuery] adding dynamic buttons to code slider
Hello guys,
I'm trying to make some changes to the coda slider created by Remy
at jqueryfordesigner.com but I have hard time so figure out that is
wrong with my code. I hope someone can help me out with this issue.
I want to change dynamically the left and right buttons according to
the current panel. (something like they guys at macheist.com have done
for their 3rd bundle website)
Here my HTML:
div id=slider
div id=left_scroller/div
ul class=navigation
lia href=#first id=1Server Side/a/li
lia href=#second id=2Client Side/a/li
lia href=#third id=3Mobile/a/li
/ul
div class=scroll
div class=scrollContainer
div class=panel id=firstlorem .../div
div class=panel id=secondlorem .../div
div class=panel id=thirdlorem .../div
/div
/div
div id=right_scroller/div
/div
Here my JS:
// when the DOM is ready...
$(document).ready(function () {
var $panels = $('#slider .scrollContainer div');
var $container = $('#slider .scrollContainer');
// if false, we'll float all the panels left and fix the width
// of the container
var horizontal = true;
// float the panels left if we're going horizontal
if (horizontal) {
$panels.css({
'float' : 'left',
'position' : 'relative' // IE fix to ensure overflow is
hidden
});
// calculate a new width for the container (so it holds all
panels)
$container.css('width', $panels[0].offsetWidth *
$panels.length);
}
// collect the scroll object, at the same time apply the hidden
overflow
// to remove the default scrollbars that will appear
var $scroll = $('#slider .scroll').css('overflow', 'hidden');
// handle nav selection
function selectNav() {
$(this)
.parents('ul:first')
.find('a')
.removeClass('selected')
.end()
.end()
.addClass('selected');
}
// handle buttons
function updateButtons() {
//$(this)
//apply our left + right buttons
// images have to be 0 to n-1 where n is number of
panels
var left_index = (parseInt(this.id) - 1) % $('#slider
.navigation
li').length;
var right_index = (parseInt(this.id) + 1) % $('#slider
.navigation
li').length;
$('#left_scroller').html('img class=scrollButtons
left
src=images/'+left_index+'.png /');
$('#right_scroller').html('img class=scrollButtons
right
src=images/'+right_index+'.png /');
}
$('#slider .navigation').find('a').click(selectNav);
$('#slider .navigation').find('a').click(updateButtons);
// go find the navigation link that has this target and select the
nav
function trigger(data) {
var el = $('#slider .navigation').find('a[href$=' + data.id +
']').get(0);
selectNav.call(el);
updateButtons.call(el);
}
if (window.location.hash) {
trigger({ id : window.location.hash.substr(1) });
} else {
$('ul.navigation a:first').click();
}
// offset is used to move to *exactly* the right place, since I'm
using
// padding on my example, I need to subtract the amount of padding
to
// the offset. Try removing this to get a good idea of the effect
var offset = parseInt((horizontal ?
$container.css('paddingTop') :
$container.css('paddingLeft'))
|| 0) * -1;
var scrollOptions = {
target: $scroll, // the element that has the overflow
// can be a selector which will be relative to the target
items: $panels,
navigation: '.navigation a',
// selectors are NOT relative to document, i.e. make sure
they're unique
prev: 'img.left',
next: 'img.right',
// allow the scroll effect to run both directions
axis: 'xy',
onAfter: trigger, // our final callback
offset: offset,
// duration of the sliding effect
duration: 500,
// easing - can be used with the easing plugin:
// http://gsgd.co.uk/sandbox/jquery/easing/
easing: 'swing'
};
// apply serialScroll to the slider - we chose this plugin because
it
// supports// the indexed next and previous scroll along with
hooking
// in to our navigation.
$('#slider').serialScroll(scrollOptions);
// now apply localScroll to hook any other arbitrary links to
trigger
// the effect
$.localScroll(scrollOptions);
// finally, if the URL has a hash, move the slider in to
position,
// setting the duration to 1 because I don't want it to scroll in
the
// very first page load. We don't always need this, but it
ensures
// the positioning is absolutely spot on when the pages loads.
scrollOptions.duration = 1;
$.localScroll.hash(scrollOptions);
});
I have removed the static
[jQuery] retrieving DOM element with specific CSS class
Hello guys, I'm trying to make some changes to the coda slider effect
on jqueryfordesigners.com
Basically what I want is changing the buttons every time I move from a
panel to an other one.
I have the code below:
div id=slider
ul class=navigation
lia href=#1 id=firstFIRST/a/li
lia href=#2 id=secondSECOND/a/li
lia href=#3 id=thirdTHIRD/a/li
/ul
...
/div
and the link to the current panel have the class 'selected'
Here the question: how can I retrieve the id of the link with the
class 'selected'?
I guess it should be something like: $('#slider .navigation').find
('a').XXX('selected').id but I don't know how to put in place of XXX.
Thanks
Sig
[jQuery] number of elements with a specific CSS class
Hello guys,
is there a way to know how many element have a specific CSS class?
I have a list and I need to know how many items it contains.
I guess it should be omething like: $('#slider .navigation li'). ...
Thanks
[jQuery] observe_field
Hi guys, Is there any way to achieve with jQuery the same goal of prototype helper observe_field. I have a drop down menu and I wish to change some text according to the selected value. Thanks
[jQuery] Re: observe_field
Thanks buddy On Mar 24, 4:35 pm, Karl Rudd karl.r...@gmail.com wrote: Sure. Bind a change handler to the select. Seehttp://docs.jquery.com/Attributes/valfor more details. Karl Rudd On Wed, Mar 25, 2009 at 9:35 AM, macsig sigbac...@gmail.com wrote: Hi guys, Is there any way to achieve with jQuery the same goal of prototype helper observe_field. I have a drop down menu and I wish to change some text according to the selected value. Thanks
[jQuery] referring to an array with a specific name
Hello guys, I have a drop-down menu with 2 values (a and b) and I have on my script 2 arrays (a and b). Is there a way to select an array according to the drop-down value. I mean if I store in a variable the selected value var selected_value = $(#dropdown).val(); is there a way to refer to the array with the same name of the value stored in selected_value? Thanks and have a nice day!
[jQuery] Re: referring to an array with a specific name
Sweet!!!
thanks Steven that is exactly what I was talking about (sorry if I
have been confusing on my former explanation).
Have a good 1!
On Mar 24, 7:01 pm, Steven Yang kenshin...@gmail.com wrote:
i think what macsig means is
his arrays are like
var a =[array a]
var b = [array b]
if thats the case
you might want to do
var arrays = {
'a' : [array a],
'b' : [array b]
}
then when select changes and you get the value
you can get your array with
var myArray = arrays[val];
[jQuery] looking for a calendar plugin
Hello guys, does anyone know a calendar plugin for jQuery like this one: http://www.moonkiki.com/moonkiki/moogenda/#JSON Thanks and have a nice day! Sig
[jQuery] unintrusive jQuery on Rails
Hello folks,
I'm trying to integrate jQuery within a Rails application (instead
scriptaculous+prototype) and I would like to make it unintrusive and I
have already an issue with that.
I'm using fancyzoom:
a href=#small_box id=smallSmall Box!/a
div id=small_box
pHere is the contents that will appear in the zoom./p
/div
script type=text/javascript
$('#small').fancyZoom();
/script
and I wish to put $('#small').fancyZoom(); within my application.js
file but how can I call it when the contents are loaded?
If I use
$(document).ready(function() {
$('#small').fancyZoom();
};)
the code is executed after the DOM is loaded but before the contents
are loaded so it doesn't work.
THANKS FOR YOUR HELP.
[jQuery] Re: datePicker with rjs (on rails)
I GIVE UP.
after a whole day trying to solve it (and sevral posts around the web
without answer) I will implement it without jquery and ajax stuff.
Have a good 1!
On Oct 27, 12:41 pm, macsig [EMAIL PROTECTED] wrote:
UP,
Please, any idea about that ?
THANK YOU
On Oct 26, 6:38 pm, macsig [EMAIL PROTECTED] wrote:
Hello folks,
I'm struggling with datePicker when I need to load it within a RJS
file.
Basically I have a drop-down menu and according to the selected value
I display some form fields (rendering a partial for selected value
within a RJS file); one of those has to be the datepicker but I can't
correctly load it.
the rjs looks like
...
@tasks.each do |task|
page.insert_html :bottom, :tasks, :partial = 'tasks/task'
end
...
and the partial looks like
% fields_for project[task_attributes][], task do |t_form| %
...
input name=date2 id=date2 class=date-pick /
...
I tried to load the picker within the RJS
page $(function() {$('.date-pick').datePicker();});
and I tried to load it within the partial
script type=\text/javascript\
$j(function() {$j('.date-pick').datePicker();});
/script
% fields_for project[task_attributes][], task do |t_form| %
but in neither cases it works.
How can I correctly load it?
THANK YOU, I APPRECIATE YOUR HELP
have a hood 1!
[jQuery] datePicker with rjs (on rails)
Hello folks,
I'm struggling with datePicker when I need to load it within a RJS
file.
Basically I have a drop-down menu and according to the selected value
I display some form fields (rendering a partial for selected value
within a RJS file); one of those has to be the datepicker but I can't
correctly load it.
the rjs looks like
...
@tasks.each do |task|
page.insert_html :bottom, :tasks, :partial = 'tasks/task'
end
...
and the partial looks like
% fields_for project[task_attributes][], task do |t_form| %
...
input name=date2 id=date2 class=date-pick /
...
I tried to load the picker within the RJS
page $(function() {$('.date-pick').datePicker();});
and I tried to load it within the partial
script type=\text/javascript\
$j(function() {$j('.date-pick').datePicker();});
/script
% fields_for project[task_attributes][], task do |t_form| %
but in neither cases it works.
How can I correctly load it?
THANK YOU, I APPRECIATE YOUR HELP
have a hood 1!
[jQuery] Re: datePicker with rjs (on rails)
UP,
Please, any idea about that ?
THANK YOU
On Oct 26, 6:38 pm, macsig [EMAIL PROTECTED] wrote:
Hello folks,
I'm struggling with datePicker when I need to load it within a RJS
file.
Basically I have a drop-down menu and according to the selected value
I display some form fields (rendering a partial for selected value
within a RJS file); one of those has to be the datepicker but I can't
correctly load it.
the rjs looks like
...
@tasks.each do |task|
page.insert_html :bottom, :tasks, :partial = 'tasks/task'
end
...
and the partial looks like
% fields_for project[task_attributes][], task do |t_form| %
...
input name=date2 id=date2 class=date-pick /
...
I tried to load the picker within the RJS
page $(function() {$('.date-pick').datePicker();});
and I tried to load it within the partial
script type=\text/javascript\
$j(function() {$j('.date-pick').datePicker();});
/script
% fields_for project[task_attributes][], task do |t_form| %
but in neither cases it works.
How can I correctly load it?
THANK YOU, I APPRECIATE YOUR HELP
have a hood 1!
[jQuery] overlay floating div
Hi guys, I'm trying to have a floating div than once triggered it doesn't push down the element below but it overlays them. Something between an accordion and a lightbox. Until now all my efforts have been useless, so do you have something to suggest to me? Thanks and have a nice day!
[jQuery] date picker with past dates
HI guys,
I would like to know if there is a better way to force to pick up a
date in the past than the code below:
$j('.date-pick').dpSetStartDate('01/01/2000');
$j('.date-pick').dpSetEndDate(new Date().asString());
For my needs Jenuary First, 2000 is more than enough but if there was
a way to define all the date in the past without a starting one was
better.
Thanks and have a nice day!
[jQuery] Re: date picker doesn't work
Actually i use the same code in an other page and all works well (the
only difference is that in the other page I don't have any
scriptaculous or other jquery staff). As you can see in my code I link
the required files and the loading script looks fine (at least to me).
So where do you think is exactly the issue?
THANKS for your help
SIG
On May 15, 10:19 pm, pedalpete [EMAIL PROTECTED] wrote:
I'd guess you are not linking to the script properly in your head
tag.
I've been using it for months, no problem.
Its a great plug-in, super simple.
On May 15, 7:05 pm, macsig [EMAIL PROTECTED] wrote:
Hello, I'm trying to use the date picker plugin but I have a issue
with it.
I load all the required files
jquery-1.2.3.min'
'date'
'jquery.datePicker'
and I create the picker
script type=text/javascript
var $j = jQuery.noConflict();
$j(function() {
$j('.date-pick').datePicker();
});
/script
I use jQuery.noConflict() since I use scriptaculous as well.
When I load the page have the error below:
$j(.date-pick).datePicker is not a function
$j('.date-pick').datePicker();
Any idea?
Thanks for teh help
[jQuery] Re: date picker doesn't work
Thanks Giovanni but it's not a typo mistake, I use exactly the same
code I'm using in an other page. By the way I tried without capital P
and the result is below:
$j(.date-pick).datepicker is not a function
$j('.date-pick').datepicker();
Any other idea?
PS Anche se adesso vivo in California sono originario di Tresivio !!!
Quanto e' piccolo il mondo ;)
On May 16, 1:02 am, Giovanni Battista Lenoci [EMAIL PROTECTED]
wrote:
macsig ha scritto: Actually i use the same code in an other page and all
works well (the
only difference is that in the other page I don't have any
scriptaculous or other jquery staff). As you can see in my code I link
the required files and the loading script looks fine (at least to me).
So where do you think is exactly the issue?
THANKS for your help
I think is only a typo...
$j('.date-pick').datePicker();
Should be :
$j('.date-pick').datepicker();
Bye :-)
--
gianiaz.net - web solutions
p.le bertacchi 66, 23100 sondrio (so) - italy
+39 347 7196482
[jQuery] date picker doesn't work
Hello, I'm trying to use the date picker plugin but I have a issue
with it.
I load all the required files
jquery-1.2.3.min'
'date'
'jquery.datePicker'
and I create the picker
script type=text/javascript
var $j = jQuery.noConflict();
$j(function() {
$j('.date-pick').datePicker();
});
/script
I use jQuery.noConflict() since I use scriptaculous as well.
When I load the page have the error below:
$j(.date-pick).datePicker is not a function
$j('.date-pick').datePicker();
Any idea?
Thanks for teh help
[jQuery] Re: [treeview] newbie
Thanks Mike, I appreciate your help
On May 10, 8:55 pm, Michael Geary [EMAIL PROTECTED] wrote:
It's fairly common for a syntax error message to give you the correct
location of the error but not tell you what the actual error really is. In
this case, it's missing {}.
...
$j(#example).treeview({
collapsed: true
});
...
-Mike
Hello, I have just downloaded thetreeviewplugin and it
looks like fine
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(#example).treeview();
});
but when I try to load the tree with some options
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(#example).treeview(
collapsed: true
);
});
I have the error below:
missing ) after argument list
[Break on this error] collapsed: true\n
but I don't see any missing )
Where am I wrong ???
Moreover. is there a option list available somewhere online ?
[jQuery] [treeview] newbie
Hello, I have just downloaded the treeview plugin and it looks like
fine
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(#example).treeview();
});
but when I try to load the tree with some options
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(#example).treeview(
collapsed: true
);
});
I have the error below:
missing ) after argument list
[Break on this error] collapsed: true\n
but I don't see any missing )
Where am I wrong ???
Moreover. is there a option list available somewhere online ?
THANKS
