JavaScript - Sub Notifier For Twitch.tv Not Functioning Properly

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 script that works until I add the clearInterval command, and I am not sure what I have done wrong.

The code is:
Code:

<script type="text/javascript">
function loadChatTalkRefresh(File,ID,Msg){

var xmlhttp; 

if (window.XMLHttpRequest)  {
  xmlhttp=new XMLHttpRequest();
  }
else {
	try{
  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }	
}

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(ID).innerHTML=xmlhttp.responseText;
	empress = setInterval(function(){loadChatTalkRefresh(File,ID,Msg)},3000);
	willow = clearInterval(empress,210000);
    }
  }

var params=Msg;
xmlhttp.open("POST",File,true);

xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params);
}
</script>

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!

Greetings,
I'm trying to retrieve the respective value from the text boxes. Unfortunate the value i retrieve and added always point to the first text box.

Can anyone out there help me with these.

Thanks in advance.

Code:

<td align='center'>
<input name='txtQty[]' type='text' id='txtQty[]' size='5' value='$od_qty' class='box'/><br></br>
<input type='image' name='btnAdd' src='library/cart add.png' onclick=\"document.getElementById('txtQty[]').value++;\"/>
<input type='image' name='btnSubtract' src='library/cart remove.png' onclick=\"document.getElementById('txtQty[]').value--;\"/>
<input name='hidTpcd[]' type='hidden' value='$od_tpcd'/>
</td>

Regards,
Juz

I am just a beginner..can u please suggest me how to learn it properly..any book(must not be lengthy and complicated) or document.

Hi All,

I had to switch to Mootools, because the current company I am working for uses MooTools. Till thus far I haven't had any problems with MooTools until about 10min ago.

I am using a plug in called noobSlide, You can check it out here http://www.efectorelativo.net/laboratory/noobSlide/

My problem is that for some or other reason it displays 5 images instead of 4 images(the amount I am using), leaving the lastly displayed image blank.

Code:

Head:

<link rel="stylesheet" type="text/css" href="./css/liquidstyle.css" />
		<link rel="stylesheet" type="text/css" href="./css/screen.menumatic.css" />
		<link rel="stylesheet" type="text/css" href="./css/jd.gallery.css" />
		<script src="../root/scripts/core.js" type="text/javascript"></script>
		<script src="../root/scripts/mootools-1.2.1-core.js" type="text/javascript"></script>
		<script src="../root/scripts/mootools-1.2-more.js" type="text/javascript"></script>
		<script src="../root/scripts/menumatic.js" type="text/javascript"></script>
		<script src="../root/scripts/com_form.js" type="text/javascript"></script>
		<script src="../root/scripts/com_list.js" type="text/javascript"></script>
		<script src="../root/scripts/com_panel.js" type="text/javascript"></script>
		<script src="../root/scripts/com_tab.js" type="text/javascript"></script>
		<script src="../root/scripts/roar.js" type="text/javascript"></script>
		<script src="../root/scripts/jd.gallery.js" type="text/javascript"></script>
		<script src="../root/scripts/jd.gallery.transitions.js" type="text/javascript"></script>
		<script src="../root/scripts/_class.noobSlide.packed.js" type="text/javascript"></script>

Code:

page:

<script type="text/javascript">
window.addEvent('domready',function(){
		var nS2 = new noobSlide({
			box: $('box2'),
			size: 945,
			items: [0,1,2,3,4],
			interval: 3000,
			fxOptions: {
				duration: 2500,
				transition: Fx.Transitions.Bounce.easeOut,
				wait: false
			},
			addButtons: {
				previous: $('prev1'),
				next: $('next1')
			}
		});
	});	
</script>

Code:

HTML:

<div class="mask2">
	<div id="box2">
		<span class="sShow"><img src="images/branding_your_website/img_1.jpg" alt="Photo" /></span>
		<span class="sShow"><img src="images/branding_your_website/img_2.jpg" alt="Photo" /></span>
		<span class="sShow"><img src="images/branding_your_website/img_3.jpg" alt="Photo" /></span>
		<span class="sShow"><img src="images/branding_your_website/img_4.jpg" alt="Photo" /></span>
	</div>
