I create a slideshow with thumbs using jquery plug-in galleriffic. To scroll the thumbs, I stylized a scrollbar using jquery plug-in jscrollpane and add another plug-in, mousewhell.
But this combinations make scrollbar inoperable. When the pages open, the scrollbar is hidden and the mousewhell doesn't work.
If I refresh the page, it appear.
What happens?
I am using jscrollpane to provide custom scrollbar to div, i am using code as below. for this code mousewheel event in jscrollpane is not firing in ff/ie. it works forchrome,safari.
View 4 Replies View RelatedI am using jScrollPane on this Wordpress-powered site [URL]... rporation/ at the right for the logo thumbnails. Now I want to use the [URL]..... ollTo.html functionality to vertically align the thumbnail of the current project so that people don't get lost in navigation. In other words: on page load, the jScrollPane should auto scroll to the thumbnail which belongs to that project. I've managed to give the current thumbnail a class called 'currentthunb'.
View 1 Replies View RelatedDoes anyone know if there is a way to change the defaults such as number of thumbnails after initialisation? e.g.$('.changeTo16').live('click', function(){//set gallerific stuffnumThumbs: 16});$('.changeTo8').live('click', function(){//set gallerific stuffnumThumbs: 8}); etc...
View 2 Replies View RelatedI've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
I'm working on a gallery site using galleriffic. It is composed of 13 seperate galleries (couldn't figure out a way to integrate them into one) and what I would like is an index page which users can jump to any specific image in a gallery. [URL]. There is a current example, and what I'm trying to do is make a drop down menu form where someone could select a piece of granite, (eg. Giallo Latina) and it would jump them straight to that page. However if I link to "butterscotch.html#5" it doesn't work. Is there any way of creating a drop down menu that could handle this?
View 2 Replies View Relatedany one here familiar with GALLERIFFIC? i try insert my own hyperlink in slideshow container instead of �next image�, user may go to my own link when click on the large image, what should i edit? [URL]
View 1 Replies View RelatedThis is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
[Code]...
The "Permission denied" cross site issue.
I have to check from my external domain if a service is running on localhost:8080 of a local machine.
I'm using XMLHttpRequest to do it.
I'm checking a local-web-server, not a file.
Every browser doesn't work, but Firefox. So I'm looking for a work-aorund.
An iframe? a flash swf? an applet java? HTA applications?
A side question is, why does FF work? Because it's a local-web-server?
Why doesnt the following code work in IE. There is an error on the same row as fillText. It says object doesnt support this property or method.
<html>
<head>
<title></title>
<script type="text/javascript" src="excanvas.js"></script>
</head>
<body>
<canvas id='chart' width='500' height='200'>
[Code]...
I tried to use fade in the code below, it works in firefox but not ie7.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I've just tried the JQuery fadeIn effect and it works in FF, Opera and Chrome. But it doesn't in IE.
This is the JQuery code
//contact click, load data
$('#contact').click(function() {
$('#contentFill').fadeIn(1200, function() {
$.ajax({
[Code]......
I have a problem with hide() method on ie9: if I put this command after a flag, it (hide) doesn't work anymore.Obviously the same code works pertefect on firefox.[code]
View 3 Replies View RelatedMy on() function doesn't work. This is my code:
$(document).ready(function(){
$('button').on('click',function(){});
});
[Code]....
I am using latest jQuery 1.7, and it is loaded correctly.
I'm using the Jquery Autocomplete Plugin with jquery.1.4.4. I tried to use a new version of jquery, like 1.5.1 but doesn't work.
I'm asking if there is a way to work with the new version of jquery or i must change my autocomplete and use the jquery ui autocomplete.
here is my site: [URL] tabs don't work under IE - all div's are visible. I should add some code? I thought that jquery works under all browsers...
View 2 Replies View RelatedFor my work i need to make a form. At some points you have to choose an option from a dropdown select box. After you have chosen one of those some other field appear under the dropdown thing. I use the slideToggle event for this effect. In firefox its all working fine, but in ie 6.0 and 7.0 it doesnt work. What do need:A dropdown menu with a few options in it. You can choose one of those and after you select it a few other options apear under the dropdown menu.
[Code]...
I have a problem with a jQuery selector that works in both Firefox and Chrome but refuses to in Internet Explorer.
The jQuery line looks like
$('a[id*="show_ingredients_link"]').click(function(){
var id = this.id.replace("show_ingredients_link", "");
(".ingredient_row" + id).toggle(); return false;
});
Which is trying to select a click on the following bit of HTML (this is a Django template)
<a href="#" id="show_ingredients_link{{ i.id }}">
(Customise)
</a>
The intent is to toggle the visibility of some table rows that exist just below the (Customise) link.
I can tell this is a selector problem by adding an alert(); in the click function which isn't fired in IE.
<div class="c"></div>
I do $(".c:not(:last)").css({borderColor:"#0f0"}) This is OK in Firefox, but in IE all columns get this color. The :not selector doesn't work in IE. Why not?
I implemented a great photo gallery into a site I'm working on, but it will not work in any version of IE.
here is the page:[URL]
It works flawlessly on webkit, and works almost flawlessly on gecko... but no dice when it comes to the worst browser in the world.
I try to navigate through the cycle slideshow with a select box. This works fine in FF and IE9. But when I open the page in IE8 nothing happens when I click the select box.
This is my code:
$(function () {
$('.slideshow').cycle({
fx: 'fade',
timeout: 0,
[Code]....
$("#username").bind('blur',function(){
val = $(this).val();
if(val == ""){
alert("Username is a required field, please fill it in!");
$("#username-div").css("background-color", "#eeccdd");
$("#username-error").html("Please fill this");
$(this).focus();
}
});
this code doesnt seem to focus. i have also tried Javascript and even that isnt working? Basically i would like that input box with id username to be focused if user leaves it empty and moves to next form field?
I'm trying to combine two different jQuery scripts on my webpage. The one is showing flashvideos in a lightbox and the other one is displaying thumbnails in a slideshow.The problem is that only one script is working. I have searched the web and forums and found that several people have had this problem before and I have truly tried to fix it with noConflict(). The problem is that I have very little experience in Javascript so I haven't got it working.So, here are the lines in the code:
<!-- Video lightbox -->
<script type="text/javascript" src="/js/videolightbox/mootools.js"></script>
<script type="text/javascript" src="/js/videolightbox/swfobject.js"></script>
[code]....
I haven't coded any of these myself (of course), so I am not familiar with the variables in the files. So my target is to find a way to to use these scripts simultaneously.
I don't understand why on earth with this
Code JavaScript:
$('a[@rel*=lightbox]').lightBox();
[Code]....
I have a set of select fields, which when selected, send a value via ajax, to return a sub-selection for further choice. I have 3 levels of sub-categories like this.
View 6 Replies View RelatedUsing: JQuery 1.4.2. Creating .Net app. Apparently it errors if i don't set the contentType. So I tried to set it in the ajaxSetup function, but it seems to reset it. The type and dataType attributes seem to work fine, though, just not the contentType.
[Code]...