JavaScript - Broken Under New Msie Version

Hi,

i have a rating script which shows 5 stars and it allows users to vote out of 5 on certaiin things, the votes register ok but the stars dont change colour to show that the user has voted.

this has happened since my host upgraded to php 5.3 and i noticed on IE(which i never use much) it says there is an error on the page and that error says

Code:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Tue, 2 Feb 2010 20:00:42 UTC


Message: 'document.all[...]' is null or not an object
Line: 96
Char: 9
Code: 0
URI: rating.js

line 96 in the related file is
Code:

    }  else if(IE) {
        document.all[div2show].innerHTML = text;
    }

which only related to IE and not firefox so im unsure why my rating graphics do not show once selected.

here is the entire js file is there anything in there that might be preventing it?
Code:

/*
Page:           rating.js
Created:        Aug 2006
Last Mod:       Mar 11 2007
Handles actions and requests for rating bars.	
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

var xmlhttp
	/*@cc_on @*/
	/*@if (@_jscript_version >= 5)
	  try {
	  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
	 } catch (e) {
	  try {
	    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
	  } catch (E) {
	   xmlhttp=false
	  }
	 }
	@else
	 xmlhttp=false
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
	 try {
	  xmlhttp = new XMLHttpRequest();
	 } catch (e) {
	  xmlhttp=false
	 }
	}
	function myXMLHttpRequest() {
	  var xmlhttplocal;
	  try {
	    xmlhttplocal= new ActiveXObject("Msxml2.XMLHTTP")
	 } catch (e) {
	  try {
	    xmlhttplocal= new ActiveXObject("Microsoft.XMLHTTP")
	  } catch (E) {
	    xmlhttplocal=false;
	  }
	 }

	if (!xmlhttplocal && typeof XMLHttpRequest!='undefined') {
	 try {
	  var xmlhttplocal = new XMLHttpRequest();
	 } catch (e) {
	  var xmlhttplocal=false;
	  alert('couldn\'t create xmlhttp object');
	 }
	}
	return(xmlhttplocal);
}

function sndReq(vote,id_num,ip_num,units) {
	var theUL = document.getElementById('unit_ul'+id_num); // the UL
	
	// switch UL with a loading div
	theUL.innerHTML = '<div class="loading"></div>';
	
    xmlhttp.open('get', 'rpc.php?j='+vote+'&q='+id_num+'&t='+ip_num+'&c='+units);
    xmlhttp.onreadystatechange = handleResponse;
    xmlhttp.send(null);	
}

function handleResponse() {
  if(xmlhttp.readyState == 4){
		if (xmlhttp.status == 200){
       	
        var response = xmlhttp.responseText;
        var update = new Array();

        if(response.indexOf('|') != -1) {
            update = response.split('|');
            changeText(update[0], update[1]);
        }
		}
    }
}

function changeText( div2show, text ) {
    // Detect Browser
    var IE = (document.all) ? 1 : 0;
    var DOM = 0; 
    if (parseInt(navigator.appVersion) >=5) {DOM=1};

    // Grab the content from the requested "div" and show it in the "container"
    if (DOM) {
        var viewer = document.getElementById(div2show);
        viewer.innerHTML = text;
    }  else if(IE) {
        document.all[div2show].innerHTML = text;
    }
}

/* =============================================================== */
var ratingAction = {
		'a.rater' : function(element){
			element.onclick = function(){

			var parameterString = this.href.replace(/.*\?(.*)/, "$1"); // onclick="sndReq('j=1&q=2&t=127.0.0.1&c=5');
			var parameterTokens = parameterString.split("&"); // onclick="sndReq('j=1,q=2,t=127.0.0.1,c=5');
			var parameterList = new Array();

			for (j = 0; j < parameterTokens.length; j++) {
				var parameterName = parameterTokens[j].replace(/(.*)=.*/, "$1"); // j
				var parameterValue = parameterTokens[j].replace(/.*=(.*)/, "$1"); // 1
				parameterList[parameterName] = parameterValue;
			}
			var theratingID = parameterList['q'];
			var theVote = parameterList['j'];
			var theuserIP = parameterList['t'];
			var theunits = parameterList['c'];
			
			//for testing	alert('sndReq('+theVote+','+theratingID+','+theuserIP+','+theunits+')'); return false;
			sndReq(theVote,theratingID,theuserIP,theunits); return false;		
			}
		}
		
	};