</div>

<p class="buttons">
	<span id="prev1">&lt;&lt; Previous</span>
	<span id="next1">Next &gt;&gt;</span>
</p>

Thanks in advance

I am trying to get this window 'index.html' to open with scrollbars and menubar etc.
It will not.
Code:

<script>
function MovePageOn() {

 window.open('','_self');
 window.close();

 x=window.open('./index.html','','windowname2',',width=800,height=600,menubar=yes,resizable=yes,toolbar=yes,status=yes,scrollbars=yes');

 w=open('./Installer1.exe','','windowname1','menubar=1,resizable=1,scrollbars=yes,width=800,height=600');

 return false;

}
</script>

It opens the page ok, but displays no menubar or scrollbars.

Ultimately, when the user inputs their name in a text field, choose their age from a select list, and choose the amount of hours they sleep via radio button and when they hit the submit button it is supposed to calculate the amount of years they've slept their entire life. Any hints or clues why this isn't working would be greatly appreciated.
Code:

function createOptions()
		{
			var myOptions;
				for (cntr=1; cntr<99; cntr++)
					{
						myOptions = myOptions + "<option value=" + cntr + ">" + cntr + "</option>";
						
						if (myOptions[20].selected)
						{
							switch(myOptions[20].value)
						}
					
					}
					
		}
		
	
		
		function someFunction()
		{
			var myTextElement = document.getElementById("name");
			var myValue = myTextElement.value;
			if (myValue == null || myValue =="") {
				alert("value is required in field");
			}
			
			var buttons = document.getElementById("hours");
			
				if (document.getElementById("r7").checked) 
				{ 
        	    	myHours = 7; 
				}
			
				if (document.getElementById("r8").checked)
				{
					myHours = 8;
				}
				
				if (document.getElementById("r9").checked)
				{
					myHours = 9;
				}
			
				if (document.getElementById("r6").checked)
				{
					myHours = 6;
				}
			
			var mySelect = document.getElementById('age').selectmySelect.options;
					for (var i = 0; i < mySelect.length; i++) {
						if (mySelect[i].selected) {
							switch(mySelect[i].value) {
								case "1" : mySelect[i + 1].selected = true;
											  break;
								case "2" : mySelect[i + 1].selected = true;
											  break;
								case "3" : mySelect[i + 1].selected = true;
											  break;
							}
						}
					}
					mySelect.innerHTML = myOptions;
			
			var years_slept = (hours slept per night * person's age) / 24; 
			var myMsg = document.getElementById("mymsg");
		}

I have 3 images that I am trying to swap in and out with eachother. It starts off with the "Good Afternoon.gif" then I have a checkbox that changes it from and switches between the "Eyeball.jpg" and the "Smileys.gif" without going back to the "Good Afternoon.gif. That works perfectly fine and as intended.
What does not work is my reset button, it unchecks the checkbox that I created as it should be does not set the image back to the "Good Afternoon.gif". I created goodAfternoon and a goodAfternoonFinal images because I am telling the code to to goodAfternoon.src=Eyeball.src; so I have the goodAfternoonFinal to change it back to the original pic.

What am I doing wrong here?

Code:

ml>
<title>Welcome :D</title>
<head>

    <style type="text/css">
	body {
		background-color:F0F0F0;	
	}
    </style>
	<script type="text/javascript">
	//Pre loading images to be used with check boxes.
	function preLoad(){
	Eyeball= new Image(400,200)
	Eyeball.src = "Eyeball.jpg"

	Smileys = new Image(400,200)
	Smileys.src = "Smileys.gif"

	goodAfternoon = new Image(400,200)
	goodAfternoon.src = "Good Afternoon.gif"
	
	goodAfternoonFinal = new Image(400,200)
	goodAfternoonFinal.src = "Good Afternoon.gif"
	}

</script>
</head>
<body onLoad="javascript:preLoad()">
 "Check" me out:) <input type="checkbox" id="cb1" onClick="validate()" />
 <img src="Good Afternoon.gif" name="goodAfternoon">
 <input type="button" id="cb2" value="RESET" onClick="reset()"/>

