I've been trying to implement an accordion script in conjunction with prettyPhoto, a lightbox alternative, and although it works fine in Firefox & Chrome, IE is of course, not happy, and my site degrades horribly! [URL]..
View 14 RepliesI'm working thru the jQuery Visual Quickstart Guide by Peachpit Press. I got to chapter 9, which deals with Widgets, and I'm stuck.I copied the links to the the jQuery UI codes, but the accordion plugin is not working
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>[code]....
explain to me the difference between the two? I just finished an online tutorial on Accordian Widget UI and it
View 5 Replies View RelatedI've tried various other ideas posted here but I cannot get this working in IE7. Sample page :[URL]I am aware there can be issues in IE7 with <div> tags inside <a> tags .. I tried replacing all the divs with span but no success.
View 2 Replies View RelatedI'm having an issue with my Jquery Acorddion, it does not seem to work in I.E8 but works fine in chrome and firefox.I have initialised the acordion using the following code:
Code JavaScript:
<script language="javascript" type="text/javascript">
$(function(){
[code]....
I'm coding a site with a four-stage accordion as a navigation sidebar. When a user clicks on an accordion stage, an image with a text link overlaid pops out from beneath.It's working fine in every browser except, natch, IE, and I'm flummoxed as to why.Here's the HTML for the accordion. There's a nav tag called #sidebar which contains two parts: an aside (#conditions) and the accordion (#navV). You can pretty much ignore #conditions, as it's #navV that's causing the headache, but I thought it prudent to include it anyway.
<nav id="sidebar">
<aside id="conditions">
<h3>Find out more about</h3>[code]....
As I said, working a charm in FF, Chrome, Opera, Safari. Just IE - you click on the <li><span> and nothing happens.
I followed a tutorial on here about Expanding Sliding Menu's or Accordion Menu's.Here is the script:
$(document).ready(function(){
$(".Left #SideCategoryList ul#parent-cats ul:not(:first)").hide();
$(".Left #SideCategoryList ul#parent-cats ul:visible").hide();
[code]....
[URL]
I have a tool tip on the bottom right pictures.
I added the slidedeck accordian...now only the accordian works..not the tooltip.
Im sure there is a way to combine the code...etc.
I created an accordion menu with rollover sub menus. My question is there a way to stop the rollover effect in the sub menus until the accordion animation is finished? When I click on a category link on the accordion the sub menu links flashes until the animation is done.
View 1 Replies View RelatedI'm trying to create a simple javascript accordion that will let me show/hide <p> paragraphs when I click on an <h2>. When the page is loaded, the <p> are automatically hidden. (This part works ok). When you click on the H2, I want the paragraphs to then appear. Something with the h2 onclick event or either the way I'm calling the DOM is not working. I was hoping for some help/guidance.HTML
Code:
<div id="content"> <h2>Header 1</h2> <p>Here is my header 1 paragraph</p> <h2>Header 2</h2> <p>Here is my header 2 paragraph</p> <h2>Header 3</h2> <p>Here is my header 3 paragraph</p> </div>
[code]....
[URL]The plugin is not working on firefox, other browsers ok.
View 1 Replies View RelatedI am trying to create a web application using ASP.NET MVC and I want add auto complete functionality to one of my text box. So I have added below C# code into my HomeController class to return the data as JSON objects.
public class HomeController : Controller
{
public ActionResult Index()
[code]....
I've inherited some code that uses the clock picker plugin however it doesn't seem to work in IE 8 and Firefox 3.5. This is the code for the picker.
$('<img/>')
.attr('alt', 'clockpicker')
.attr('src', '/community/tournamentsystem/images/clock.png')
.attr('class', 'ui-datepicker-trigger')
.attr('id', 'start_date_clockpicker')
.insertAfter('#id_start_date_1')
$('#start_date_clockpicker').clockpick({
valuefield: 'start_date_1',
military: true,
starthour: 0,
endhour: 23})
I have downloaded the latest version of the clockpicker but it still doesn't work in these browsers.
I am currently developing a site for a client which uses the JQuery cycle plugin to move through a number of divs which contain pictures and info about wedding dresses. All works fine in Firefox, but when I test in IE6 + IE7 the divs are all stacked on top of each other vertically and they soan right down the screen for 1000's of pixels. To me it seems like this is a problem with absolute/relative positioning or the z-index, I have also used a few floats in the child divs. I am also using SIFR for text replacement, could this be conflicting? Here is my code, can anyone see a problem that would cause my cycle not to work in IE.?
--------------
XHTML
--------------
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[Code].....
I've set up a simple form that validates then submits via Ajax using the jQuery Form Plugin by malsup. Everything is working now in FF, Chrome and Safari but it doesn't work in IE (7). I've just tried it out in Opera 10.6 and I get the same lack of functionality.
My relevant code includes.
My javascript:
$('#mt_survey').submit(function() {
if ( $("#mt_survey").valid() == true) {
$(this).ajaxSubmit({
target: '#messages',
success: function() {
$('#messages').fadeIn('slow');
}});
$( 'html, body' ).animate( { scrollTop: 0 }, "slow" );
} return false;
});
My form:
<form action="/php/survey_submit.php" id="mt_survey" name="mt_survey" method="post";>
...
...
</form>
My php file:
<?php $case_num = $_POST['case_num'];
$position = $_POST['position'];
....
?>
I should be more precise when I say it's not working in IE. When I click the submit button it runs the submit event, including the page scroll (which works). But all the $_POST's in the php file return null values. If I replace the ".ajaxSubmit()" with a "return true;" the normal submit event fires and everything works, but obviously without the ajax, which I need..
I have still to support IE6 and developping applications means min-/ max-width is often required. Therefore I used actually the jQMinMax plugin to make this work in IE6. Unfortunately this plugin is not working anymore with jQuery > 1.2.6. There seems to be a selector problem. Does anyone know how to fix the current plugin to get it work with 1.3.2?
View 3 Replies View RelatedI develop a website that relies on the Taconite plugin: Jquery Taconite Site The website works in all major browsers IE 6 - 8, Firefox, Chrome and safari. I am using JQuery 1.5.1 and Taconite 3.57 which are both the latest stable releases. As IE9 has now been offically released I decided to test the website within that browser however some elements of taconite seem to break. Here is the HTML page i am using for troubleshooting this problem, very basic.
<!DOCTYPE HTML>
<html
>
<head
>
<script
type
[Code]...
I have done what i THOUGHT was everything right. I downloaded the jquery min js file, then the galleria.jquery.js file.. Then i created a CSS called galleria.css and edited it to my liking and the ONLY thing that I can get is a BASIC gallery. It seems that the Java is not being read. The css creates the overall LOOK of it, but theres no HOVER, theres no FADE... nothing that the java would typically have done. I just REALLY need to figure out why this is not working.. i have tried it on both my dreamwevaer install AND tried for the heck of it just to upload it to my server and see if it was the local file paths that were causing the issue.. Apparently it was not the case. I get the same results when viewing the page!!
View 10 Replies View Relatedim trying to run .scrollto to jump from one div to the next with a smooth animation in a horizontal website. this is what the head tag looks like so far
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.scrollTo-1.4.2-min.js"></script>
<script src="scripts/jquery.localscroll-min.js" type="text/javascript"></script>
[code]....
i tried removing either local scroll or scrollTo and see if there was a conflict but that wasnt the case.
ive seen the script run on a webpage without having to add $.localScroll();to every link, right now it just doesn't move at all.
I have implemented the captify plugin on my website, and it works fine on my local machine. The problem is that when i place it online it no longer works.I have checked the paths to the js files, and I have checked the syntax of the references in the html, but I cannot find any problems with it.
View 2 Replies View RelatedI'm using a plugin called Quotator on a site I'm working on and it just doesn't work. I'm getting 404 errors on one of the .js files. The site is [URL]. It works offline, but not online.
View 6 Replies View RelatedI am using asp.net 4.0 and I have use FormView with JQuery Validation but thing is that when I close my Internet connection my browser will show offline. What can be be the problem and How to detect which thing is trying to connect Internet How can I solve it.
View 1 Replies View RelatedI am very new to JQuery and I honestly dont know much about JavaScript programming either.I have set up this website and in it I use 2 plug ins:2) easy slider (Easy Slider 1.7)The scrollbar plugin worked just fine but when I tied in the JQuery for easy slide, the scrollbar plugin stoped working. I am pretty sure that the problem is related to the 2 different JQuery versions that I try to bind in, or is it?.
View 1 Replies View RelatedI am trying to add a reflection to an image inside of a cycle slide show. reflection works fine until I add the slide show. The background of the reflection is white. I tried setting the background for the element to none !important but it didn't do the trick.
View 1 Replies View RelatedI was trying to get the tablesorter plugin working. I'm not working with flat data, but with database-data appended to a div by javascript. The tablesorter plugin is working with flat HTML data, but no with that dynamic data.
View 1 Replies View RelatedI want to use the Ajaxify-Plugin ( URL... ) for my new Website. It fits exactly my needs.Sadly the animations are not working correctly.When your Internet-connection is too fast, you don't see animations at all (on a local machine also). I putted up a demo: URL...The content is supposed to fade out, then the new content gets loaded and then this new content should fade in nicely again, like in my own example, which I got from a tutorial that is just using pure jQuery resources: URL... [code]
The author of the plugin himself is using a server delay to overcome the sideeffect ( URL... - click some links under "New v2 features"), but i think that's the wrong way to go for production.Sadly im not good enough in JavaScript-programming to tweak the plugin by myself, to get it to work like in the second example... I tried it now for 6 hours.I would really like to use Ajaxify, because it has all the features I need united in it. The only thing that is not working are this animations.