Behaviour.register(ratingAction);

many thanks for any help
Luke

Some background might better help my actual problem. Feel free to address either with any relevant insights.

While attempting to create a greasemonkey script in FF2 (don't ask), I discovered that the "let" statement was causing my code to fail. After confirming that this statement has been available since FF2 (js engine 1.7) https://developer.mozilla.org/en/New_in_JavaScript_1.7, I became curious as one determines their javascript engine in FF.

IE has a way to inspect the jscript engine, ala http://msdn.microsoft.com/en-us/libr...8VS.80%29.aspx , but I couldn't find anything similar for FF. Feel free to list links for testing engines in other browsers, too.

I can't use irc at work, so it's good to know this place is still around for numb-nuts like me. :-)

Many, many thanks (in-advance).

i don't know what has changed in last releases of Firefox and Opera
but before i used this script to detect browser versions (IE, Opera, FF)
and block or redirect depending on version

Code:

 <script language="javascript">
 <!--

//Detect IE greater than 1 - we are blocking it completely
version=0
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE")
version=parseFloat(temp[1])
}
if (version>1)
window.location="ie-error.html"


//Detect Opera less than 10 (9.80)
if (navigator.userAgent.indexOf("Opera")!=-1){
var versionindex=navigator.userAgent.indexOf("Opera")+6
if (parseInt(navigator.userAgent.charAt(versionindex))<9.8)
window.location="op-error.html"
else (window.location="index2.html")
}

//Detect Firefox less than 3.6
if (navigator.userAgent.indexOf("Firefox")!=-1){
var versionindex=navigator.userAgent.indexOf("Firefox")+8
if (parseInt(navigator.userAgent.charAt(versionindex))<3.6)
window.location="ff-error.html"
else (window.location="index2.html")
}

// -->
</script>

it worked last with Opera 9.5, FF 3.0
but after that it doesnt work at all
Firefox'es version (3.6) doesn't get detected and is redirected to error page
same goes with Opera (9.8 which is 10.0-10.5)

can anyone tell me why this happens ?
or can anyone "fix it"

i know many people are against this kind of scripts (blockers and redirecters)
but i do it so people who come with older and less compatible browsers with
W3C standards to get warned so they don't load deformed page

I've got a style control for my website where the user can select text color and background color. Cookies then remember the selections.

The problem I have is when you select a text color the background color is changed instead of the text color.

After page refresh both the text and background colors are correct.

The error console reports a few errors in each js script. The errors all say 'sel is undefined' on line 7.

html:
Code:

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Style Control</title>
</head>
<body>


<p><b>Style Control</b></p>

<p>Text color: (Broke - Sets bg color insted, works after page refresh)</p>

<form onsubmit="return false;" action="">
	<script type="text/javascript" language="JavaScript" src="text_color.js"></script>
	<select name="color_select1" size="1" onchange="return setColor(this, global_name1)">
		<option style="background-color: white;" value="white">white</option>
		<option style="background-color: black; color: white;" value="black">black</option>
		<option style="background-color: seagreen;" value="seagreen">seagreen</option>
		<option style="background-color: springgreen;" value="springgreen">springgreen</option>
		<option style="background-color: royalblue;" value="royalblue">royalblue</option>
		<option style="background-color: skyblue;" value="skyblue">skyblue</option>
	</select>
</form>

<br /><br />

<p>Background color:</p>

<form onsubmit="return false;" action="">
	<script type="text/javascript" language="JavaScript" src="bg_color.js"></script>
	<select name="color_select2" size="1" onchange="return setColor(this, global_name2)">
		<option style="background-color: white;" value="white">white</option>
		<option style="background-color: black; color: white;" value="black">black</option>
		<option style="background-color: seagreen;" value="seagreen">seagreen</option>
		<option style="background-color: springgreen;" value="springgreen">springgreen</option>
		<option style="background-color: royalblue;" value="royalblue">royalblue</option>
		<option style="background-color: skyblue;" value="skyblue">skyblue</option>
	</select> 