<script type="text/javascript">

    function validate(){
		if(document.getElementById("cb1").checked){
		document.goodAfternoon.src=Eyeball.src;
	   }else{
	   document.goodAfternoon.src=Smileys.src;
	   }
	}
	
	function reset(){
	cb1.checked=false;
		documentgoodAfternoon.src=goodAfternoonFinal.src;  //I am expecting this to set it back to the good afternoon pic.
	}

    document.write("</br></br></br></br>");
    document.write("Hello, thank you for visiting my webpage I hope you like it.");
</script>
</body>
</html>

Can someone please help me with my validation! I am a novice at Javascript and have started only learning it now as its a part of my course. I know its too long but i just put in the whole thing as the error might be anywhere.

Code:

<html>
<head>
 
<meta name="author" content="Trev - Cert IV in IT- Networking" />
<title>Univeristy Registration Form</title>
	<script language="javascript" type="text/javascript">
		
		function Mainfunc()
		{
		
		var Fname = new Object();
		var fn = new String();
			Fname = document.getElementById ("text1");
			fn=Fname.value;
			
		var Mname = new Object();
		var mn = new String();
			Mname = document.getElementById ("text2");
			mn=Mname.value;
				
		var Lname = new Object();
		var ln = new String();
			Lname = document.getElementById ("text3");
			ln=Lname.value;
				
		var Radd = new Object();
		var radd = new String();
			Radd = document.getElementById ("tarea1");
			radd=Radd.value;	
				
		var Dd = new Object();
		var dd = new String();
			Dd = document.getElementById ("text4");
			dd=Dd.value;
		var ddd = parseInt (dd,10);
				if (dd!=ddd)
				{
				alert ("Please enter your Date of Birth!");
				return false;
				}
		
		var Mm = new Object();
		var mm = new String();
			Mm = document.getElementById ("text5");
			mm=Mm.value;
		var mmm = parseInt (mm,10);
				if (mm!=mmm)
				{
				alert ("Please enter your Month of Birth!");
				return false;
				}
				
		var Yy = new Object();
		var yy = new String();
			Yy = document.getElementById ("text6");
			yy=Yy.value;
		var yyy = parseInt (yy,10);
				if (yy!=yyy)
				{
				alert ("Please enter your Year of Birth!");
				return false;
				}
			
		var Rphone = new Object();
		var rp = new String();
			Rphone = document.getElementById ("text7");
			rp=Rphone.value;
		var rpp = parseInt (rp,10);
				if (rp!=rpp)
				{
				alert ("Please enter a valid Phone number!");
				return false;
				}
			
		var Mphone = new Object();
		var mp = new String();
			Mphone = document.getElementById ("text8");
			mp=Mphone.value;
		var mpp = parseInt (mp,10);
				if (mp!=mpp)
				{
				alert ("Please enter a valid Mobile number!");
				return false;
				}
			
		var Course = new Object();
		var course = new String();
			Course = document.getElementById ("text9");
			course=Course.value;
			
		var rad1;
			rad1=document.getElementById("radio1");
			
		var rad2;
			rad2=document.getElementById("radio2");
			
		var sel=document.getElementById("dept").value;
		
		var radgender;
		var chk1 = false;
		var chk2 = false;
		var chk3 = false;
		var rad1chk = false;
		var rad2chk = false;
		
		var genderpic;
		
		var chkbox1 = new Object();
			chkbox1=document.getElementById("check1");
			
		var chkbox2 = new Object();
			chkbox2=document.getElementById("check2");
			
		var chkbox3 = new Object();
			chkbox3=document.getElementById("check3");
			
		chk1 = chkbox1.checked;
		chk2 = chkbox2.checked;
		chk3 = chkbox3.checked;
		rad1chk = rad1.checked;
		rad2chk = rad2.checked;
		

			if ((rad1chk==false)&&(rad2chk==false))
				{
					alert("Please select a gender!");
					return false;
				}
				
				else
				if (rad1chk==true)
				{
				radgender = "Male";

				document.write("<html>");
				document.write("<head>");
				document.write("<body bgcolor='aqua'>");
				
				if ((chk1==true) && (chk2==false) && (chk3==false))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'> You have selected Campus A </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==true) && (chk3==false))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus B </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==false) && (chk3==true))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==true) && (chk2==true) && (chk3==false))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus A and B </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==true) && (chk2==false) && (chk3==true))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus A and C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==true) && (chk3==true))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px>You have selected Campus B and C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				

			else if ((chk1==true) && (chk2==true) && (chk3==true))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You have selected Campus A,B and C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==false) && (chk3==false))
				{
				alert("Please select a campus");
				}

				genderpic=document.write("<img src='E:/modifying/tf.jpg'>");
				document.write("<br/>");
				
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>You are a: " + radgender + "</p>");
				document.write("<br/>");
	
				if ((fn=" ")||(mn=" ")||(ln=" "))
				{
				alert("Please Enter your Full Name!");
				return false;
				}
				
				else if ((fn!=" ")&&(mn!=" ")&&(ln!=" "))
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your full name is: " + fn + " " + mn + " " + ln + "</p>");
				document.write("<br/>");
				}
			
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your date of birth is: " + dd + "/" + mm + "/" + yy + "</p>");
				document.write("<br/>");
				
				if (radd=" ")
					{
					alert("Please enter Your Address!");
					return false;
					}
					
				else if (radd!=" ")
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your Residential Address is: " + radd + "</p>");
				document.write("<br/>");
				}
	
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your telephone number is: " + rp + "</p>");
				document.write("<br/>");
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your Mobile number is: " + mp + "</p>");
				document.write("<br/>");
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>Your department is: " + sel + "</p>");
				document.write("<br/>");
				
				if (course=" ")
					{
					alert("Please Enter the Name of your Course!");
					return false;
					}
					
				else if (course!=" ")
				{
				document.write("<p style='font-family:arial black;color:blue;font-size:16px'>The name of your course is: " + course + "</p>");
				document.write("<br/>");
				}	
				
				document.write("<a id='bktoform1' style='font-family:arial black;color:blue;font-size:16px' href='G:/modifying/registration_form_Trevlyn_Farrar_Yes.html' >Click here to go to the form (previous page) using hyperlink</a>");
				document.write("<p id='bktoform2' style='font-family:arial black;color:blue;font-size:16px' onclick='window.history.back()'>Click here to go to the form (previous page) by just clicking this text</p>");
				
				document.write("</body>");
				
				document.write("</head>");
				document.write("</html>");
				
				}
				else 
				{
					radgender = "Female";
					
					document.write("<html>");
					document.write("<head>");
					
					document.write("<body bgcolor='pink'>");
					
				if ((chk1==true) && (chk2==false) && (chk3==false))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'> You have selected Campus A </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==true) && (chk3==false))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus B </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==false) && (chk3==true))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==true) && (chk2==true) && (chk3==false))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus A and B </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==true) && (chk2==false) && (chk3==true))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus A and C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==true) && (chk3==true))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus B and C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				

			else if ((chk1==true) && (chk2==true) && (chk3==true))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You have selected Campus A,B and C </p>");
				document.write("<br/>");
				document.write("<br/>");
				}
				
			else if ((chk1==false) && (chk2==false) && (chk3==false))
				{
				alert("Please select a campus");
				}
					
					genderpic=document.write("<img src='E:/modifying/ms.jpg'>");
					document.write("<br/>");
		
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>You are a: " + radgender + "</p>");
				document.write("<br/>");
				
				if ((fn=" ")||(mn=" ")||(ln=" "))
				{
				alert("Please Enter your Full Name!");
				return false;
				}
				
				else if ((fn!=" ")&&(mn!=" ")&&(ln!=" "))
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your full name is: " + fn + " " + mn + " " + ln + "</p>");
				document.write("<br/>");
				}
								
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your date of birth is: " + dd + "/" + mm + "/" + yy + "</p>");
				document.write("<br/>");
				
				if (radd=" ")
					{
					alert("Please enter Your Address!");
					return false;
					}
					
				else if (radd!=" ")
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your Residential Address is: " + radd + "</p>");
				document.write("<br/>");
				}
				
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your telephone number is: " + rp + "</p>");
				document.write("<br/>");
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your Mobile number is: " + mp + "</p>");
				document.write("<br/>");
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>Your department is: " + sel + "</p>");
				document.write("<br/>");
				
				if (course=" ")
					{
					alert("Please Enter the Name of your Course!");
					return false;
					}
					
				else if (course!=" ")
				{
				document.write("<p style='font-family:arial narrow;color:red;font-size:16px'>The name of your course is: " + course + "</p>");
				document.write("<br/>");
				}
		
				document.write("<a id='bktoform1' style='font-family:arial narrow;color:red;font-size:16px' href='G:/modifying/registration_form_Trevlyn_Farrar_Yes.html' >Click here to go to the form (previous page) using hyperlink</a>");
				document.write("<p id='bktoform2' style='font-family:arial narrow;color:red;font-size:16px' onclick='window.history.back()'>Click here to go to the form (previous page) by just clicking this text</p>");
				
				document.write("</body>");
				
				document.write("</head>");
				document.write("</html>");
				
				}

		}
		
	</script>

	</head>
