I'm bumping this with a little more specific information:
1) the problem is IE specific and is limited to the fact that it requires three clicks to act as two clicks.
1.1) The code that reads the clicks is as follows:
Element You are Clicking on (this is only the table tag for that element. I'm including all of the php surrounding it just incase there is a problem there for some reason:
$output.= '<table id="fol'.$id.'" background="'.$ROOT.'/res/img/folder.gif" style="width: 98px; height: 98px; border:1px solid #ccc; cursor: pointer;" cellpadding="0" cellspacing="0" onClick="Set_Count(this.id, \''.$description.'\', \'gallery.php?folder='.$folder.'\', \'main\')">';
and here is the JS that receives these clicks.
(again, i'm including all of the JS on the page so you can see the other functions this is interacting with. Note, I have alot of debug code in here because i've been activly trying to figure out whats going on.)
<script language="JavaScript" type="text/javascript">
if(document.all){ var ct = 400; } else { var ct = 300; }
var cc=0;
cc++;
cc--;
var to;
var onE;
document.onclick=function(){ Set_Count('null', 'null', 'null', 'null', 'null'); onE=false; }
function test(id, c){
var e = document.getElementById(id);
e.style.padding = "0px";
e.style.border = "2px solid " + c;
}
function Set_Count(id, desc, loc, frame, obj){
if( (id != 'null') && (desc != 'null') && (loc != 'null') && (frame != 'null') ){
if (obj!='null'){
clearTimeout(to);
cc++; // increase Count value by 1
if(document.all){cc++;}
var d = document.getElementById('test');
d.innerHTML = cc;
/* test */ if(cc == 1){ var c = 'red'; } else { var c = 'green'; }
test(id, c);
to=setTimeout(function(){Check_Count(id, desc, loc, frame);},ct);
onE=true;
}
}
if (!onE){
unHLElement();
}
}
function Check_Count(id, desc, loc, frame){
if(cc==1){
HLElement(id, desc);
} else if(cc==2){
test(id, 'blue');
//gotoLoc(loc, frame);
}
cc=0; // reset Count value
}
function setView(view){
var MyUrl = new String(parent.frames['main'].location.href);
var queryString = MyUrl.split('?');
var vars = queryString[1].split('&');
var myVar = new Array();
var set = 0;
for(i = 0; i < vars.length; i++){
var tempVar = vars[i].split('=');
myVar[i] = new Array(2);
if( tempVar[0] == 'view' ){
myVar[i][0] = tempVar[0];
myVar[i][1] = view;
set = 1;
} else {
myVar[i][0] = tempVar[0];
myVar[i][1] = tempVar[1];
}
}
var newUrl = '?';
for(j = 0; j < myVar.length; j++){
newUrl+=myVar[j][0]+"="+myVar[j][1];
if(j != myVar.length-1){ // last element.
newUrl+="&";
}
}
if(set == 0){
newUrl+="&view="+view;
}
var url = queryString[0] + newUrl;
gotoLoc(url,'main');
}
function HLElement(id, desc){
unHLElement();
//clearTimeout(cto);
//clearDetails(id);
var e = document.getElementById(id);
e.style.padding = "0px";
e.style.border = "2px solid #A7BE86";
parent.frames['left_side'].setInnerHTML('jar_body_Details',desc);
}
function unHLElement(){
<?
// get the total number of folders.
$fc = 0;
$FileHandle=opendir($IMG_DIR);
while ( false !== ($folder = readdir($FileHandle))) {
if( (is_dir($IMG_DIR.$folder)) && ($folder != '.') && ($folder != '..')) { // Filter out the '.' and '..' entrys
$fc++;
}
}
?>
for(i=0;i<<? print $fc; ?>;i++){
var id = "fol"+i;
var e = document.getElementById(id);
e.style.border = "1px solid #ccc";
e.style.padding = "1px";
}
parent.frames['left_side'].setInnerHTML('jar_body_Details','<? print $detailsStart; ?>');
}
function gotoLoc(url, frame){
parent.frames[frame].location = url;
}
/*function clearDetails(id){
cto = window.setTimeout(function(){ unHLElement(id); }, 60000);
}*/
</script>
Now, if you visit http://www.rlemon.com/l-pic/ you will see there are some broken folders there.
in IE if you single click on a folder, the border color of that element will turn red for .3 seconds then revert to green.
in IE if you double click it will act as a single click and the border will go red then back to green.
on each click i have also updated a span with the current click count (var cc)
in IE it breaks down like so:
click once -> cc = 1;
click twice-> cc = 1;
click three times-> cc = 2;
click repetitivly after that leaving less than .3 seconds between each click and CC will increment normally.
in FF(my main browser) it breaks down like so:
click once -> cc = 1;
click twice-> cc = 2;
click three times-> cc = 3;
click repetitivly after that leaving less than .3 seconds between each click and CC will increment normally.
I have no clue why this isn't working. I've tried doing some crazey things for IE and none have worked. if anyone can please look into this and give me a hang i would appreciate it.
minimally could someone help me narrow down the problem to some specific code.. i have no trouble fixing it... i still don't really understand why its happening though.