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 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 am trying to use jquery to layout my form elements. I want to make sure that the script is executed after the whole page is loaded. So i put this script insinde my html file in the head section:
<script type="text/javascript">
$(window).load(function(){
var css_attr = {"float": "left" ,"width":180};
[code]....
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'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]...
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 was basically trying to follow several tutorials to get a superfish menu working on my website, but I don't seem to be able to get it to work.I included both the superfish.css and the superfish.js in my website's header; both paths are corrent and point to the designated file.I then included the superfish function in my header like this:
<script> $(document).ready(function(){ $('ul.sf-menu').superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
[code]....
The corresponding <ul> element has the required sf-menu class, but still there are no animations, no fading, no delays, just the plain css functionality provided by the superfish.css.
The following javascript loads after the page loads. Is there a way to change this onload function and make it work as the page is loading?The javascript is meant for mousewheel scrolling for a horizontal website. The website I am using this for has a fixed width - 29000px
Code:
*/
window.onload = function() {
tinyScrolling.init();[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]...