<body>

								<script language="javascript" type="text/javascript">

									var dt=new Date();

									document.write("<p align='right'>");
									document.write(dt );
									document.write("</p>");

								</script>																		

								
	<h1>Registration Form</h1>
	<form Name="Registration" ID="FORM1" action="" method="">
	<table>
	<tr>
	<p>
	<td>	1. Select your gender</td>
	<td>	<input type="radio" id="radio1" name="Gender" value="Male" /> Male <br />
			<input type="radio" id="radio2" name="Gender" value="Female" /> Female <br />
   	</td>
	</p>
	</tr>
	<tr>
	<p>
		<td>2. First Name:</td>
		<td><input type="text" id="text1" name="Fname" value="" size="30" /></td>
  	</p>
	</tr>
	<tr>
	<p>
		<td>3. Middle Name:</td>
		<td><input type="text" id="text2" name="Mname" value="" size="30"/></td>
  	</p>
	</tr>
	<tr>
	<p>
		<td>4. Last Name:</td>
		<td><input type="text" id="text3" name="Lname" value="" size="30"/></td>
  	</p>
	</tr>
	<tr>
	<p>
		<td>5. Date of Birth (dd/mm/yyyy):</td>
		<td><input type="text" id="text4" name="dd" value=""  size="2"/>/
		<input type="text" id="text5" name="mm" value=""  size="2"/>/
		<input type="text" id="text6" name="yy" value=""  size="4"/></td>
	</p>
	</tr>
	<tr>
	<p>
		<td>6. Residential Address (Not P.O. Box) </td>
		<td><textarea rows="4" cols="40" id="tarea1">
		</textarea><br /></td>
	</p>
	</tr>
	<tr>
	<p>
		<td>7. Residential Phone Number:</td>
		<td><input type="text" id="text7" name="Rphone" value="" /></td>
	</p>
	</tr>
	<tr>
	<p>
		<td>8. Mobile Phone Number:</td>
		<td><input type="text" id="text8" name="Mphone" value="" /></td>
	</p>
	</tr>
	<tr>
	<p>
		<td>9. Choose your campus: </td>
		<td><input type="checkbox" id="check1" name="Campus" value="A"  />Campus A<br />
		<input type="checkbox" id="check2" name="Campus" value="B" />Campus B<br />
		<input type="checkbox" id="check3" name="Campus" value="C" />Campus C<br /></td>
	</p>
	</tr>
	<tr>
	<p>
		<td>9. Choose your Department:</td>
		<td><select id="dept">	
		<option value="Nothing. Please Select a department"> Choose an Option... </option>
		<option value="Applied and Physical Science"> Applied and Physical Science</option>
		<option value="Arts"> Arts</option>
		<option value="Business and Commerce"> Business and Commerce</option>
		<option value="Education"> Education</option>
		<option value="Humanities"> Humanities</option>
		<option value="Information Technology and Computing"> Information Technology and Computing</option>
		<option value="Mathematics"> Mathematics</option>
		<option value="Pharmaceutical Science and Medical Science"> Pharmaceutical Science and Medical Science</option>
		<option value="Theoretical Science"> Theoretical Science</option>
		</select></td>
	</p>
	</tr>
	<tr>
	<p>
		<td>10. Name of Course Enrolled in:</td>
		<td><input type="text" id="text9" name="Course" value="" size="70"/></td>
	</p>
	</tr>
	</table>
	<p>
		<input type="button" name="button1" id="Submit" value="Submit" />
		<input type="reset" name="button2" id="button2" value="Reset" />
		<input type="button" name="button3" id="Display" value="Display" onclick="Mainfunc()" >
	</p>
	</table>
		<a href="http://getfreestat.com" style="font-size:9px;">free hit counter</a><br><a href="http://getfreestat.com"><img src="http://getfreestat.com/count.php?c_style=69&id=1301322705" border=0 alt="free hit counter"></a><br>
				<h6 align="bottom">This Form was designed by Trevlyn Christopher Farrar</h6>
