JavaScript - Doctype Stops This Js From Functioning In Ie

The issue I'm having is that the sound for the animation will not go off after the initial operation, every subsequent animation will be silent.

Here is the pastebin:

Pastebin.com

Keep in mind this is not my code and I privately contracted someone out to do this. They are not responding and will not help at this point. I will try to answer any question you may have to the best of my ability.

on this site. There are no validation errors. firebug says my linkOut function is not defined... but I have this:

Code:

function linkOut(link)
{
     var image = link.getElementsByTagName("IMG")[0];
    image.src = image.src.replace("H2.png","H.png");
}

not sure where to go from here.

I have a CMS that was built for our company website that relies on some JS to upload media through a regular browser directly to be displayed on our site. There is a button one clicks to upload video. When clicked the file browser on your computer is supposed to pop-up so you can choose the media you would like to upload.

This button no longer is responsive on any of my 12 mac desktops in any common browser nor my mac laptop which is on a different OS X version.

Any ideas?

Here is the script from the page:

[CODE] <script type="text/javascript">
var upload1;

window.onload = function() {
upload1 = new SWFUpload({
// Backend Settings
upload_url: "/08/assets/includes/php/uploadGall.php?id=<?php echo $id; ?>", // Relative to the SWF file (or you can use absolute paths)
post_params: { "PHPSESSID" : "<?php echo session_id(); ?>"},

// File Upload Settings
file_size_limit : "3102400", // 100MB
file_types : "*.*",
file_types_description : "All Files",
file_upload_limit : "1",
file_queue_limit : "1",

// Event Handler Settings (all my handlers are in the Handler.js file)
file_dialog_start_handler : fileDialogStart,
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler : fileDialogComplete,
upload_start_handler : uploadStart,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,

// Flash Settings
flash_url : "/08/assets/includes/js/swfupload/swfupload_f8.swf", // Relative to this file (or you can use absolute paths)

swfupload_element_id : "flashUI1", // Setting from graceful degradation plugin
degraded_element_id : "degradedUI1", // Setting from graceful degradation plugin

custom_settings : {
progressTarget : "fsUploadProgress1",
cancelButtonId : "btnCancel1"
},

// Debug Settings
debug: false
});
};
var n=new Date().getTime();var c=escape(n*1000+Math.round(Math.random()*1000));

$(document).ready(function() {
$('#nav_entry div.sub').each(function(i) {
$(this).hide();
});
$('#nav_entry div.title').each(function(i) {
$(this).click(function() {
$(this).siblings('.sub').slideDown('fast');
$(this).parent().siblings('.ne').children('.sub').slideUp();
});
});
$('img.mover').hide();


<?php if(!$errors) { ?>
$("#addEntry").hide();
$("a#nevermind_post").hide();
<?php } else { ?>
$("a#add_driver_btn").hide();

<?php } ?>
$("a#add_driver_btn").click(function() {
$(this).hide();
$("a#nevermind_post").show();
$("#addEntry").slideDown('slow');
});

$("a#nevermind_post").click(function() {
$(this).hide();
$("a#add_driver_btn").show();
$("#addEntry").slideUp('slow');
});
});
</script>[CODE]




And here is where the button lies in the page:

[CODE] <input type="button" value="Upload file (Max 200 MB)" onclick="upload1.selectFiles()" style="font-size: 8pt;" />[CODE]


THANKS!

Is there a way to bounce my image scroller back to the left using object.watch() or something?!
at the moment, it reaches the end and stops

here is my code from www.dyn-web.com
Code:

/*************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2001-4 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

/* dw_hoverscroll.js  version date: June 2004 
   mouseover scrolling for dw_scrollObj (in dw_scrollObj.js)  */

dw_scrollObj.stopScroll = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].endScroll();
}

// increase speed onmousedown of scroll links
dw_scrollObj.doubleSpeed = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed *= 2;
}

dw_scrollObj.resetSpeed = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed /= 2;
}