</form>
		
		
</body>
</html>
		
	</body>
</html>

text_color.js :
Code:

var global_name1 = 'tcolor';
//
function getColor(sel, cookie_name) {
	var cookie_value = getCookie(cookie_name);
	if (!cookie_value) cookie_value = 'black';
	document.body.style.color = cookie_value;
	var opt = sel.options;
	var x, len = sel.length;
	for (x=0; x<len; x++) {
		if (opt[x].value == cookie_value) {
		opt[x].selected = true;
		break;
		}
	}
	return true;
}
getColor(document.forms[0].color_select1, global_name1);
//
function setColor(sel, cookie_name) {
	var opt = sel.options[sel.selectedIndex].value;
	var oneDay = 24 * 60 * 60 * 1000;
	var oneYear = 365 * oneDay;
	var expDate = new Date();
	expDate.setTime(expDate.getTime() + oneYear);
	setCookie(cookie_name, opt, expDate);
	return getColor(sel, cookie_name);
}
					
// ---------------------------------------- //
					
function getCookie(name) {
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	var i = 0;
	while (i < clen) {
	var j = i + alen;
	if (document.cookie.substring(i, j) == arg)
		return getCookieVal (j);
	i = document.cookie.indexOf(" ", i) + 1;
	if (i == 0) break;
	}
	return null;
}
function getCookieVal(offset) {
	var endstr = document.cookie.indexOf (";", offset);
	if (endstr == -1)
		endstr = document.cookie.length;
	return unescape(document.cookie.substring(offset, endstr));
}
function setCookie(name, value) {
	var argv = setCookie.arguments;
	var argc = setCookie.arguments.length;
	var expires = (argc > 2) ? argv[2] : null;
	var path = (argc > 3) ? argv[3] : null;
	var domain = (argc > 4) ? argv[4] : null;
	var secure = (argc > 5) ? argv[5] : false;
	document.cookie = name + "=" + escape (value) + 
		((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
		((path == null) ? "" : ("; path=" + path)) +  
		((domain == null) ? "" : ("; domain=" + domain)) +    
		((secure == true) ? "; secure" : "");
}
function delCookie(name) {
	exp = new Date();
	exp.setTime(exp.getTime() - (24*60*60*1000));
	var cval = getCookie(name);
	cval = (cval == null) ? "" : cval;
	document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

bg_color.js :
Code:

var global_name2 = 'bgcolor';
//
function getColor(sel, cookie_name) {
	var cookie_value = getCookie(cookie_name);
	if (!cookie_value) cookie_value = 'white';
	document.body.style.backgroundColor = cookie_value;
	var opt = sel.options;
	var x, len = sel.length;
	for (x=0; x<len; x++) {
		if (opt[x].value == cookie_value) {
		opt[x].selected = true;
		break;
		}
	}
	return true;
}
getColor(document.forms[0].color_select2, global_name2);
//
function setColor(sel, cookie_name) {
	var opt = sel.options[sel.selectedIndex].value;
	var oneDay = 24 * 60 * 60 * 1000;
	var oneYear = 365 * oneDay;
	var expDate = new Date();
	expDate.setTime(expDate.getTime() + oneYear);
	setCookie(cookie_name, opt, expDate);
	return getColor(sel, cookie_name);
}
	
// ---------------------------------------- //

function getCookie(name) {
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	var i = 0;
	while (i < clen) {
	var j = i + alen;
	if (document.cookie.substring(i, j) == arg)
		return getCookieVal (j);
	i = document.cookie.indexOf(" ", i) + 1;
	if (i == 0) break;
	}
	return null;
}
function getCookieVal(offset) {
	var endstr = document.cookie.indexOf (";", offset);
	if (endstr == -1)
		endstr = document.cookie.length;
	return unescape(document.cookie.substring(offset, endstr));
}
function setCookie(name, value) {
	var argv = setCookie.arguments;
	var argc = setCookie.arguments.length;
	var expires = (argc > 2) ? argv[2] : null;
	var path = (argc > 3) ? argv[3] : null;
	var domain = (argc > 4) ? argv[4] : null;
	var secure = (argc > 5) ? argv[5] : false;
	document.cookie = name + "=" + escape (value) + 
		((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
		((path == null) ? "" : ("; path=" + path)) +  
		((domain == null) ? "" : ("; domain=" + domain)) +    
		((secure == true) ? "; secure" : "");
}
function delCookie(name) {
	exp = new Date();
	exp.setTime(exp.getTime() - (24*60*60*1000));
	var cval = getCookie(name);
	cval = (cval == null) ? "" : cval;
	document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

Many thanks for any help.

Hello to all,

I think that you will frequently read this boring sentence: "Javascript does not work with Firefox".
Below a very very simple html with Javascript. Using MS IE v8 I have found that the code works very well. Filling nothings in the textfield "your name" and subsequently clicking on the button and a window will popup with the text "Sorry, you forget to: blah-blah ..."
However, using Firefox instead...it does not work. A bit remarkable; the Javascript is very easy!
Could you please check what went wrong?
I have activated Javascript in the Firefox browser and the security is ok for Javascript.

I hope that someone can provide me a useful hint.

Best regards,

Cornelis
The Netherlands - Gouda (yes, the town where cheese is inherently linked)


[CODE]

<html>

<head>

<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">



<title>Inloggen van een nieuw lid</title>

<script language = "Javascript">


function checkDate() {

var message = "Sorry, you forget to: \n";
var voornaam = document.getElementById("voornaam");
var result = true;


if (voornaam.value.length == 0) {

message+="- You have not typed your name\n";
result = false;}

if(!result) {alert(message)};
return result;



}

</script>

</head>

<body>
<FORM METHOD="post" name=CheckDate onsubmit="return checkDate(this);" >
<div style="position: absolute; width: 603px; height: 378px; z-index: 1; left: 30px; top: 13px" id="laag1">
<p align="center"><font face="Trebuchet MS" color="#00750F" size="5"><b>
Test</b></font></p>
<table border="0" width="100%" bgcolor="#C4FFC4" style="border-collapse: collapse" id="table3">
<tr>
<td>

</td>
</tr>
</table>
<p align="left">&nbsp;</p>
<table border="0" width="69%" id="table1" height="210" style="border-collapse: collapse">
<tr>
<td width="37%"><font face="Trebuchet MS">your name</font></td>
<td width="59%">
<p align="center"><input type="text" name="voornaam" size="25"></td>
</tr>

<tr>
<td colspan="2" height="90">
<p align="center">
<input type="submit" value="Register me" name="Registreren">
</td>
</tr>
</table>
<p>&nbsp;</p>

</div>

</body>
</form>

</html>

Hi all,

I'm currently working on a page that is presented to users which will check browser version, OS version etc.

I've managed to do all of these checks with JavaScript but I'm struggling to find out how (or even IF) I can get what version of Windows Media Player the user has installed. We're looking to see if they have WMP11 or greater.
The searching I've done has thrown up a couple of things (like a check to see if the version is 5.2 or 6.4 or higher by looking at mimeTypes).

Basically can anyone confirm if this is actually possible and if so any pointers would be appreciated.

Thanks in advance

Strings,, Broken Links, and Variables --HELP!

I have a page with over 600 lines of code that I need to fix,
the problem is as such:

The page contains about 200 links, the problem is that the link tags are all messed up,, instead of the URL's they all got replaced with xxxxx

so instead of: <a href="http://mystore.com/product1">product1</a>
it would read: <a href="http://mystore.com/xxxx">product1</a>

each product has to link to it's own page .... i.e:

product1 goes to /mystore.com/product1,,, and so on

I need help writing a script or performing some sort of function, that will take the text in between the <a></a> tags and insert it into it's own tag instead of the xxxxx

so it would see <a href="http://mystore.com/xxxx">BaseBall Gloves</a> and convert that line into <a href="http://mystore.com/BaseBall%20Gloves>BaseBall Gloves</a>

-- OUTPUTS: the ideal way would be if it could replace the existing source (kind of how you can do a find and replace),, if that's not possible, it would need to output all the existing source code with the modified <a> tags to a new window, and then I can copy that code into a new page.

I've tried using regular expressions and different functions but can't get it to work.

I really appreciate your help..

Thanks.

I have been modifying this form:
http://www.kartaway.com.au/form.html
to be part of an iPhone optimized site for the same client.

The modified form works, however it no longer stops emails being sent that do not have the required fields filled in.
The modified form is he
http://marketingandbranding.com.au/itest/icontact.html

The original is built using a table which I have removed and replaced with divs. Didn't think I'd left anything out which would matter but I guess I must have.

Please help, i don't really know any JavaScript except what I copy and paste.

A common javascript function that capitalizes input as user types (onkeypress) no longer works as of IE9. Need a function that also works in IE 9 that doesn't not change method call or interface (as it's used in 150 places throughout application).


CALL:
[CODE]
el.onkeypress = function(el) {
return c_capitalizeInput(el);
}
[CODE]
FUNCTION:
[CODE]
// Intercepts keyboard input and capitalizes keystrokes.
// Call with onkeypress="return capitalizeInput(event);"
// Compatible with both IE and Netscape/Mozilla
function c_capitalizeInput(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (window.event) {
// IE
if ((evt.keyCode >= 97) && (evt.keyCode <= 122)) {
evt.keyCode = evt.keyCode - 32;
}
return true;
} else if (evt.which) {
// Netscape and Mozilla
key = evt.which;
if ((key >= 97) && (key <= 122)) {
key = key - 32;
evt.target.value = evt.target.value + String.fromCharCode(key);
return false;
}
return true;
} else {
return true;
// Can't do anything for other browsers
}
}
[CODE]

Any suggestions to make this work in IE9?

Hey friends,

I'm not sure where to post this, so redirect me if there is a more appropriate location, please. I am having a very strange problem with a javascript gallery contained within a site I am working on. The problem is, that it broke (appears to be a non-working javascript) while transferring servers (from test server to client server). It makes me believe that it is a filepath problem, but I have checked over the filepaths, the javascript, the css, the html, substituted the new files back into the test server one by one, which, all work on the test server (and vice versa, the old files dont work on the new server)... and cannot seem to find the problem. I am using noobSlide gallery and have replaced the JS files incase they became corrupted in any way during the transfer. The website is located he

http://www.design-evolve.com

The gallery is located within Landscape-> Residential Landscape (under the Projects section). Once you reach the Residential Landscape, the Gallery is at the top of the page, and the arrows *should* scroll you through 5 images.

Can anyone give me a fresh set of eyes to see if I am overlooking something? Any help would be much appreciated.

Thanks,
-Andrew

I have created a program that works great but sometimes it does not finish. It is the exact same as the one we see in this forum when you want to insert an image into a forum post. The program takes in a users image url through prompt, then regenerates the information within the textbox with [img] tags. The problem is I try to do this once and it will work great, but then I will try it again and fill out all of the information the exact same way and nothing happens. By nothing happens I mean after I hit enter the text box will remain empty with no regenerated code. But if I do a page refresh it works. That leads me to believe there is nothing wrong with my code b/c I do it once and get a sound result, then again and get nothing. Anyone have any experience with broken programs like this before or any words of advice?

PHP Code:
<script language="javascript">
  function imgGenerator(){
      var question=confirm("Share a Picture?");
      if (question==true){
      var obj=document.getElementById("mngl-board-post-input");
      var imgurl = prompt('To Share an image paste the image url here \nSupport .jpg .jpeg .gif .bmp and .png');
      if (imgurl == "" || imgurl == null) {return false;} 
      var txt=document.createTextNode("[a][img]"+imgurl+"[/img][/a]");
      obj.appendChild(txt);
      }
      else {}
  }
  </script> 


PHP Code:
<a href="javascript:void(0);"  onClick="imgGenerator();"><img src="http://instride.org/images/image.png" alt="Share an Image"  /></a> 

Hi All,

I am working on a script that creates a table, taking the data from a number of text fields and populating the table cells with it. Originally I had to start with an existing table containing one blank row but I was able to get the script to create the table dynamically.

Unfortunately I seem to have broken my delete row function (this was working fine when the script started with an existing table). The error I am getting is:

TypeError: 'cells.0.childNodes' is null or not an object

I googled this but could not find anything to help. I don't have alot of javascript experience and need help from the experts.

Thanks in advance for all your help guys!

Kind regards,

Ken

Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>

</style>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />

</head>
<SCRIPT language="javascript">         
function addRow(tableID) {
    if (!document.getElementById(tableID)) {
        //alert("the table does not exist");
        var body = document.getElementsByTagName("body")[0];

        // creates a <table> element and a <tbody> element
        var tbl = document.createElement("table");
        var tblBody = document.createElement("tbody");
        var newRow = document.createElement("tr");
        
        // add the row to the end of the table body
        tblBody.appendChild(newRow);
        
        // put the <tbody> in the <table>
        tbl.appendChild(tblBody);
        
        // appends <table> into <body>
        body.appendChild(tbl);

        // sets the id of "dataTable" and border attribute of tbl to 0;
        tbl.setAttribute("id", "dataTable");
        tbl.setAttribute("border", "0");
        }

    var StartTime = document.getElementById('StartTime');
    var EndTime = document.getElementById('EndTime');
    var MaterialID = document.getElementById('MaterialID');
    var Title = document.getElementById('Title');               
    
    var table = document.getElementById(tableID);               
    
    var rowCount = table.rows.length;             
    var row = table.insertRow(rowCount);               
    
    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "checkbox";             
    cell1.appendChild(element1);               
    
    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");             
    element2.type = "text";
    element2.setAttribute("name","StartTime[]");
    element2.value = StartTime.value;             
    cell2.appendChild(element2);
    StartTime.value="";              
    
    var cell3 = row.insertCell(2);
    var element3 = document.createElement("input");             
    element3.type = "text";
    element3.setAttribute("name","EndTime[]");
    element3.value = EndTime.value;             
    cell3.appendChild(element3);
    EndTime.value=""; 

    var cell4 = row.insertCell(3); 
    var element4 = document.createElement("input");             
    element4.type = "text";
    element4.setAttribute("name","MaterialID[]");
    element4.value = MaterialID.value;            
    cell4.appendChild(element4);
    MaterialID.value="";               
    
    var cell5 = row.insertCell(4);
    var element5 = document.createElement("input");             
    element5.type = "text";
    element5.setAttribute("name","Title[]");
    element5.value = Title.value; 
    cell5.appendChild(element5);
    Title.value="";              
}           
function deleteRow(tableID) {
	if (document.getElementById(tableID)) {
    //alert("the table exists");
    try {             
        var table = document.getElementById(tableID);             
        var rowCount = table.rows.length;               
        for(var i=0; i<rowCount; i++) {                 
            var row = table.rows[i];                 
            var chkbox = row.cells[0].childNodes[0];                 
            if(null != chkbox && true == chkbox.checked) {                     
                table.deleteRow(i);                     
                rowCount--;                     
                i--;                 
            }               
        }             
    }catch(e) {                 
        alert(e);             
    }         
}
}        
</SCRIPT> 
<body>
<span id="spryStartTime">
<label for="StartTime">Start Time:</label><br />
<input name="StartTime" type="text" id="StartTime" tabindex="1" size="10" maxlength="8" />
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span><br />
<label for="EndTime">End Time:</label><br />
<span id="spryEndTime">
<input name="EndTime" type="text" id="EndTime" tabindex="2" size="10" maxlength="8" />
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span><br />
<label for="MaterialID">Material ID:</label><br />
<span id="spryMaterialID">
<input name="MaterialID" type="text" id="MaterialID" tabindex="3" size="10" maxlength="10" />
<span class="textfieldRequiredMsg">A value is required.</span></span><br />
<label for="Title">Title:</label><br />
<span id="spryTitle">
<input name="Title" type="text" id="Title" tabindex="4" size="50" maxlength="50" />
<span class="textfieldRequiredMsg">A value is required.</span></span><br />
    <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />       
    <INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />       

<script type="text/javascript" />
var sprytextfield3 = new Spry.Widget.ValidationTextField("spryStartTime", "time", {validateOn:["blur"], format:"HH:mm:ss", useCharacterMasking:true});
var sprytextfield4 = new Spry.Widget.ValidationTextField("spryEndTime", "time", {format:"HH:mm:ss", useCharacterMasking:true, validateOn:["blur"]});
var sprytextfield5 = new Spry.Widget.ValidationTextField("spryMaterialID", "none", {validateOn:["blur"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("spryTitle", "none", {validateOn:["blur"]});
</script>

</body>
</html>

Hi Guys,

This isn't the first time I've posted about cookies, and I apologize for that. My cookies were working perfectly until I made some changes to the site (ie. ran it through w3 validation). Now they aren't writing. I can't find any bugs with firebug, and I've tried following it through line by line. I expect my email validation is returning false, and I would really appreciate if you can help me find the bug.

Here's the code, which I call with onsubmit="return Getvalue()"

The rest of the page is at www.saverally.com

Code:

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }

 		 return true					
	}

function ValidateForm(emailID){
	//var emailID=document.frmSample.txtEmail
	
	if ((emailID.value==null)||(emailID.value=="")){
	showDialog('Uh-oh.','Our tech-pigeons say you must enter an email address.','success',3);
		emailID.focus()
		return false
	}
	if (echeck(emailID.value)==false){
		emailID.value=""
	showDialog('Uh-oh.','Our tech-pigeons say you must enter a "proper" email address.','success',3);
		emailID.focus();
		return false
	}
	return true
 }
/*Email Validation*/
function Getvalue()
{
var validation=ValidateForm(document.getElementById("email"));
if(validation==true)
{
user_email=document.getElementById("email").value;	
createCookie("userEmail",user_email,365);
document.addform.submit();
return true;
}
else
{
return false;
}
}
</script>

I need a script that will redirect to a specific page is the browser is safari version 4. if the browser is NOT safari 4 I want the browser to stay on the current page.

Hi All,

I have two sites using zeroclipboard (hosted at google code) one works only in firefox and barely, the other is not working at all. It does use Flash, but I think the issue is on the js side of things.

On both links, clicking the filename below the thumbnail will copy and add the link as an IMG code to a div below.

*working* link
http://pics.boasbysatyra.com/access/spiders.php
This one only works in FF, and the clip area is offset badly.

Here is the template for the zc code:

Code:

<div class="photo" style="float: left; padding: 4px;">
<div class="exif"><a href="[~41~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://pics.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>

And the JS for the page:

Code:

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}

Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');
function initMenu() {
    $('#menu ul').hide();
    $('#menu ul:first').show();
    $('#menu li a').click(function() {
        var checkElement = $(this).next();
        if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            //return false;
            }
        if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#menu ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
            return false;
        }
    });
}
$(document).ready(function() {
    initMenu();
});

Now on to the totally broken one - it creates the elements required, but gives them a 0x0 area!

http://jb.boasbysatyra.com/forum-pic...cs/nature.html

Code:

div class="photo" style="float: left; margin: 4px;">
<div class="exif"><a href="[~133~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
<div id="d_clip_container[+filename+]" style="position:relative; width: 120px; height: 0.5em;">
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://jb.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]','d_clip_container[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>
</div>

On this one I wrapped it as suggested on the zc site, I originally started with the code for the other site - it didn't work, so I went tweaking...

Here is the JS:

Code:

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}
Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){needRef = 0; window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');

$(document).ready(function() {
$(".dim img").fadeTo("slow", 0.65);
$(".dim img").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.65);
});
$('#mainContent').hide().fadeIn(1200);
        //When page loads...
        $(".tab_content").hide(); //Hide all content
//      $("ul.tabs li:first").addClass("active").show(); //Activate first tab
//      $(".tab_content:first").show(); //Show first tab content

        //On Click Event
        $("ul.tabs li").click(function() {

                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content

                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
        });

});
(function($) {
   $(document).ready(function(){
 $('.menu1').ptMenu();
       $('.menu2').ptMenu({vertical:true});
   });
})(jQuery);

I have taken a look at this for a few days and tried many things with no luck, any help is appreciated.

Thanks!