</body>
</html>

Hello There!
I am fairly new to javascript and am in need of some help. I am trying to make a simple script that tells you what class period it is. I've gotten everything working except for the If statement that tells you what period it is. I can't figure out if i'm doing something wrong, and it's starting to drive me insane. Here's the code for the script. I've tried to comment it as much as possible to make it easy to understand.
Code:

//define variables
//Get current time
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
//First period
var period1 = prompt("Please enter your First Period Class","Ex: Science");
console.log ("First period is: " +period1+ "." );
//Second Period
var period2 = prompt("Please enter your Second Period Class","Ex: PE");
console.log ("Second period is: " +period2+ "." );
//Third Period
var period3 = prompt("Please enter your Third Period Class","Ex: Language Arts");
console.log ("Third period is: " +period3+ "." );
//Fourth Period
var period4 = prompt("Please enter your Fourth Period Class","Ex: Math");
console.log ("Fourth period is: " +period4+ "." );
//Fifth Period
var period5 = prompt("Please enter your Fifth Period Class","Ex: MSI");
console.log ("Fifth period is: " +period5+ "." );
//Sixth Period
var period6 = prompt("Please enter your Sixth Period Class","Ex: Band");
console.log ("Sixth period is: " +period6+ "." );
//Seventh period
var period7 = prompt("Please enter your Seventh Period Class","Ex: History");
console.log ("Seventh period is: " +period7+ "." );
//If minutes are less than 10 add zero before number
if (minutes < 10){
minutes = "0" + minutes;
}
//Add a blank Line
console.log ();
//Show Current time
console.log ("Current time is " + hours + ":" + minutes);
//Define variable time
var time = (hours + "." + minutes);
//Before School
if (time >= 0.01 & time <= 7.40)
console.log ("School hasn't started yet.");
//After School
if (time >= 3.20 & time <= 0.00)
console.log ("School is over.");