// algorithms for time-based scrolling and scrolling onmouseover at any angle adapted from youngpup.net
dw_scrollObj.initScroll = function(wnId, deg, sp) {
  if ( dw_scrollObjs[wnId] ) {
    var cosine, sine;
    if (typeof deg == "string") {
      switch (deg) {
        case "up"    : deg = 90;  break;
        case "down"  : deg = 270; break;
        case "left"  : deg = 180; break;
        case "right" : deg = 0;   break;
        default: 
          alert("Direction of scroll in mouseover scroll links should be 'up', 'down', 'left', 'right' or number: 0 to 360.");
       }
    } 
    deg = deg % 360;
    if (deg % 90 == 0) {
      cosine = (deg == 0)? -1: (deg == 180)? 1: 0;
      sine = (deg == 90)? 1: (deg == 270)? -1: 0;
    } else {
      var angle = deg * Math.PI/180;
      cosine = -Math.cos(angle); sine = Math.sin(angle);
    }
    dw_scrollObjs[wnId].fx = cosine / ( Math.abs(cosine) + Math.abs(sine) );
    dw_scrollObjs[wnId].fy = sine / ( Math.abs(cosine) + Math.abs(sine) );
    dw_scrollObjs[wnId].endX = (deg == 90 || deg == 270)? dw_scrollObjs[wnId].x:
      (deg < 90 || deg > 270)? -dw_scrollObjs[wnId].maxX: 0; 
    dw_scrollObjs[wnId].endY = (deg == 0 || deg == 180)? dw_scrollObjs[wnId].y: 
      (deg < 180)? 0: -dw_scrollObjs[wnId].maxY;
    dw_scrollObjs[wnId].startScroll(sp);
  }
}

// speed (optional) to override default speed (set in dw_scrollObj.speed)
dw_scrollObj.prototype.startScroll = function(speed) {
  if (!this.ready) return; if (this.timerId) clearInterval(this.timerId);
  this.speed = speed || dw_scrollObj.speed;
  this.lyr = document.getElementById(this.lyrId);
  this.lastTime = ( new Date() ).getTime();
  this.on_scroll_start();  
  this.timerId = setInterval(this.animString + ".scroll()", 10); 
}

dw_scrollObj.prototype.scroll = function() {
  var now = ( new Date() ).getTime();
  var d = (now - this.lastTime)/1000 * this.speed;
  if (d > 0) {
    var x = this.x + this.fx * d; var y = this.y + this.fy * d;
    if (this.fx == 0 || this.fy == 0) { // for horizontal or vertical scrolling
      if ( ( this.fx == -1 && x > -this.maxX ) || ( this.fx == 1 && x < 0 ) || 
        ( this.fy == -1 && y > -this.maxY ) || ( this.fy == 1 && y < 0 ) ) {
        this.lastTime = now;
        this.shiftTo(this.lyr, x, y);
        this.on_scroll(x, y);
      } else {
        clearInterval(this.timerId); this.timerId = 0;
        this.shiftTo(this.lyr, this.endX, this.endY);
        this.on_scroll_end(this.endX, this.endY);
      }
    } else { // for scrolling at an angle (stop when reach end on one axis)
      if ( ( this.fx < 0 && x >= -this.maxX && this.fy < 0 && y >= -this.maxY ) ||
        ( this.fx > 0 && x <= 0 && this.fy > 0 && y <= 0 ) ||
        ( this.fx < 0 && x >= -this.maxX && this.fy > 0 && y <= 0 ) ||
        ( this.fx > 0 && x <= 0 && this.fy < 0 && y >= -this.maxY ) ) {
        this.lastTime = now;
        this.shiftTo(this.lyr, x, y);
        this.on_scroll(x, y);
      } else {
        clearInterval(this.timerId); this.timerId = 0;
        this.on_scroll_end(this.x, this.y);
      }
    }
  }
}

dw_scrollObj.prototype.endScroll = function() {
  if (!this.ready) return;
  if (this.timerId) clearInterval(this.timerId);
  this.timerId = 0;  this.lyr = null;
}

dw_scrollObj.prototype.on_scroll = function() {}
dw_scrollObj.prototype.on_scroll_start = function() {}
dw_scrollObj.prototype.on_scroll_end = function() {}

My website is all up and running and I decided to put a new image viewing script on, I already had a revolving image script showing all my previous work before but the latest script has totally stopped the previous from working. You can view what I mean at www.actioncomputing.co.uk

I am using 2 scripts both available on Dynamic Drive they are


Lightbox image viewer 2.03a

Ultimate Fade-in slideshow (v2.1)

If anyone can tell me why this is I would be extremely gratefull.

I have a clock that works onbodyload, however using the below function on the same page, stops my clock even coming up, any help would be great.

