JQuery :: Tools Scrollable - Goto Item?
Jan 9, 2010
Is there a way to 'activate' an item in the list of items inside Scrollable? The thing I want to accomplish is this: call the api.seekTo() method inside a piece of javascript (this part works) and then visualy show the user what item in the Scrollable list it was that was sought. I know I can influence the appearance of an item clicked but what I do want is tell the scrollable to activate an item (and scroll if neccecary to bring said item into view). So clicking I understand, telling or programaticaly setting the item _without_ clicking and make it stand out (by using the activeClass property).
But I need the scrollable to goto the particular item, in this case my project is a dj timetable for times, so if its currently 2pm, goto that item in the scroller on start - of course, there's PHP involved, so that'll be used, I've already got the item classed as .active, all I need is the scroller to go to that item automatically.
View 1 Replies
ADVERTISEMENT
Oct 13, 2010
if it's possible to nest tabs inside a scrollable from jQuery Tools. Basically, replacing the page content with a set of tabs. I've tried a few times, and with the jQuery native tabs, there must either be some JS or CSS conflicts that prevent things from working properly.
View 1 Replies
View Related
Nov 15, 2009
A little difficult to explain, but here goes:I've combined a couple different jquery scrollable functions to a webpage that I'm creating. URL...for my horizontal scrolling.The problem with the vertical scrolling function is that it relies on the mousewheel and mouse clicks for scrolling and I don't feel it's immediately apparent that the text scrolls. But I really like the effect, so I've added arrows and tried to get the functionality from the vertical scrolling example, but it's not working, except for the down arrow in the content in the very last tab. When you click on an arrow, it currently takes you to the previous or next horizontal section.
I know the answer is in there somewhere, but I'm not sure where to look for it. Here's the javascript file that controls the functionality:URL...
View 3 Replies
View Related
Mar 23, 2011
I want to add on my site, a page that has ALOT of stuff on it and i would like to split it in more "pages"...i.e.
I saw someone make a link for "1 2 3" with "javascript:GoToRecNo(30)" I don't realy know much about javascripting or php/MySQL.
Anyway, my question is...How can you "goto" a "RecNo" ? where is that RecNo? Atm, my "1 2 3" are link to a .html each...
View 2 Replies
View Related
Feb 10, 2011
The scenario is, a scrollable DIV on a webpage. Within the DIV is a scrollable textarea. Beside the DIV is a button whose onclick event creates and places another scrollable textarea below the first. Any subsequent onclick events places another scrollable textarea below the previous. I'm fairly sure that CSS will come into play for positioning of additional textarea's. My thinking is to create an array for the first textarea ID, then increase the array by 1 on any subsequent onclick event, then assign contents (values) of textarea(s) to ID's using innerHTML. Is this approach plausable, or is there a simpler method to this madness? Is there a method/function for calculating the height (px)of a textarea with overflow set to auto, regardless of text length within.
View 2 Replies
View Related
May 31, 2009
How do I complete this so that when a user clicks on on the div rollOver, it loads in a new html page into the current browser window.
[Code]...
View 3 Replies
View Related
May 16, 2010
I have JavaScript code:
Now i want compatible this code with Jquery, but i can not do it.
View 2 Replies
View Related
Jul 17, 2010
I subcontracted a programmer who replaced my jquery.js with a different version of jquery. This version breaks my function, but my version breaks the layout. I have a function that works with
Code:
jquery.tools.min.js
But not with
Code:
jquery.js?ver=1.4.2
Here's is my function:
Code:
<SCRIPT type="text/javascript">
$(document).ready(function(){
$('.theVideoLink').click(function(e){
e.preventDefault();
$('#VideoContent').load($(this).attr('href'));
});
});
</script>
I need this code to work with
Code:
jquery.js?ver=1.4.2
But it doesn't. It works with
Code:
jquery.tools.min.js
But this jquery.tools.min.js breaks the layout in IE7&8.
View 3 Replies
View Related
Dec 5, 2010
i downloaded a script from jquery tools which is the above: PHP Code:
$(".scrollable").scrollable();
$(".items img").click(function() {
// see if same thumb is being clicked
if ($(this).hasClass("active")) { return; }
// calclulate large image's URL based on the thumbnail URL (flickr specific)
var url = $(this).attr("src").replace("_t", "");
[Code]...
this doesnt works in i.e
View 1 Replies
View Related
Sep 13, 2011
Im using the goto function for a questionnaire to go to different slides/questions, i also want to add a back/prev button but i want it to go back to the previous slide it was on instead of going back to the prev slide in the stacking order.
View 4 Replies
View Related
Jan 18, 2010
Some history: Although I know that it is considered 'old' technology, I have built hundreds of imagemaps over 10 years for a local photographer who uses a panoramic camera (now a spectacular digital one) to photograph weddings, schools etc. I then pop an imagemap area over each face and add a title (and alt text for IE viewers) that shows up on mouseover to identify the person.
I've been using the jQuery tools library recently and tried changing this tooltip demo which turns an image's title into a tooltip from:
$(document).ready(function() {
$("#demo img[title]").tooltip('#demotip');
To:
$(document).ready(function() {
$("#demo area[title]").tooltip('#demotip');
Thus grabbing the title associated with an area rather than an image.
I just built a quick proof of concept using the image map of a family meeting on one of my sites, and viewed it in Firefox. As expected, on hovering over an area the tooltip popped up at top center of the image, with the title text in it. Wow! GREAT! I thought. ;-)
BUT...
In IE: Tooltip pops up, containing the matching title text, but far away from the clicked area and NOT at top center.
In Opera: No tooltip, browser's title box opens by mouse position, but with out title text, instead it contains the a href link that clicking in the area would go to.
In Chrome: No tooltip, no title.
In Safari: No tooltip, no title.
(BTW All tests were done in current browser versions under Win XP)
I just tried Tero's demo at [URL] in all browsers and it worked fine, in every case the tooltip appeared top center of the image, with the title text in it! So it would seem at first thought to be involved with the way browser manufacturers have built their DOM... But further reading indicates that all post v5 browsers use the same DOM model, so I'm stumped. I've Googled quite a few threads where folk have had js/DOM/imagemaps conflicts, but have found no post resolving the issue.
Since libraries such as jQuery claim to isolate us from browser variances, is it just that imagemaps are considered so 'out of date' that browser manufacturers haven't bothered to update their code to integrate them into the standard DOM? (Bravo FF, 'does it right' again!)
View 4 Replies
View Related
Nov 10, 2010
I want to make a list of divs into a vertical scrollable slider.Each div will consist of a small thumbnail image, a small title header and a link.I haven't started coding this yet but the above code should give you an idea of what I'm aiming for. The image thumbnails will be floated on the left, and the titles/links will be floated on the right.
I've been looking at the jQuery Scrollable script here and when I tested it with JS turned off, the rest of the content within the slider stayed hidden, instead of being visible and there was no way of viewing the rest of the content within the slider, other than the three images that were "in view".I would like to know if there's a way of making all the content within the slider visible all at once when JS is disabled. Is it possible to do this?
View 16 Replies
View Related
May 11, 2010
$(document).ready(function(index){
$(connectSort).each(function(index, obj){
$("." + this).sortable({
connectWith: ".connectedSortable_" + this,
[Code]....
the first function(start: function ..) displays an attribute (title) of the dragged item once the sorting starts. supposedly, the second function (stop: function ..) would display the same attribute but of the item replaced by the dragged item once the sorting stops.
I have tried a lot of things already, but none seems to work.
View 2 Replies
View Related
Jul 9, 2011
I am trying to get an animation to execute and then navigate to a different page only after the animation is finished.
-------- Start --------
<script>
$(document).ready(function(){
[code]....
View 1 Replies
View Related
Dec 7, 2011
How can I use the same code for 50 different items ?
$('#slide00').click(function() { $('#slideshow').cycle(0); return false; });
View 1 Replies
View Related
Apr 7, 2010
I have some js code in which a click on a nav arrow causes list to be walked up or down and hilighted. Partial code is below. The problem is that when I get to the end of the list (e.g. there IS no next()), I want to skip this part of the code and actually hide the right arrow. I have no problem with the hiding part - I just want to set a flag when I have traversed the list to the last item.
[Code]...
View 4 Replies
View Related
Jun 8, 2010
I am trying to make a news list scrollable and i am having no joy!
Below is my code:
View 2 Replies
View Related
Jul 20, 2009
I am currently using the scrollable jquery plugin to scroll some images of thumbnails in a gallery. What I'm trying to do now, is figure out how to load the large version of those thumbnails into a div when they are clicked. Here is a link to the webpage where the source can be viewed. [URL]
View this message in context: [URL] Sent from the jQuery General Discussion mailing list archive at [URL]
View 2 Replies
View Related
Jul 16, 2010
I'm trying to use the scrollTo plug in, maybe in the stupidest way, but I feel I am almost there!in my case every scrollable element has his own next-prev buttons, the script is able to extract a variable on the button click, id like to make him use it to calculate the position of the next-prev target. You can take a look to a live example at [URL].
Here's the script I've made:
$(document).ready(function () {
$('.triangolo_top, ') .click(function () {
var numero= $(this).attr('title');
$('#prova').text(numero)
$(window).scrollTo ('li:eq (+numero+1)', { duration:500, axis:'y'})
})});
View 3 Replies
View Related
Feb 12, 2010
Has anyone tried to bind the scroll event to a scrollable tbody in IE8 and it worked? If so, please let me know how you did that, because while it works in FF 3.6, it does not work in IE8 (unless I'm doing something wrong.) I've searched quite a bit for this and couldn't find anyone that had a question on this.Example: I have a table with a scrollable tbody, and what I want to do is bind a scroll event to the tbody to find when the user had scrolled to the bottom of the scrollable tbody where I'll fetch additional TR rows.
$JQuery('#table_body').scroll(function()
{
alert('registered');
[code]....
View 2 Replies
View Related
Nov 10, 2009
I am using a jQuery tab plugin that shows a different content div on click of each tab. It also has a fade in [URL]
In addition, I am using the scroller scripts from Blueshoes (I also tried another, similar scroller script, but run into the same problem: [URL].
What I want to achieve: Have a simple tab function with up to 6 tabs. Each tab content will have a scrollable div with a custom scrollbar that also scrolls on mouseover.
The problem: The tab and scrollbar on initial page load work fine. Once I click on the second or third tab, the tab content loads fine, but the scroller function does not load. I have to click on the tab number again for the scrollbar to appear (I added an onClick event that loads the scrollbar, but this only seems to be activated on the second click, not the first click)
I thought I could just reload the page again with an onClick event on the tabs, but this only reloads the page with the first tab active, and the tab content fade in effect doesn't quite show anymore. In addition, I do not know how to change the script so the tab that was been clicked on (e.g. tab2 or tab3) is active on page reload.
take a look at site, where you can see everything it all in action: [URL]
I'd prefer a solution that loads the scroller script immediately onClick of each tab without reloading the page.
I tried all kinds of possibilities, and I have been working on this for the past 2 days! My Javascript knowledge is just to limited to grasp what needs to happen.
Here is my code, as simplified as possible, with comments in italics:
CSS, JAVASCRIPT and LINKS to JS libraries and plugins:
<style type="text/css">
<!--Begin scroller css -->
.scrollingtext {
position:absolute;
[Code]....
View 1 Replies
View Related
Mar 5, 2010
Microsoft Script Debugger has been depreciated.
What tools are recommended for debugging JS for IE? I'm only interested in IE7 and 8, but mostly 8.
There are plenty of tools for FF...
View 1 Replies
View Related
Jan 16, 2004
I created some RGB-to-HSL and HSL-to-RGB functions for JavaScript that I think might be useful for some of you. function fnRgbToHsl(r, g, b){ // R G B as integers, 0..255.
r /= 255;
g /= 255;
b /= 255;
var
max = Math.max(r, g, b),
min = Math.min(r, g, b),
l = (max + min) / 2;
h = 0,
s = 0;
if(max != min){
s = (l < .5)?
(max - min) / (max + min):
(max - min) / (2 - max - min)
h = (max != r)?
(max != g)?
4 * (r - g) / (max - min):
2 * (b - r) / (max - min):
(g - b) / (max - min);
}
h *= 60;
if(h < 0)
h += 360;
return [h, s, l];
}
function fnHslToRgb(h, s, l){ // H as degrees 0..360, S L as decimals, 0..1.
h /= 360;
function fnHueToRgb(x, y, h){
if(h < 0)
h += 1;
else if(h > 1)
h -= 1;
return ((h * 6 < 1)?
x +(y - x) * h * 6:
(h * 2 < 1)?
y:
(h * 3 < 2)?
x + (y - x) * (2 / 3 - h) * 6:
x);
}
var
y = (l > .5)?
l + s - l * s:
l * (s + 1),
x = l * 2 - y,
r = fnHueToRgb(x, y, h + 1 / 3) * 255,
g = fnHueToRgb(x, y, h) * 255,
b = fnHueToRgb(x, y, h - 1 / 3) * 255;
return [r, g, b];
}
If I get the time, I'll build some tools around them, such as methods of getting triad colours, complementary and split complimentary colours, analogous colours, saturation variations, luminance variations (tints and shades) and hue variations (chromatic variations).
View 2 Replies
View Related
Apr 8, 2004
Are there any free scripts out there that act like the tools that this forum use when inserting a message, like to make text bold, or insert link.
View 2 Replies
View Related
May 27, 2010
i have a div of height 500px and width 800px. i have set it as auto on over flow and usually i have 500 records displayed so it scrolls. lets say i trigger an even on row number 478 inside that scrollable div and that event causes a page reload, can i go back to that same position in side that div? how?
View 1 Replies
View Related
May 12, 2011
I'm working on a project that requires a vertical image gallery, that can be scrollable using the mouse scroll. It should work in the same way as this website's gallery : [URL]. I looked at their code, but I'm very new at jQuery and javascript, and couldn't figure it out, many elements missing. How to make it work, or maybe there's an existing plugin I could use?
View 1 Replies
View Related