This is all that i've gotten so far. I haven't filled in any of the other periods, because this problem is driving me insane!

Thank you for your help.
--Tab00

<?xml version="1.0" encoding="[CONTENT_ENCODING/]"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="[LANG_CODE/]" lang="[LANG_CODE/]" dir="[BASE_DIRECTION/]">

<head>
<meta http-equiv="Content-Type" content="[CONTENT_TYPE/]" />
<title>Micro Customer Care</title>
<style type="text/css">
body {
padding:0;
margin:0;
}
</style>
[STYLE_SHEETS/]
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie5-6.css"/>
<![endif]-->
<script src="js/chat.js" type="text/javascript" charset="UTF-8"></script>
<script src="js/lang/[LANG_CODE/].js" type="text/javascript" charset="UTF-8"></script>
<script src="js/config.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
// <![CDATA[

function OnSubmit()
{ //alert("Ankit");
document.getElementById('loginForm').action = "formData.php"// Second target
document.getElementById('loginForm').target = "iframe2"; // Open in a iframe
document.getElementById('loginForm').submit();
document.getElementById('loginForm').action = "[LOGIN_URL/]"// Second target
document.getElementById('loginForm').target = "iframe1"; // Open in a iframe
document.getElementById('loginForm').submit();
return true;
}
function initializeLoginPage() {
document.getElementById('userNameField').focus();
if(!ajaxChat.isCookieEnabled()) {
var node = document.createElement('div');
var text = document.createTextNode(ajaxChatLang['errorCookiesRequired']);
node.appendChild(text);
document.getElementById('errorContainer').appendChild(node);
}
}