Code:

  <script language="JavaScript">
var HAS_EXPIRED = 'Time has Expired!';
var IS_NONE = 'None';
function secondCountdown(s){
	
	if(s){
		
		var timeleft = document.getElementById('timeleft').innerHTML;
		
		if((timeleft == HAS_EXPIRED) || (timeleft == IS_NONE)) return false;
		
		timeleft = timeleft.replace('<font>', '');
		timeleft = timeleft.replace('</font>', '');
		
		var time = timeleft.split(":");
		
		var secs = time[2] * 1;
		var mins = time[1] * 1;
		var hrs = time[0] * 1;
		
		secs += (mins * 60) + (hrs * 3600);
		secs -= 1;
		
		if(secs <= 0){
			
			document.getElementById('timeleft').innerHTML = HAS_EXPIRED;
			return false;
			
		} else {
			
			hrs = Math.floor(secs/3600);
			secs -= (hrs * 3600);
			
			mins = Math.floor(secs/60);
			secs -= (mins * 60);			
							
			if(hrs < 10)	hrs = '0' + hrs;
			if(mins < 10)	mins = '0' + mins;			
			if(secs < 10)	secs = '0' + secs;
					
			document.getElementById('timeleft').innerHTML = hrs + ':' + mins + ':' + secs;
			
		}
		
	}
	
	setTimeout('secondCountdown(true)',1000);
	
}

bootloaderAdd('secondCountdown()');
bootloaderOn();

</script>

I'm trying to create a navigation bar with four elements. If the element is currently selected it will have a "red" background image, if it is one of the other 3, it will have a "black" background image. my four tabs are 'timetable, homework, notifications and sport' I tried making 8 functions like the 2 below

Code:

function setTimeRed() 
{
    document.getElementById("time").style.ClassName = 'timetable_r';
}

function setTimeBlack() 
{
    document.getElementById("time").style.ClassName = 'time_r';
}

And then four blocks like this:


Code:

function changeTimeButton()
{
    var timePath = new String();
    timePath = document.getElementById("timetable").style.backgroundImage;

    if(timePath == "url(assets/img/tabs/time_black.png)" || timePath == "")
    {
        setTimeRed();
        setHomeBlack();
        setNotiBlack();
        setSportBlack();
    }
    else {

    }  
}

finally, my html has this:


Code:

<div id="tabbar">
            <ul id="tabs">

                <a href"#" onclick="changeTimeButton()">
                    <li id="timetable" class="time_b">
                        <p>Timetable</p>
                    </li>
                </a>

                <a href"#" onclick="changeHomeButton()">
                    <li id="homework" class="home_b">
                        <p>Homework</p>
                    </li>
                </a>

                <a href"#" onclick="changeNotiButton()">
                    <li id="notifications" class="noti_b">
                        <p>Notifications</p>
                    </li>
                </a>

                <a href"#" onclick="changeSportButton()">
                    <li id="sport"  class="sport_b">
                        <p>Sport</p>
                    </li>
                </a>

            </ul>

        </div>

It works once then does nothing. Why, and how would I go about fixing this?? Please help!

http://rs-downfall.com/scripts/graph/players.php

I have this page.. If you view the source there is more data in the dataset than is being displayed on the graph.. Anyone know what the problem is?

Hey everyone,

I have a page where I call two external javascript files, and they work perfectly when I have all the files on my desktop. But once I transferred all the files into a folder, the scripts stop working. What's going on?!

EDIT: Nevermind. I just forgot to relocate my jquery file!

I have a simple mobile app designed using PhoneGap. I am some mp3 in it and I am using the Media plugin of PhoneGap. Everything is working fine, the audio is playing and so on.

The issue, I noticed after playing 8-12 times, the audio stops playing. I do not get sound. Here are my codes:

Code:

<script>
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {}

    // Audio player
    var media = null;
    var audioP = false;

    // Play audio
    function playAudio(src) {
        if (audioP === false) {
        media = new Media(src, onSuccess, onError);
        media.play();
        audioP = true;

    } else {
        media.release();
        }
    }

    // onSuccess Callback
    function onSuccess() {
        console.log("playAudio():Audio Success");
        audioP = false;
    }

    // onError Callback
    function onError(error) {}      
    </script>

Help!

My bad if this was answered somewhere else. I did search the forums but was unable to locate an answer (It is kind of a specific question)

