As stated my code works in Chrome but that's it. In IE and FF there are no errors but it only shows about 1/3 of the slide show and cuts the rest off. code...
I'm sure this is just a simple adjustment in width and height somewhere but I can't figure it out. Like I said, I have no errors I just can't get it to look like I want it. If I left anything out that is needed to troubleshoot this problem
[URL]
get this crossfading outside IE?
I have created awebpage here [URL] with an onmouseover slideshow, adapted from the Cut & paste Onmouseover Slideshow [URL] from Javascript kit
This works in IE8 but not in Firefox or Chrome.
I am using a jQuery Slideshow on a website homepage that I am helping to develop.
The homepage can be seen here: [URL].. This site is currently in production and I am trying to make some improvements at the moment. But I cannot understand why the slideshow isn't behaving correctly in Chrome. I'll tell you what it is supposed to do.
1) Page loads... slideshow begins to loop through 4 slides, each linking to an article on the website.2) When you click on a thumbnail on the right of the slideshow, it should bring that slide into focus - You can then click on the "Read More" link in the description at the bottom of the main photo to go to that article.
Now here is what it is actually doing. 1) Page loads - slideshow begins to loop through the 4 slides, this is working.2) Click on a thumbnail and it does focus on that slide but it only brings up the image... the section containing the information/description and the link to the article is missing.3) The slideshow then continues to loop through the slides as usual but each time it comes to the slide you previously brought into focus, the information at the bottom is missing.
I have checked in other browsers and this does not appear to be happening. I have also checked in earlier versions of Chrome and this did not happen - It is only happening with the latest version of Chrome.
I have a script a co-worker wrote and it works in FF and Chrome but IE will not work. Get's a 'activeTab' is null or not an object error, I checked for commas and fixed a semi-colon that was missing in two spots but not change in IE.
code below:
<table class="tan-header rounded-box" style="padding:0px;border:0px;width:560px" cellspacing=0 cellpadding=0>
<tr class="headerrow">
<td class="main">
[Code]....
Objective is to read from ticker.xml, parse, and set the html of headline1, headline2, headline3, etc. divs to the values of ticker.xml. This works great in IE 8 and FF but not in Chrome.
<script type="text/javascript">
$(document).ready(function()
{
$.ajax({
[Code]...
I am trying to do a setInterval to switch the background-image of a div. The switch will happen every second.
Here is the html code...
On firefox 6 and IE9, it switches just fine. On IE8 and Chrome it switches once and then stops.
Not sure why it is working in the newer browsers and not the older ones. I know there were some new javascript features added to the newer browsers, but i cant figure out where the error is occurring.
The following script works perfectly under FF and even IE, but doesn't do anything under ChromeIt's a simple chronometer (I'm a beginner) to calculate gold gained, at the rate of 7 per second.In the HEAD section
<script language="JavaScript">
<!--
var startTime = 0;
[code]....
I'm just starting JavaScript and wrote a quick script for Next/Back buttons for a page showing a family outing on our boat. I proudly uploaded the webpage and emailed it out, but people running IE are unable to use the buttons, they simply do nothing.Here is the .js file, I don't think anything in the HTML or CSS is causing the issue but could post those as well if necessary.
var step = 1;
//preload images
var numImages = 13;
[code]....
i got this javascript function which run perfectly in IE but does not work in Mozilla.
function Changed() {
var theGridView = document.getElementById('MainContent_GridViewRDR1_Hidden');
var sum = 0;
var total = 0;
[Code]....
I have used the following to create zoom button which work fine within Chrome but not Firefox.
HTML Code:
<input type="button" value="A" ONCLICK="zoomin();" class="zoombutton" >
<input type="button" value="a" ONCLICK="zoomout();" class="zoombutton" >
[code]....
I'm using this code:
javascript:
Code:
function showImg(img, width, height) {
gal = document.getElementById("galpic");
newl = Math.round((window.innerWidth - width) / 2);
[Code]....
My Javascript navigation bar works perfectly in IE and google Crome, but not in Firefox.
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function formHandler(strForm, strElement){
var URL =
[Code]...
just trying to get this to work. Code is inserted into document head. I am using this on a confirmation page that comes up after submitting a form, I want the page to redirect to the previous page. I am also wanting to add a timer indicator to the page as feedback to the user.
<script type="text/javascript">
redirTime = "5000";
redirURL = "history.go(-1)";
function redirTimer() { self.setTimeout("self.location.href redirURL;",redirTime); }
</script>
[Code]...
I have an issue with the append function. It works on chrome and firefox but not ie.This is my code:
$('a#ajouterTarification').click(function() {
$("#append_tarification").append($("<div>").load("./server/hotels-ajouter-tarifications.php?i="+i).fadeIn(700));
[code]....
I love the custom datepicker. It works and does not inhibit Spry in Firefox(3.6) and Chrome(10). However, it is notworking in IE (9,8.7), Safari (5) or Opera(11) with Spry Validate also inoperative - unless I remove the scripts calling the datepicker...then validate works, but the datepicker does not, of course. I do not use Spry Validate on date/datepicker field.This is way over my thick head.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
[code]....
I've been trying to load some tags using .load. I was testing with Chrome and never got any results back - I just tried the same code with Firefox and it works - where's the problem ? Am I doing something "almost" correct, that firefox allows and chrome doesn't? I cannot see any errors in the console either
Here's the line:
$("#somediv").load("somepage.html #someotherdiv");
<input type="hidden" id="rthread" value="1734">
<input type="hidden" id="disc" value="1">
<input type="hidden" id="numOfPages" value="2">
<input type="hidden" id="perPage" value="15">
<textarea id="rbody" rows="10" cols="70" placeholder="Your spin on things">
I've placed this on pages where a ^ top of page link at the bottom is present which animates a scroll back to the top of page, however it only seems to work in IE...
Code:
<script language="JavaScript" type="text/javascript" src="_include/_scripts/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
&& location.hostname == this.hostname) {
[Code]...
The following script grabs a string (*.abc.org, e.g. from &sid=xyz.abc.org) from the current URL and changes it (to ABC:abc.org). Everything works perfectly in IE, but Firefox and Chrome appear to get themselves into an endless loop. When I check the URL, xyz.abc.org has successfully been changed to ABC:abc.org, but the page just seems to keep refreshing over and over.
var tomatch = /abc.org/i;
var usrString = document.referrer;
var is_a_match = tomatch.test(usrString);
var newString = document.URL.replace(/[a-z]*.abc.org/, "ABC:abc.org"); if (is_a_match) {
window.location.replace(newString);
}
why the following works in IE but not the other browsers?
It's the "Select category..." jump menu at this URL: www.savasbeatie.com/books.htm
<TD>
<form name="whichCat" style="margin-bottom:0" method="get">
<select name="catChoice" onChange="sendValue(this);">
<option class="news4" value="javascript:location.reload(true)" selected>Select Category...</option>
[Code]....
I think it has something to do with the ID of the frame, (from Googling the error and reading some other posts,) but can't figure out where to put the tag.
I've written some Javascript to do a few small things on a page, and was excited that it actually worked, even in IE! until I tested in Safari-for-Windows and Chrome on Windows and Linux. I'm going to assume Safari on a Mac also won't run then.
I have a page with some forms. I need to grab the ones with an id starting with "formMaat" (may have a number after it), hide the submit button, and add an onchange event to the lone dropdown select in the form.
Safari and Chrome are removing the submit fine, so they are finding the forms ok.
The onchange event is just supposed to submit the form... I had to imitate the behaviour of the old site but make it accessible to those without JS.
I ended up using a closure to get the "form" passed to the select element because otherwise "form" was unknown... and I can't tell if that's maybe what's tripping up Saffy-Chrome or not. I set a breakpoint in Chrome's developer thingie but I can't figure out how to see the script run when I click on the select.
One of the pages currently: [URL]
The forms in question are on the right/main part of the page, where it says "maat:".
Code:
<form action="http://ishtml5readyyet.com/" method="get" id="formMaat">
<fieldset>
<legend><span>Kies een maat en krijg de juiste prijs en voorraadstatus</span></legend>
[Code]....
Do I really need that closure? When I didn't have it, optie.form.submit() or this.form.submit() did not run and I thought it should have, since "optie" was known... I thought ".form" would have just looked for that element's form anyway, but it didn't. *edit tried a simpler way, but still no love from Saffy-Chrome.
I know I don't need to really separate that function over to outside init, except who knows if later more events will need to trigger more weird stuff... so I'm trying to write safely.
I thought Safari and Chrome now have different Javascript engines?
[Code],,,,
It freezes in Internet Explorer; but works fine in Chrome.
I can click the next button and go forward until it reaches the last slide then it sticks. The Back button is also broken. This code works great with 1.3.1 and 1.2.6 but has the aforementioned bugs in 1.3.2....
$(document).ready(function() {
var fadeSpeed = 1000;
var currentSlide = 0;
var setSeconds = 1200;
[Code]....
My problem here is that I recently implemented a javascript slideshow for my page, but it only seems to work on Firefox and not on any other browser (such as IE and Safari).
Here's the page code...
Could anyone take a peek and see what's going on?
At my whits end with trying to get jquery cycle to play nice with IE and pngs. I know its the opacity issue but I just can't tweak it.Can someone please suggest a better solution for my slideshow? Check the link below to see what I have now. i would like something similar that is also clean.http://vismarkgroup.com/dev/vision/
View 3 Replies View Related