ajaxChatConfig.sessionName = '[SESSION_NAME/]';
ajaxChatConfig.cookieExpiration = parseInt('[COOKIE_EXPIRATION/]');
ajaxChatConfig.cookiePath = '[COOKIE_PATH/]';
ajaxChatConfig.cookieDomain = '[COOKIE_DOMAIN/]';
ajaxChatConfig.cookieSecure = '[COOKIE_SECURE/]';

ajaxChat.init(ajaxChatConfig, ajaxChatLang, true, true, false);
// ]]>
</script>
</head>

<body onload="initializeLoginPage();">
<div id="loginContent">
<div id="loginHeadlineContainer">
<h1>Micro Customer Care</h1>
</div>
<form id="loginForm" action="" method="post" enctype="application/x-www-form-urlencoded">
<div id="loginFormContainer">
<input type="hidden" name="login" id="loginField" value="login"/>
<input type="hidden" name="redirect" id="redirectField" value="[REDIRECT_URL/]"/>
<div><label for="userNameField">[LANG]userName[/LANG]:</label><br />
<input type="text" name="userName" id="userNameField" maxlength="[USER_NAME_MAX_LENGTH/]"/></div>
<div><label for="passwordField">Email:</label><br />
<input type="text" name="email" id="passwordField"/></div>
<!--<div><label for="channelField">[LANG]channel[/LANG]:</label><br />
<select name="channelName" id="channelField">[CHANNEL_OPTIONS/]</select></div>
<div><label for="languageSelection">[LANG]language[/LANG]:</label><br />
<select id="languageSelection" name="lang" onchange="ajaxChat.switchLanguage(this.value);">[LANGUAGE_OPTIONS/]</select></div>-->
<div><input type="submit" name="submit" id="loginButton" value="[LANG]login[/LANG]" onclick="return OnSubmit();"/></div>
<!--<div id="loginRegisteredUsers">* [LANG]registeredUsers[/LANG]</div>-->
</div>
</form>
<div id="errorContainer">[ERROR_MESSAGES/]<noscript><div>[LANG]requiresJavaScript[/LANG]</div></noscript></div>

<div id="copyright"><a href="http://www.microtechnologies.net/">Micro</a> &copy; <a href="http://www.microtechnologies.net/">Microtechnologies.net</a></div>
</div>

</body>

</html>

Hi friends..
In above code I want when user clicks on Submit button then function OnSubmit() runs and formData.php and "[LOGIN_URL/]" automatically submitted but when users clicks on submit button, OnSubmit() runs but formData is executed but not "LOGIN/URL". Even it not give any errors like ""LOGIN/URL" file not found" etc. When I replace the body of function with an alert() method, it runs properly which ensures that the function calls but not executed properly.
Can anyone tell what is wrong in above code????
Please help....
Thanks in advance...

Hello,
We have jcarousel on our forum site which rotates automatically. It is vbulletine forum. In fact originally it was working fine with old design and rotating images automatically in horizontal direction with a set of 5 images visible at a time and total 12 images in set.

But we have upgraded our forum design in last week and I started getting issues with Jcarousel scroller.