I have an odd problem. I have the following clock script:

Code:

function Clock()
{
     var today=new Date();
     var h=today.getHours();
     var m=today.getMinutes();
     var s=today.getSeconds();
// add lead zeros to numbers less than 10
     h=checkTime(h);
     m=checkTime(m);
     s=checkTime(s);
     document.getElementById('Clock').innerHTML=h+":"+m+":"+s;
     t=setTimeout('Clock'), 500);
}

function checkTime(i)
{
     if (i<10)
       {
         i="0" + i;
       }
     return i;
}

Loaded at the page load and assigned to a div:

Code:

<body onLoad = "Clock();">

<!--the clock-->
<div align = "right" id = "Clock"></div>

With this style applied:

Code:

#Clock {font-size: 30pt;
            position: fixed;
            top: 0px;
            right: 0px;
            background: #ffffff;
            z-index: 3;
           }

The problem I've run into is this: In Chrome, whenever I scroll down, even by just one tap/click of the down arrow, the clock stops updating the time in, pardon the pun, real-time. But the second I scroll completely to the top of the page, it goes back to counting. I tested in the current (as of Nov 20th 2010) versions of FireFox, Opera and IE9 and the only browser that seems to produce this problem is Chrome. Any ideas?

Hi All,

I have written a chrome extension which will redirect to all hrefs for a given source urls in current tab.. But i don't know why all of a sudden it stops executing after reaching some page. I am attaching my code as attachment.
Can any one help me out.

Thanks in advance.

We have a testing application that displays a timer on the screen using Javascript. It seems to be working very well. However, someone brought to my attention today that if you click-and-hold the browsers close button in the upper right corner (the X button in Windows) that the timer will stop. You can then slide your mouse cursor off of the button, and the browser will not close, but the timer was stopped for the entire time that the button was being held down. This also works for the Minimize and Maximize buttons.

Is there any way at all to take care of this problem?

Thanks,
Jesse

Hey guys, so I'm trying to make a single function that will check to make sure the e-mails in both fields match AND to make sure the e-mail is in proper format. Strangely, with both if statements included the form will return no messages at all. If I comment out the if statement checking for proper format, the if statement to check for matching e-mail works just fine.

I want this all to be in one function because I'm wanting it to be executed onSubmit with the form. Let me know what you guys think, any help is greatly appreciated:

Code:

<html>

<head>
<script type="text/javascript">
	function verifyEmail()
	{
			var x = document.forms["emailForm"]["enterEmail"].value;
			var y = document.forms["emailForm"]["confirmation"].value;
			var atpos = x.indexOf("@");
			var dotpos = x.lastIndexOf(".");
			
				if (x != y) {
					  var msg = "The email addresses entered do not match, please enter matching email addresses";
					  document.getElementById("error").innerHTML = msg;
					  return false;
				}
			
				if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 > = x.length) {
					  var msg = "Improper e-mail format";
					  document.getElementById("error").innerHTML = msg;
					  return false;
				}
				
				else {
					return;
				}
	}
</script>
</head>

<body>

	<form name="emailForm" onsubmit="return verifyEmail();" method="post">
		E-Mail Address: <input type="text" name="enterEmail">
		Confirm E-Mail Address: <input type="text" name="confirmation">
		<input type="submit" value="Submit"> <span id="error"></span>
	</form>
	
</body>

</html>

I have a simple function to display an image when called, but if I try to rewrite the function to take the image as an argument, it stops working. I've looked at other function examples on the web but can't figure out what I am missing. Can anyone help?

works: Code:

<html>
<script language="JavaScript">
var ImagePlusSign = '<img src="plus.jpg" name="slide" width="65" height="50"/>';

function FlashImagesThenWait() 
{
document.getElementById("first").innerHTML =  ImagePlusSign 
} 
setTimeout(FlashImagesThenWait, 1500);
</script>
<body>Hello.
<div id="first">
</div>
</body>
</html>

does NOT work :
Code:

<html>
<script language="JavaScript">
var ImagePlusSign = '<img src="plus.jpg" name="slide" width="65" height="50"/>';

function FlashImagesThenWait(z) 
{
document.getElementById("first").innerHTML =  z
} 

setTimeout(FlashImagesThenWait(ImagePlusSign), 1500);
</script>
<body>Hello.
<div id="first">
</div>
</body>
</html>