I use superfish plugin on my website [url] for the menu. The fade method for showing works ok (but it's sometime "flickers", a little bit annoying but it's ok), but i can't make it slide, using height or width method.
I use for example this to show up :
Opacity will work, but not width, and it's the same for height.
I'm not JS expert but I put the following between <head> and </head>:
<link rel="stylesheet" type="text/css" media="screen" href="superfish.css" />
<script type="text/javascript" src="superfish.js"></script>
<script type="text/javascript" src="supersubs.js"></script>
[code]....
I used JQUERY to create a slideshow on my website. It worked fine off-line but when i uploaded it on the server it doesn't work at all. I'm very new to this so i was wondering if its the coding, server or the script that makes this problem.and the problem is in each and single one of those pages in the menuknow if I should post a certain part of the script or the html file to ensure a better solution.
View 4 Replies View RelatedI'm having a little trouble with 2 differentJS scripts. I have a drop down slide menu and a parralex slide gallery. Both work on separate pages and puton the same page they still work however the submenu of the slide down menu does not. if I remove the style sheet that belongs to the gallery
Then the munu works, however (obviously) the page layout goes wrong. if i remove<h1 class="title">Alex Holland Perspective</h1> the menu works however page layout goes wrong andI loose my header
Here is the code.
When you hover over the menu link the sub menus slide down. Does anyone know how to create a slide up animation effect when you mouse off.
View 3 Replies View Relatedi tried to do an easy slideDown and slideUp with a mouseover action. Unfortunally the slide dosn't run smooth.
Here's the link to the testpage.
The HTML
<div
class
="teaserbox-container"
>
[Code]....
1. The slide down jumps and dosn't move smooth. Is there another way to open the box then slideDown to fix this problem, or do i have to change the markup?
2. If i move out the mouse on top, left or right everything is ok, but if i move out at the bottom the whole thing goes up and down and up and down..
Trying to get the Superfish menus to work in vertical mode, whereby each list item is a single line, and the next menu down sits to the
right of that menu. For normal horizontal menus you use the Supersubs option when you call Superfish, but the superfish-vertical.css you need to make the menus layout vertically, seem to overwrite the widths of the UL's and LI's.
I want some content to slide out down when the title of a section is clicked.
Here is what I have, and I cant figure out why it is not working. [code]...
I'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 ?
This 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]...
I am working on a slider for a client site and all works fine when I place the css directly in the page - but when I move it to external file it does not pick up any of the styles that are required to make the slider work.
View 3 Replies View RelatedI can´t get the Captions of the cross slide demo to work.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="xxx.js/jquery.cross-slide.min.js"></script>
<div id="kenburns"></div>
<script>
$(function() {
[Code]...
The images appear and are zooming and sliding but I can´t get the caption work. What I am doing wrong. Wld be great if someone have a solution.
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?