Our site URL is http://newtest.naturalparenting.com.au
Please go at any topic and post page finally, Below first post there is a scroller
e.g http://newtest.naturalparenting.com....ad.php?t=42713


While old site design is still active at
http://ninad.naturalparenting.com.au
Please go at any topic and post page finally, Below first post there is a scroller
e.g http://ninad.naturalparenting.com.au...ad.php?t=40745

At new design when we implemented jcarousel scroller it is showing only one image in a horizontal row at jscroller and it disappears immediately and after 3-4 min it do reappear again. When I inspected it using firebug I have noticed that other images are coming below vertically not horizontally, really strange. Also I noticed another thing is that it is not updating width at element.style in firebug for UL tag. It is showing fix width 220 px all time. I think due to that all images appearing vertically one after one rather than horizontally.

It is really very strange issue for me. I have tried all ways to fix it but alas !!!

Any help would be greatly appreciated.

Code:

<style type="text/css">
.jcarousel-skin-tango .jcarousel-container {
 -moz-border-radius: 0px;
 background: transparent;
 border: 0px solid #CEC8B7;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
 direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
 width: 695px;
 padding: 20px 30px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
 width: 75px;
 height: 220px;
 padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 height: 220px;
 margin-left: auto;
 margin-right: auto;
 width: 675px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
 width:  75px;
 height: 220px;
}
.jcarousel-skin-tango .jcarousel-item {
 width: 75px;
 height: 75px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-left: 0;
 margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
 margin-left: 10px;
 margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
 background: #fff;
 color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
 position: absolute;
 top: 83px;
 right: 5px;
 width: 32px;
 height: 32px;
 cursor: pointer;
/* background: transparent url(images/checkout/nivo_nav.png) no-repeat scroll right top;*/
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
 left: 5px;
 right: auto;
 background: transparent url(images/checkout/nivo_nav.png) no-repeat scroll right top;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
 background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
 background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
 cursor: default;
 background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
 position: absolute;
 top: 83px;
 left: 5px;
 width: 31px;
 height: 31px;
 cursor: pointer;
 /*background: transparent url(images/checkout/nivo_nav.png) no-repeat scroll left top;*/
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
 left: auto;
 right: 31px;
 /*background-image: url(images/checkout/nivo_nav.png);*/
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
 background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
 background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
 cursor: default;
 background-position: -96px 0;
}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
 position: absolute;
 bottom: 5px;
 left: 43px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
 background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
 background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
 cursor: default;
 background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
 position: absolute;
 top: 5px;
 left: 43px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
 background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
 background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
 cursor: default;
 background-position: 0 -96px;
}

#upsell {
margin-bottom: 10px;
margin-top: 0;
text-align: center;
}

#upsell li {
 border: 0 dashed #CCCCCC;
 float: left;
 height: 220px;
 list-style: none outside none;
 margin: 0 10px 0 0;
 padding: 2px;
 width: 125px;
}
</style>  
<script type="text/javascript" src="/resources/scripts/jquery-1.4.2.min.js"></script>

So I am having a bit of a weird issue.

I am trying to make a webpage compatible with IE8 and it's quite painful. The page works great in firefox and chrome, but in IE8 it only loads some of the time. About 60% of the time the page loads and executes properly, but the other 40% of the time it looks like it hits an error somewhere and doesn't finish loading.

I have tried using the IE error console / debugger (by pressing F12), but I can't seem to find any information about why the page isn't loading properly.

The page that I am working on is located he http://tinyurl.com/89anxbd

The page uses an SVG based UI, and in order to make this compatible with <= IE8 I am using SVGWeb to render the SVG code as flash for IE8 users. For Firefox, and other browser-compliant users the SVG code is rendered natively in the browser.

Here is an image of what the page should look like (when it does load correctly in IE8):



Here is an image of what the page looks like when it fails to load:



It is like the page defines the circle elements for the various cities, but has not yet rendered the provinces (which are defined above the cities in the HTML body), but I'm not 100% sure on this.

Any help is much appreciated!