Jquery :: Tools / Scroll-able Make Fully Accessible
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
ADVERTISEMENT
Apr 22, 2010
I am using jquery's click on a link to trigger an action. I am curious as to how to get it to work with a non-mouse user.If the user hits the spacebar or enter key while the link is tab selected, the function is not activated.I remember reading about using bind() but I can't find the article.
View 5 Replies
View Related
Sep 25, 2009
how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..
View 6 Replies
View Related
Jun 13, 2006
Does anyone know of a script that makes a div tag and its contents scroll down the page automatically when you scroll?
View 2 Replies
View Related
Jun 15, 2010
I have a div 500 px high with text in it. The text takes up more space the provided and I wanted the DIV or text to scroll up as the mouse neared the bottom of the div.
View 2 Replies
View Related
Jan 7, 2011
The following code works fine in Firefox, but in Chrome (und IE as I read) nothing happens:
How can I make that work in IE?
View 4 Replies
View Related
Mar 29, 2010
I am creating a website that uses columns (example) and I would like to be able to click left and right buttons to scroll horizontally one column at a time without the header and footer scrolling with the content.
I have tried using Scrollable and JCarousel but both require you to scroll through a set of list items. I need to be able to scroll 320px at a time. Is this possible?
View 2 Replies
View Related
Jun 22, 2010
I want to make a sms system, where users can send a sms message and then it is showed.So for every new message I get I need to make a new div, add it and scroll the others down
View 9 Replies
View Related
Nov 7, 2011
I have a form, EWMS.php, that is a score sheet for a dart league. In this form I first have a user choose a division. Ajax returns that choice via MySQL database and PHP. Upon choosing a division that also fills in the next drop down choices of team, which again calls Ajax and brings in the teams associated with the division choice. All works good so far. The last call on team choice drop down brings in the players on that team in another drop down which is peppered throughout the form as it is based on these players that are chosen. The beginning form tag and ending form tag are located in the EWMS.php file while Ajax loads other input elements from the database into the middle of the form.
So now that the form works with these drop downs grabbing MySQL data, I am testing the data the user input by using action="process.php" method="post" in the form tag. In process.php I have some basic code:
$date=$_POST['date'];
$week=$_POST['week'];
$league=$_POST['league'];
//HOME TEAM
$teamH=$_POST['teamH'];
//VISITING TEAM
$teamV=$_POST['teamV']; .....
When a league is chosen it brings in this findleague.php :
<?php
$league=$_GET['league'];
//echo $league;
include("sparkplug2.php");
$result = mysql_query("SELECT DISTINCT(team) FROM member_data2011spring WHERE division = '$league' ORDER BY team ASC") or die(mysql_error());
$result2 = mysql_query("SELECT DISTINCT(team) FROM member_data2011spring WHERE division = '$league' ORDER BY team ASC") or die(mysql_error());
?> .....
View 9 Replies
View Related
Apr 29, 2009
I have created a div on one of my webpages, the child of another div ("header"). I have tried setting it to "fixed" through CSS but then it just disappears -- I'm guessing the reason it does this is BECAUSE it's a child of another div.If there's a CSS solution to this, great, but right now I'm thinking I'll have to rely on JavaScript.Anybody have an idea of how I'd get this div to scroll with the page, like a fixed div?
View 3 Replies
View Related
Jan 25, 2010
I've been trying to get this javascript slideshow to scroll down instead of up but am running into problems.
View 4 Replies
View Related
Sep 20, 2009
I need a page to scroll to the top when visited, without using HTML anchors. Is this possible with JavaScript?
View 1 Replies
View Related
Nov 8, 2011
I have the below code but it gives me a small widows and i have to scroll down. how to make the window large enough so I don't have to scroll?
Code:
The blow code was twhat I was sent by the company
Code:
View 1 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
Jul 18, 2007
Can any tell me whether you can change the speed of the scroll at all?
View 1 Replies
View Related
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
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
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
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
Jan 4, 2011
Ok so I have a site that I want to automatically close the window when the focus is lost from the page. For example, if the user clicks off the page to something else on there desktop I want the page to close. So far I have managed to do this but the grids on my page and the scroll bars all trigger the close function when clicked on. Is there anyway to make the scroll bars and drop down boxes not trigger the function?
This is the code I have so far.
View 6 Replies
View Related
Apr 14, 2009
I have dropdown menu.If I select value of "onesector" all the checkbox should be accessible and textbox of individual value '1' and retail value '2' should come. If I select "allsector" all the checkbox should be checked and textbox of individual value '10' and retail value '20' should come.
Code PHP:
<TD>MemberShip Type </TD>
<td><select id="mtype" name="mtype" >
<option>Please Choose</option>
<option value="OneSector">OneSector</option>
<option label="AllSector" value="Salary">AllSector</option>
<option label="Free" value="Salary">Free</option>
</select></TD></tr>
[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 1, 2007
In order of priority, I need the following for Safari:
* a debugger (with watch)
* a console (with errors and command line)
* Web Developer toolbar (edit css, validate local)
* DOM inspector (like Firebug or IE's DOM inspector). Firebug is awesome, though...
* Possibly a source editor
* anything else that is useful (like http://www.squarefree.com/jsenv/ or the other bookmarklets on squarefree.com that work for safari).
Does safari support hasOwnProperty now? What about named functions in object literals? syntax example:
Code:
{
f : function f() {}
}
View 3 Replies
View Related
