asked on

how to hide the background area on jsp

hi
i am facing a problem in jsp div display,on my jsp on click of icon i show a div which greys out the remaining portion of page the problems i am facing is
1) when div appears the page greys out but the drop down with multi select option are still visible as usual,i.e there is no effect of greying on them.how to solve this
2) i want to disable the control on all the fields except div fields on the page.but the problem is when i disable the same the text box and buttons are not enabled back i have attached the code for same.

i have attached the code please update what additions i need to make to grey out all the fields including drop downs and disable the controls on them.

<html>
  <head>
 <style type="text/css">
#cover{position:absolute;top:0px;left:0px;overflow:hidden;display:none;width:100%;height:100%;background-color:lightgrey;opacity:1.0;MozOpacity:0.9;zIndex:5;filter:alpha(opacity=90);text-align:center}
#warning{margin:auto;position:relative;width:300px;height:200px;background-color:White;color:red;padding:5px;zIndex:100;}
</style> 
 <script>
 
 function disableAllFields(){
	for (j=0 ; j < document.forms.length ; ++j) 
		{
		  for (i=0 ; i < document.forms[j].elements.length ; ++i) 
		  {
		 
			  if((document.forms[j].elements[i].type == "text") ){
				  var nm = document.forms[j].elements[i].name;
					
					document.forms[j].elements[i].readOnly=true;
				  
 
			  }else
			  if ((document.forms[j].elements[i].type == "text")||(document.forms[j].elements[i].type == "radio") || (document.forms[j].elements[i].type == "select-multiple") || (document.forms[j].elements[i].type == "select-one") || (document.forms[j].elements[i].type == "checkbox")|| (document.forms[j].elements[i].type == "textarea"))  
			  document.forms[j].elements[i].zIndex=-100;
			  document.forms[j].elements[i].disabled = true;
			  
			 //  document.forms[j].style.visibility="hidden";
		  }
		}
	return;
}
 
function enableAllFields(){
	for (j=0 ; j < document.forms.length ; ++j) 
		{
		  for (i=0 ; i < document.forms[j].elements.length ; ++i) 
		  {
		 
			  if((document.forms[j].elements[i].type == "text") ){
				  var nm = document.forms[j].elements[i].name;
					
					document.forms[j].elements[i].readOnly= false;
				  
 
			  }else
			  if (	(document.forms[j].elements[i].type == "radio") || 
			  		(document.forms[j].elements[i].type == "select-multiple") || 
			  		(document.forms[j].elements[i].type == "select-one") || 
			  		(document.forms[j].elements[i].type == "checkbox")|| 
			  		(document.forms[j].elements[i].type == "textarea") ||
			  		(document.forms[j].elements[i].type == "text"))  
			  document.forms[j].elements[i].disabled = false;
			  // document.forms[j].style.visibility="visible";
		  }//for i
		}//for j
	return;
}
 var vis=1;
function cover() 
{  
 
	var cover=document.getElementById('cover');
 
	if(vis)
	{
		vis=0;
		cover.style.display='block';      
	} 
	else 
	{   
		vis=1;
		cover.style.display='none'; 
	}
 
}
 
 
if( typeof XMLHttpRequest == "undefined" ) XMLHttpRequest = function() {
        try { return new ActiveXObject("Msxml2.XMLHTTP.6.0") } catch(e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP.3.0") } catch(e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP") } catch(e) {}
        try { return new ActiveXObject("Microsoft.XMLHTTP") } catch(e) {}
        throw new Error( "This browser does not support XMLHttpRequest." )
};
 
window.onload = function() {
 // alert("inside onload function");
        // updates every 2.5 seconds
        var msBeforeUpdate = 10000;
        setInterval("checkMe()", msBeforeUpdate);
 
}
 
 function checkMe() {
 // alert("inside check me");
        var request =  new XMLHttpRequest();
        var params = "recordIcon=" + recordIcon.src;
   
    serverUrl = encodeURI(serverUrl + "?" + params);
        
        var serverUrl = "<%=request.getContextPath()%>" + "/NotifyAction.do";
        serverUrl = encodeURI(serverUrl + "?" + params);
        // alert("server url"+serverUrl);
        request.onreadystatechange = function() {
                if(request.readyState == 4 ) {
 
                        // toggles based on returned value
                        //toggleIcon(parseInt(request.responseText) > 0);
                        var res = request.responseText.replace(/(^\s+|\s+$)/g,'');
                        var target ="<valid>true</valid>";
                        
                       //  alert("%%%%%%%%%%%%%%"+request.responseText);
                        if(res== target)
                        {
                                toggleIcon(true);
                                }
                        else 
                        {
                        toggleIcon(false);
                        }
                }
        };
       //  alert("outside servlet call");
        request.open("GET", serverUrl);
        request.send(null);
 
}
 
 function ShowAlerts() {
 // alert("inside check me");
        var request =  new XMLHttpRequest();
        var params = "time";
   
   var cover=document.getElementById('cover');
   
          
        var serverUrl = "<%=request.getContextPath()%>" + "/NotificationListAction.do";
        serverUrl = encodeURI(serverUrl + "?" + params);
        // alert("server url"+serverUrl);
        request.onreadystatechange = function() {
                if(request.readyState == 4 ) {
 					var divData = request.responseText;
 					 alert("%%%%%%%%%%%%%%%%%%%%%"+divData);
                        // toggles based on returned value
                        //toggleIcon(parseInt(request.responseText) > 0);
                        var res = request.responseText.replace(/(^\s+|\s+$)/g,'');
                        var cover=document.getElementById('cover');
                        document.getElementById("alertTable").innerHTML = request.responseText;   
                       
                        
                       //  alert("%%%%%%%%%%%%%%"+request.responseText);
                      
                }
        };
       //  alert("outside servlet call");
        request.open("GET", serverUrl);
        request.send(null);
 
}
 
 
 
 
function showRecords() {
 var alertWin = "<%=request.getContextPath()%>" + "/inc/Notification.jsp";
//  alert("##########"+alertWin);
        if(window.showModalDialog) {
                window.showModalDialog(alertWin, "records",
                "dialogWidth: 600px; dialogHeight: 400px");
        } else {
                window.open(alertWin, "records","height=600,width=400,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes");
        }
 
} 
 
function toggleIcon(stat) {
 
        var recordIcon = document.getElementById("recordIcon");
 
        if(stat) recordIcon.src = "img/new.png";
        else recordIcon.src = "img/no_new.png";
 
}
 
</script>
 
 
 </head>
 
 
  
<img id="recordIcon" src="img/no_new.png" onClick="javascript:disableAllFields();cover();ShowAlerts();" />
 
<!--    <input type="button" onclick="javascript:disableAllFields();cover();" value="fade now" />-->
 
<div id="cover" style="z-index:5" dir="ltr">
 
	<div id="warning" style="z-index: 5" dir="ltr">
	Mantas Alerts
	
	<span id="alertTable"></span>
	<p align="center">
	<input type="button" onclick="javascript:enableAllFields();cover();" value="clear" /> 
	
	</p>
	</div>
 
</div>
  
  </html>

Open in new window

mahome

That's a problem with the IE. You must set the elements in background to display:none; otherwise you will see dropdowns.

manojvashisht

ASKER

hi

but i have seen the div text being displayed at top of all other fields.

do u have any ideas how to do that.
i cant display elements as none

Murali Murugesan

in css for div use zindex:100 or some high value which would make the div to appear as the topmost element.

-Murali*

mahome

>>i cant display elements as none
Why not you have done so with cover too: cover.style.display='none';

Can you post the complete HTML, I'm missing the drop-downs in your snippet. Just save the HTML, the JSP Code is not relevant for your problem.

manojvashisht

ASKER

hi
i have attached the html of the page


 
<html>
<head>
  <title>Oracle Financial Services Software, Inc.</title>
  
<base href="http://localhost:8080/mantas58/CommonPage.jsp"></base>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="css/mantas_common.css" type="text/css">
  <script language="JavaScript">  
    var DATE_FORMAT = 'dd/MM/yyyy';
    var CASE_SEARCH_ENABLED = true;
    var GLOBAL_SEARCH_FLAG = 'null';    
    var DECIMAL_SEPARATOR = ".";
    var THOUSAND_SEPARATOR = ",";    
    var FORM_KEY = ''; 
  </script>
  <script language="JavaScript" src="js/message.js"></script>
  <script language="JavaScript" src="js/ajax.js"></script>  
  <script language="JavaScript" src="js/cookie.js"></script>  
  <script language="JavaScript" src="js/sessionTimeout.js"></script>
  <script language="JavaScript" src="js/navigation.js"></script>
  <script language="JavaScript" src="js/effects.js"></script>
  <script language="JavaScript" src="js/date.js"></script>  
  <script language="JavaScript" src="js/paging.js"></script>  
  <script language="JavaScript" src="js/caseDetailsPage.js"></script> 
  <script langauge="JavaScript">  
    var ST_TITLE = "&nbsp;Timeout Notification";   
    var ST_EXPIRED_MESSAGE = "Your session has expired. Click the OK button to continue.";
    var ST_UPDATING_MESSAGE = "Updating Session...";
    var ST_SUCCESS_MESSAGE = "Your session was updated sucessfully.";
    var ST_WARNING_MESSAGE_1 = "Your current Oracle Mantas session is set to expire in";
    var ST_WARNING_MESSAGE_2 = "minutes.";
    var ST_WARNING_MESSAGE_3 = "Click OK to continue working.";            
    var ST_CONFIRM_BUTTON = "OK";  
    var sessionTimer = new SessionTimeoutTimer('25', '5');    
    var CASE_PREFIX ='AB';   
 
    if(GLOBAL_SEARCH_FLAG == 'null')
    {
      setFormKey();
    }   
  </script>
  <html>
  <head>
 <style type="text/css">
#cover{position:absolute;top:0px;left:0px;overflow:hidden;display:none;width:100%;height:100%;background-color:lightgrey;opacity:1.0;MozOpacity:0.9;zIndex:5;filter:alpha(opacity=90);text-align:center}
#warning{margin:auto;position:relative;width:300px;height:200px;background-color:White;color:red;padding:5px;zIndex:100;}
</style> 
 <script>
 
 function disableAllFields(){
	for (j=0 ; j < document.forms.length ; ++j) 
		{
		  for (i=0 ; i < document.forms[j].elements.length ; ++i) 
		  {
		 
			  if((document.forms[j].elements[i].type == "text") ){
				  var nm = document.forms[j].elements[i].name;
					
					document.forms[j].elements[i].readOnly=true;
				  
 
			  }else
			  if ((document.forms[j].elements[i].type == "text")||(document.forms[j].elements[i].type == "radio") || (document.forms[j].elements[i].type == "select-multiple") || (document.forms[j].elements[i].type == "select-one") || (document.forms[j].elements[i].type == "checkbox")|| (document.forms[j].elements[i].type == "textarea"))  
			  document.forms[j].elements[i].zIndex=-100;
			  document.forms[j].elements[i].disabled = true;
			  
			 //  document.forms[j].style.visibility="hidden";
		  }
		}
	return;
}
 
function enableAllFields(){
	for (j=0 ; j < document.forms.length ; ++j) 
		{
		  for (i=0 ; i < document.forms[j].elements.length ; ++i) 
		  {
		 
			  if((document.forms[j].elements[i].type == "text") ){
				  var nm = document.forms[j].elements[i].name;
					
					document.forms[j].elements[i].readOnly= false;
				  
 
			  }else
			  if (	(document.forms[j].elements[i].type == "radio") || 
			  		(document.forms[j].elements[i].type == "select-multiple") || 
			  		(document.forms[j].elements[i].type == "select-one") || 
			  		(document.forms[j].elements[i].type == "checkbox")|| 
			  		(document.forms[j].elements[i].type == "textarea") ||
			  		(document.forms[j].elements[i].type == "text"))  
			  document.forms[j].elements[i].disabled = false;
			  // document.forms[j].style.visibility="visible";
		  }//for i
		}//for j
	return;
}
 var vis=1;
function cover() 
{  
 
	var cover=document.getElementById('cover');
 
	if(vis)
	{
		vis=0;
		cover.style.display='block';      
	} 
	else 
	{   
		vis=1;
		cover.style.display='none'; 
	}
 
}
 
 
if( typeof XMLHttpRequest == "undefined" ) XMLHttpRequest = function() {
        try { return new ActiveXObject("Msxml2.XMLHTTP.6.0") } catch(e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP.3.0") } catch(e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP") } catch(e) {}
        try { return new ActiveXObject("Microsoft.XMLHTTP") } catch(e) {}
        throw new Error( "This browser does not support XMLHttpRequest." )
};
 
window.onload = function() {
 // alert("inside onload function");
        // updates every 2.5 seconds
        var msBeforeUpdate = 10000;
        setInterval("checkMe()", msBeforeUpdate);
 
}
 
 function checkMe() {
 // alert("inside check me");
        var request =  new XMLHttpRequest();
        var params = "recordIcon=" + recordIcon.src;
   
    serverUrl = encodeURI(serverUrl + "?" + params);
        
        var serverUrl = "/mantas58" + "/NotifyAction.do";
        serverUrl = encodeURI(serverUrl + "?" + params);
        // alert("server url"+serverUrl);
        request.onreadystatechange = function() {
                if(request.readyState == 4 ) {
 
                        // toggles based on returned value
                        //toggleIcon(parseInt(request.responseText) > 0);
                        var res = request.responseText.replace(/(^\s+|\s+$)/g,'');
                        var target ="<valid>true</valid>";
                        
                       //  alert("%%%%%%%%%%%%%%"+request.responseText);
                        if(res== target)
                        {
                                toggleIcon(true);
                                }
                        else 
                        {
                        toggleIcon(false);
                        }
                }
        };
       //  alert("outside servlet call");
        request.open("GET", serverUrl);
        request.send(null);
 
}
 
 function ShowAlerts() {
 // alert("inside check me");
        var request =  new XMLHttpRequest();
        var params = "time";
   
   var cover=document.getElementById('cover');
   
          
        var serverUrl = "/mantas58" + "/NotificationListAction.do";
        serverUrl = encodeURI(serverUrl + "?" + params);
        // alert("server url"+serverUrl);
        request.onreadystatechange = function() {
                if(request.readyState == 4 ) {
 					var divData = request.responseText;
 					 alert("%%%%%%%%%%%%%%%%%%%%%"+divData);
                        // toggles based on returned value
                        //toggleIcon(parseInt(request.responseText) > 0);
                        var res = request.responseText.replace(/(^\s+|\s+$)/g,'');
                        var cover=document.getElementById('cover');
                        document.getElementById("alertTable").innerHTML = request.responseText;   
                       
                        
                       //  alert("%%%%%%%%%%%%%%"+request.responseText);
                      
                }
        };
       //  alert("outside servlet call");
        request.open("GET", serverUrl);
        request.send(null);
 
}
 
 
 
 
function showRecords() {
 var alertWin = "/mantas58" + "/inc/Notification.jsp";
//  alert("##########"+alertWin);
        if(window.showModalDialog) {
                window.showModalDialog(alertWin, "records",
                "dialogWidth: 600px; dialogHeight: 400px");
        } else {
                window.open(alertWin, "records","height=600,width=400,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes");
        }
 
} 
 
function toggleIcon(stat) {
 
        var recordIcon = document.getElementById("recordIcon");
 
        if(stat) recordIcon.src = "img/new.png";
        else recordIcon.src = "img/no_new.png";
 
}
 
</script>
 
 
 </head>
 
 
  
<img id="recordIcon" src="img/no_new.png" onClick="javascript:disableAllFields();cover();ShowAlerts();" />
 
 <input type="button" onclick="javascript:disableAllFields();cover();" value="fade now" />
 
<div id="cover" style="z-index:5" dir="ltr">
 
	<div id="warning" style="z-index: 5" dir="ltr">
	Mantas Alerts
	
	<span id="alertTable"></span>
	<p align="center">
	<input type="button" onclick="javascript:enableAllFields();cover();" value="clear" /> 
	
	</p>
	</div>
 
</div>
  
  </html>
 
  <script language="JavaScript"> 
    var DOMAINS = "";
  </script>
  <script language="JavaScript" src="js/tab.js"></script>
  <script language="JavaScript" src="js/menu.js"></script>
  <script language="JavaScript" src="js/research.js"></script>
  <script language="JavaScript" src="js/alertSearchPage.js"></script>
  <script language="JavaScript" src="js/preferencesPage.js"></script>
  <script language="JavaScript" src="js/emailPage.js"></script>
  <script language="JavaScript" src="js/reports.js"></script>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" margin="0">
<table width="100%" background="./img/text_blue_2.gif" cellspacing="0" cellpadding="0"><tr><td colspan="1"><img border="0" alt="" src="./img/nav/header_background.gif" /></td></tr><tr valign="top"><td><table border="0" cellspacing="0" cellpadding="0"><tr valign="top"><td>
									  
									<a class="nav" onclick="navToPrimary('Kiosk'); return false;" href="#" name="Kiosk">Kiosk</a>
									  
								</td><td>
									  
									<a class="nav" onclick="navToPrimary('Alerts'); return false;" href="#" name="Alerts">Investigation</a>
									  
								</td><td>
									  
									<a class="nav" onclick="navToPrimary('Research'); return false;" href="#" name="Research">Research</a>
									  
								</td><td>
									  
									<a class="nav" onclick="navToPrimary('Reports'); return false;" href="#" name="Reports">Reports</a>
									  
								</td><td>
									  
									<a class="nav" onclick="navToPrimary('Advanced'); return false;" href="#" name="Advanced">Advanced</a>
									  
								</td><td>
									  
									<a class="nav" onclick="navToPrimary('Preferences'); return false;" href="#" name="Preferences">Preferences</a>
									  
								</td><td>
									  
									<a class="nav" onclick="navToPrimary('Logout'); return false;" href="#" name="Logout">Logout</a>
									  
								</td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" width="100%"><tr><td colspan="3" class="UICNavTopGradient1" /></tr><tr><td colspan="3" class="UICNavTopGradient2" /></tr><tr class="navBar"><td height="12px" align="left"><table width="100%" cellspacing="0px" cellpadding="0px" border="0px"><tr valign="middle"><td><img src="./img/space.gif" width="6" height="10" /></td><td /><td nowrap=""><a class="navOff" onclick="navToHistory('Alerts');return false;" href="#" name="search">
									  	  	 Investigation 
									  	  </a></td><td>
												 <img align="top" border="0" alt="-&gt;" src="./img/nav/yellow_arrow.gif" /></td><td nowrap=""><span class="navOn">
												 Search </span></td><td align="right" width="100%"><table cellspacing="0" cellpadding="0"><tr><td nowrap=""><a target="newWindow" href="./help/wwhelp/wwhimpl/js/html/wwhelp.htm?context=olh_ug_plat_5.7.2_1ed&amp;topic=about_the_alert_and_case_search_page"><img border="0" src="./img/nav/questionmark_normal.gif" name="help_button" /></a><img height="5" width="2" src="./img/space.gif" /></td></tr></table></td></tr></table></td><tr><td colspan="3" class="UICNavBottomGradient1" /></tr><tr><td colspan="3" class="UICNavBottomGradient2" /></tr></tr></table><html><head><title>Control Panel</title><script src="js/CalendarPopup.js" language="javascript">&amp;nbsp;</script><script src="js/ControlPanel.js" language="javascript">&amp;nbsp;</script><script language="javascript">          
          var CALENDAR_LANGUAGE = 'en' ;
        </script></head><body onload="checkSwitches(); resetEmail();"><form method="post" name="AlertListForm" action="./AlertListAction.do"><div class="masterPanel3" id="AlertSearchSubForm"><table class="panelFullWidth" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="titleTextBlack"><acronym title="">Alert &amp; Case Search</acronym></span><input value="" class="" align="" type="hidden" name="AlertListForm_AlertFlag" /></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><div class="panelFullWidth" id="alertAndFocusFilters"><table class="panelFullWidth" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><script language="javascript">var cal1 = new CalendarPopup(CALENDAR_LANGUAGE);</script><div class="" id="dateFiltersOn"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Create Date">From:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="23/02/2009" class="" align="" type="textbox" name="AlertListForm_filter_startDate" checked="checked" size="12" maxlength="10" /></td><td align="" class="" rowspan="1" colspan="1"><img class="" align="" name="startDateCal" border="0" alt="calendar" src="./img/cal.gif" onclick="cal1.select(document.AlertListForm.AlertListForm_filter_startDate,'startDateCal', DATE_FORMAT); return false;" /></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Create Date"> To:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="24/02/2009" class="" align="" type="textbox" name="AlertListForm_filter_endDate" checked="checked" size="12" maxlength="10" /></td><td align="" class="" rowspan="1" colspan="1"><img class="" align="" name="endDateCal" border="0" alt="calendar" src="./img/cal.gif" onclick="cal1.select(document.AlertListForm.AlertListForm_filter_endDate,'endDateCal',DATE_FORMAT,(document.AlertListForm.AlertListForm_filter_endDate.value=='')?document.AlertListForm.AlertListForm_filter_startDate.value:null); return false;" /></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Business Date">Bus Date From:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="23/02/2009" class="" align="" type="textbox" name="AlertListForm_filter_startPrcsngDate" checked="checked" size="12" maxlength="10" /></td><td align="" class="" rowspan="1" colspan="1"><img class="" align="" name="startDateCal" border="0" alt="calendar" src="./img/cal.gif" onclick="cal1.select(document.AlertListForm.AlertListForm_filter_startPrcsngDate,'startDateCal', DATE_FORMAT); return false;" /></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Business Date"> Bus Date To:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="24/02/2009" class="" align="" type="textbox" name="AlertListForm_filter_endPrcsngDate" checked="checked" size="12" maxlength="10" /></td><td align="" class="" rowspan="1" colspan="1"><img class="" align="" name="endDateCal" border="0" alt="calendar" src="./img/cal.gif" onclick="cal1.select(document.AlertListForm.AlertListForm_filter_endPrcsngDate,'endDateCal',DATE_FORMAT,(document.AlertListForm.AlertListForm_filter_endPrcsngDate.value=='')?document.AlertListForm.AlertListForm_filter_startPrcsngDate.value:null); return false;" /></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><div class="" id="alertFiltersOn"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Organization">Organization:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_org" multiple="multiple" onchange="javascript:setUnsavedData(true);AlertListForm_filter_owner.selectedIndex = 0"><option value="10013,10009,10018,10023,10012,10001,10016,10004,10005,10024,10011,10015,10014,10010,10022,10017,10015,10018,10023,10016,10022,10017,10024" selected="selected" /><option value="10023,10004,10016,10024,10005,10017,10001,10009,10006,10008,10007,10003,10002,10015,10021,10020,10019,10012,10013,10014,10018,10010,10011,10022">TestOrgA</option><option value="10004,10016,10023">TestOrgB</option><option value="10005,10017,10024">TestOrgC</option></select></td><td align="" class="" rowspan="1" colspan="1"><span align="center" class=""><acronym title=""> or </acronym></span></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Owner">Owner:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_owner" multiple="multiple" onchange="javascript:setUnsavedData(true);AlertListForm_filter_org.selectedIndex = 0"><option value="" selected="selected" /><option value="10015">case_analyst1</option><option value="10016">case_analyst2</option><option value="10017">case_analyst3</option><option value="10012">case_initiator1</option><option value="10013">case_initiator2</option><option value="10014">case_initiator3</option><option value="10018">case_supervisor</option><option value="10010">case_viewer1</option><option value="10011">case_viewer2</option><option value="10009">test_analyst1</option><option value="10004">test_analyst2</option><option value="10005">test_analyst3</option><option value="10001">test_supervisor</option><option value="10022">TestOrgA</option><option value="10023">TestOrgB</option><option value="10024">TestOrgC</option></select></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts based on the selected Scenario Class">Class:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_scenarioClass" filterType="AlertOnly" multiple="multiple" onchange="javascript:setUnsavedData(true);AlertListForm_filter_scenario.selectedIndex = 0"><option value="CR,ET,CST,AM,IA,FR,TC,MF,IML,BEX,ML" selected="selected" /><option value="AM">AM</option><option value="BEX">BEX</option><option value="CR">CR</option><option value="CST">CST</option><option value="ET">ET</option><option value="FR">FR</option><option value="IA">IA</option><option value="IML">IML</option><option value="MF">MF</option><option value="ML">ML</option><option value="TC">TC</option></select></td><td align="" class="" rowspan="1" colspan="1"><span align="center" class=""><acronym title=""> or </acronym></span></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts based on the selected Scenario">Scenario:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_scenario" filterType="AlertOnly" multiple="multiple" onchange="javascript:setUnsavedData(true);AlertListForm_filter_scenarioClass.selectedIndex = 0"><option value="114000080,116000053,114000019,116000079,114000079,116000080,116000016,115000003,116000097,116000013,113000012,113000006,116000054,114000077,116600002,114400014,114000029,116000100,114000076,116000012,116000098,114000022,116000120,116000001,116000093,114000031,116000002,113000005,114000101,116000094,114000020,114000102,114000018,115000011,114697025,115400009,115000009,113000009,115400004,114000093,116000033,115600002,114000074,114000013,114697009,115000010,116000074,115600003,116000011,115400010,116000036,116000057,114000125,113000008,116000056,114697019,113000010,116000058,116000031,115000005,114000073,114000014,116000055,115500002,116100005,116000092,114690112,115690003,114000123,114000039,114000126,115400006,114000059,114400010,114400008,116000010,114000096,116000123,116000027,114400007,116000091,114000066,116000069,116000064,115400005,114400009,115600005,116100008,114000065,114000038,116000073,116000009,116000030,116000063,114400013,116000078,114000070,114000124,114000036,114690105,116000017,116000071,116000020,116000072,116000008,116000084,114000021,114000088,116000019,116000083,116000077,114697012,114000024,114690106,114000057,116100004,113000003,116000021,116100001,113000004,114000122,116000121,114400005,114000060,114400012,116000070,114000078,116000122,116100003,115690004,116000022,114000061,116000107,114000082,116000043,114000034,116000048,114000054,114000083,116000025,114000033,116000065,114590031,115200002,114000064,116000046,114000055,114590029,114697011,116000068,116000066,116000003,116100002,114690107,114000053,116000007,114000081,114590030,114000052,116000023,116000050,114000047,114000071,116000061,114400002,114000072,114697013,116000088,116000062,116000024,114000042,114400006,116000004,114590003,116000067,114697014,115200003,114000084,114590002,116000006,116000087,116000105,115400007,116000086,116000106,115400008,114697016,114000046,116000060,116000082,114000026,114000015,113000015,114697004,116000081,114697005,114697006,116000037,116000059,114000050,114697008,116000096,116000103,116000049,114690101,113000011,115000007,114697002,114697007,114690113,115000052,114000051,116600003,115000008,115600004,114690104,114000027,114000111,116000089,116000052,116000099,114000090,113000014,115000049,116000090,116000051,114000098,115400011,114000056,116000101,114697003,114000099,114000030,115000004,116000108,116600004,114000110,113000013,114000089,116000041,116000039,116600005,114000109,114000025,116600006,116000042" selected="selected" /><option value="114000093">(BEX/OR) Limit Order Display</option><option value="114000098">(BEX/OR) Limit Order Protection</option><option value="114000061">Abusive Squeezes</option><option value="115400006,115400004">Acct Change FB Disburse</option><option value="116000088,116000098">Active Trading</option><option value="114697016">Active Trading CBA</option><option value="115000009">Address With Mult External Entities </option><option value="116000065,116000070">Anom ATM/BC - Excessive WD</option><option value="116000055,116000054">Anom ATM/BC - Foreign Trans</option><option value="114400012,114400013">Anom ATM/BC - Multi Locations</option><option value="116000056,116000057">Anom ATM/BC - Structured Cash</option><option value="116000107">Anticipate Profile - Expected Activity</option><option value="116000090">Anticipate Profile - Income</option><option value="116000059">Anticipate Profile - SOF</option><option value="116000103,116000106">B/C Shares</option><option value="114400009">Block Trading Listed Derivatives</option><option value="115600004">Borrow Against New Policy</option><option value="116000108,116000105">Breakpoints</option><option value="116000061,116000064">Cancellation Trend</option><option value="116000049,116000037,116000073">Cash Trans - Possible CTR</option><option value="116000048,116000031">Cash Trans - Significant Cash</option><option value="115600005">Change Bene/Owner Followed by Surrender</option><option value="114000071,114000065">Checks  MIs - Sequential Number</option><option value="116000050,116000074">Checks, MIs - Recurring RE/BE Known</option><option value="114000070">Checks, MIs - Recurring RE/BE Unknown</option><option value="116000068,116000053">CIB - Foreign Activity</option><option value="116000089,116000087">CIB - HRG Activity</option><option value="116000083,116000084">CIB - Previous Average Activity</option><option value="114400014">CIB - Previous Avg Debit Activity</option><option value="116000081,116000077">CIB - Previous Peak Activity</option><option value="116000071,116000069">CIB - Product Utilization</option><option value="116000021,116000016">Concentrated Position - Static</option><option value="116000023,116000020">Concentrated Position -% Change</option><option value="116000041,116000051">Correction Trend</option><option value="114400007,114400008">Cross Trading Listed Derivatives</option><option value="114000059">Data Manipulation</option><option value="115000007,115000003">Dep/WD - Same Amts</option><option value="115400005">Dishonored Checks</option><option value="115690003">DPG - Product Utilization</option><option value="115690004,114697019">DPG - Total Activity</option><option value="114690106">Early Removal</option><option value="115400008">Elect Trans Inv Empl</option><option value="116000120">Employee Front-Running</option><option value="115400009">Employee Journals</option><option value="116000123">Employee Shadowing</option><option value="116000072,116000092">EOM Settlements</option><option value="116000082">Escalation Inactive AC</option><option value="115600003">Escalation Inactive Acct Disbursements</option><option value="115500002">Excess Debit Card Purchase</option><option value="114000096">Exec During Halt</option><option value="115000005">External Entity With Mult Addresses</option><option value="115000004">External Entity with Mult Identifiers</option><option value="115000008">External Entity With Mult Names</option><option value="114590002,114590003">Externally Matched Names</option><option value="116600005,116600003">Fee-based Acct Use</option><option value="114000090">Front Run Rel Prod</option><option value="114000047">Front Running Orders</option><option value="114697007,114697008">Front Running Restricted Lists</option><option value="114000022">Frqnt Chngs to Instructions</option><option value="114000031">FTN - Correspondent Banks</option><option value="114000082">FTN - Recurring OR/BE</option><option value="114000056,114000046">FTN AC/CU -Internal</option><option value="114000078,114000077">FTN CU/EN - External</option><option value="116000033">Hidden Relationships</option><option value="114000027,114000026">High Risk EFT</option><option value="114000021">High Risk Instructions</option><option value="114000053,114000064,114000060,114000073">HR Trans - Focal HRE</option><option value="114000084,114000081,114000083,114000074,114000076">HR Trans - HR Counter Party</option><option value="115000049,115000052">HRG Funds Transfers</option><option value="115000011">IA Block Trd Allocations</option><option value="115000010">IA Block Trd Allocations - Same-Day Trd</option><option value="116000121">IA Jrnl b/w Unrelated Subaccts</option><option value="116100003">IA Subaccts w/ Losses</option><option value="116100001">ICIB: Inactive to Active</option><option value="114000042">ICIB: Trade/Trans Activity</option><option value="114000013">Illegal Short Sales</option><option value="114000101">Improper Account Use</option><option value="114000050">Improper Use of MOC/LOC</option><option value="116000094">Increased Trading Activity</option><option value="115600002">Inside Information</option><option value="114000051">Journal Bet Unrelated</option><option value="116000025">Large Opening Trade</option><option value="116000099,116000060,115400007">Large Reportable Trans</option><option value="116100002,116100005">LateTrades</option><option value="115200003">Lg Depreciation Acct Value</option><option value="116000006,116000011">Long Option Risk - % Change</option><option value="116000003,116000008">Long Option Risk - Static</option><option value="116000067,116000091">Losses</option><option value="116000004,116000012">Low-Priced Equities Conc - % Change</option><option value="116000010,116000001">Low-Priced Equities Conc - Static</option><option value="116100008">Low-Priced Equity Trades</option><option value="116000009,116000002">Margin Risk - Static</option><option value="116000007,116000013">Margin Risk -% Change</option><option value="114000109,114000110,114000111">Market Timing</option><option value="114000036">Marking the Close: Exec Bias</option><option value="114000072">Marking the Close: Order Bias</option><option value="114400010">Marking the Close: Order Driven Markets</option><option value="114000080">Marking the Close: Quote Act</option><option value="114000025">Marking the Open: Exec/Ordr Imbalance</option><option value="114000015">Marking the Open: Options-Signif Day</option><option value="114000018">Marking the Open: Quote/Order Imbal</option><option value="114400002,114000039">Markups or Markdowns</option><option value="114697003">MiFID Price Disimprovement</option><option value="114697009">MiFID Untimely Exec-Order</option><option value="115400011,115400010">ML-Early PO Credit Products</option><option value="114000126,114000125">ML-Stored Value Cards</option><option value="116100004">Mutual Fund Switch</option><option value="114000020">Mvmt of Funds w/o Trade</option><option value="114000079">Off Market Fair Pricing</option><option value="114000052">Offsetting Trade</option><option value="114690112">Order Facil Outside TOB</option><option value="114000033,114000029">Parking (EQT)</option><option value="114000014">Parking (FI)</option><option value="114000024">Parking via Settle Date</option><option value="114690107">Policies with Refunds</option><option value="114690101">Portfolio Pumping</option><option value="114000099">POSIT Manipulation</option><option value="116000122">Possible Emp Insider Info</option><option value="114000034">Price Disimprovement</option><option value="114000057">Price Improvement</option><option value="114000055">Price Manip: Gray List QA</option><option value="114000054">Price Manip: Gray List SM</option><option value="116000080,116000079">Rapid Mvmt Funds - All Activity</option><option value="116000042,116000052">Rapid Mvmt Funds - FTN</option><option value="116000093,116000097">Reg T Settlements</option><option value="113000013">Rejected Transactions</option><option value="116600004">RR Accts Incr Margin Debt</option><option value="116600002">RR Accts with Conc Position</option><option value="114697014">RR w/ Multi Corrected Trades in Acct ID</option><option value="114697013">RR with Multi Correct and Cancel Trades</option><option value="116600006">RRs Solicit Too Few Secs</option><option value="114000030">Seasoning Report</option><option value="116000101,116000100">Settlement Trend</option><option value="116000027,116000036">Short Equity Risk - Static</option><option value="116000039,116000030">Short Equity Risk -% Change</option><option value="116000024,116000019">Short Option Risk - % Change</option><option value="116000022,116000017">Short Option Risk - Static</option><option value="114000089">Significant Corrections</option><option value="114000038">Spoofing</option><option value="116000062,116000046,116000063,116000058">Structuring: Avoid Report Threshold</option><option value="116000066,116000043">Structuring: Dep/WD Mixed MI's</option><option value="114697002">Surpassing Thresholds</option><option value="114000122,114000124,114000123">Terrorist Financing</option><option value="114000088">Trade Ahead: Rule 92</option><option value="114690113">Trader Facil Outside TOB</option><option value="115200002">Trades Near Maturity or Expiration</option><option value="116000086,114697012,116000078">Trading Against Lists</option><option value="114697006,114697005,114697004">Trading Ahead of Material News</option><option value="114697011">Trading CDS on Restricted Lists</option><option value="114590029">Trans - Round Amts</option><option value="114590031">Trans - Round Amts (MI)</option><option value="114590030">Trans - Round Amts (Wire)</option><option value="114690104">Unfair Alloc Dist</option><option value="114690105">Unfair Alloc Timing</option><option value="114000102">Unfilled Marketables</option><option value="114000019">Untimely Exec-Limit</option><option value="114000066">Untimely Exec-Market</option><option value="113000014,113000011,113000015,113000004,113000003,113000010,113000008,113000009,113000005,113000006,113000012">User Defined</option><option value="114400006,114400005">Wash Trades</option></select></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Status">Status:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_status" multiple="multiple" onchange="javascript:setUnsavedData(true);"><option value="AC,AR,CCL,CL,CNW,CRA,CRO,ET,FL,IR,NVST,NW,OP,RA,REA,RO,RR,SARF,SARM,SARR,SARU" selected="selected" /><option value="CRA,RA">Reassigned</option><option value="CRO,RO">Reopened</option><option value="RR">Response Received</option><option value="CNW,NW">New</option><option value="OP">Open</option><option value="FL">Follow-Up</option><option value="NVST">Investigation</option><option value="AR">Awaiting Response</option><option value="IR">Internal Review</option><option value="SARR">SAR Review</option><option value="SARM">SAR Monitoring</option><option value="SARF">SAR Filed</option><option value="SARU">SAR Updated</option><option value="AC">Account(s) Closed</option><option value="ET">Employee Terminated</option><option value="REA">Referred to External Agency</option><option value="CCL,CL">Closed</option></select></td><td align="" class="" rowspan="1" colspan="1" /><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Focus">Focus:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_focus" multiple="multiple" onchange="javascript:setUnsavedData(true);"><option value="113000007,113000004,113000011,113000009,113000005,113000013,113000001,113000040,113000008,113000010,113000034,113000012,113000006,113000019,113000002" selected="selected" /><option value="113000002">AC</option><option value="113000012">AD</option><option value="113000005">CB</option><option value="113000004">CU</option><option value="113000008">EE</option><option value="113000011">EN</option><option value="113000007">EX</option><option value="113000013">HH</option><option value="113000019">IA</option><option value="113000034">OG</option><option value="113000006">OR</option><option value="113000040">PM</option><option value="113000010">RR</option><option value="113000001">SC</option><option value="113000009">TR</option></select></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="left" class="searchText"><acronym title="Filters alerts and cases based on the selected Domain">Domain:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_domain" multiple="multiple" onchange="javascript:setUnsavedData(true);"><option value="abcdef" selected="selected" /><option value="e">Corporate/Wholesale Banking</option><option value="f">Employee Information</option><option value="a">General</option><option value="b">Institutional Broker Dealer</option><option value="d">Retail Banking</option><option value="c">Retail Brokerage/Private Client</option></select></td><td align="" class="" rowspan="1" colspan="1" /><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Score">Score &gt;=:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_score" size="4" maxlength="4" onchange="javascript:setUnsavedData(true);" /></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><script language="javascript">var cal1 = new CalendarPopup(CALENDAR_LANGUAGE);</script><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Due Date">Due &lt;=:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="left" type="textbox" name="AlertListForm_filter_dueDate" size="12" maxlength="12" onchange="javascript:setUnsavedData(true);" /><span align="" class=""><acronym title=""> </acronym></span><img class="" align="" name="dueDateCal" border="0" alt="calendar" src="./img/cal.gif" onclick="cal1.select(AlertListForm_filter_dueDate,'dueDateCal', DATE_FORMAT); return false;" /></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts based on the selected Prior All">Prior All &gt;=:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_priorAll" filterType="AlertOnly" size="12" maxlength="10" onchange="javascript:setUnsavedData(true);" /></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Age">Age &gt;= :</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_age" size="4" maxlength="4" onchange="javascript:setUnsavedData(true);" /></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters cases based on the selected Case Type">Case Type:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_caseType" filterType="CaseOnly" multiple="multiple" onchange="javascript:setUnsavedData(true);AlertListForm_filter_caseSubtype.selectedIndex = 0"><option value="AML_SAR,FR_EE,FR_AC,FR_ON,TST" selected="selected" /><option value="AML_SAR">AML</option><option value="FR_AC,FR_ON,FR_EE">Fraud</option></select></td><td align="" class="" rowspan="1" colspan="1"><span align="center" class=""><acronym title=""> or </acronym></span></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters cases based on the selected Case Subtype">Case Subtype:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_filter_caseSubtype" filterType="CaseOnly" multiple="multiple" onchange="javascript:setUnsavedData(true);AlertListForm_filter_caseType.selectedIndex = 0"><option value="AML_SAR,FR_EE,FR_AC,FR_ON,TST" selected="selected" /><option value="FR_ON">Access/Online Fraud Investigation</option><option value="FR_AC">Account/Product Fraud Investigation</option><option value="FR_EE">Employee Fraud Investigation</option><option value="AML_SAR">SAR Investigation</option></select></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters cases based on the selected Case Title">Case Title:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_caseTitle" filterType="CaseOnly" size="25" maxlength="200" onchange="javascript:setUnsavedData(true);" /></td><td align="" class="" rowspan="1" colspan="1" /><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters cases based on the selected Case Description">Case Description:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_caseDesc" filterType="CaseOnly" size="25" maxlength="4000" onchange="javascript:setUnsavedData(true);" /></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><div class="" id="focusFiltersOn"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Selecting this checkbox will limit your results to where the specified entity is the focus. De-selecting this checkbox will return results where the specified entity is the focus as well as include results focused on entities related to the specified entity.">Limit to Focus:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="Y" class="" align="" type="checkbox" name="AlertListForm_limitToFocus" checked="checked" onclick="javascript:updateEntityTypeList(false);" /></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Entity Type">Entity Type:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><select style="width : 60px" size="" name="AlertListForm_filter_entityType" onchange="document.AlertListForm['AlertListForm_filter_focus'].selectedIndex=0"><option value="" /><option value="AC">AC</option><option value="AD">AD</option><option value="CB">CB</option><option value="CU">CU</option><option value="EE">EE</option><option value="EN">EN</option><option value="EX">EX</option><option value="HH">HH</option><option value="IA">IA</option><option value="OG">OG</option><option value="OR">OR</option><option value="PM">PM</option><option value="RR">RR</option><option value="SC">SC</option><option value="TR">TR</option></select><input value="" class="" align="" type="hidden" name="AlertListForm_filter_selEntityType" /></td><td align="" class="" rowspan="1" colspan="1"><span align="center" class="tableData"><acronym title=""> and </acronym></span></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Entity Name">Entity Name:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_entityName" size="25" maxlength="255" /></td><td align="" class="" rowspan="1" colspan="1"><span align="center" class=""><acronym title=""> or </acronym></span></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters alerts and cases based on the selected Entity ID">Entity ID:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_entityID" size="15" maxlength="50" /></td><td align="" class="" rowspan="1" colspan="1"><script language="javascript">setEntitySearchTypes('CU,EE,EN,CB,AD', true);</script></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><div class="" id="viewAndSortOn"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="">Sort Alert List By:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><div class="" id="sortSection"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_sort" filterType="AlertOnly" onchange="javascript:setUnsavedData(true);"><option value="id">Alert ID</option><option value="priorClass">Class Prior</option><option value="scenarioClass">Class</option><option value="createdDate">Created</option><option value="domain">Domain</option><option value="dueDate">Due</option><option value="focusTypeName">Focus</option><option value="linkedCaseCount">Linked Cases</option><option value="org">Org</option><option value="owner">Owner</option><option value="priorScenario">Scenario Prior</option><option value="prcsngDate">Business Date</option><option value="scenario">Scenario</option><option value="score" selected="selected">Score</option><option value="status">Status</option></select></td><td align="" class="" rowspan="1" colspan="1"><input value="ASC" align="" class="" name="AlertListForm_direction" type="radio" filterType="AlertOnly" onchange="javascript:setUnsavedData(true);" /><span align="" class="tableData"><acronym title="">Ascending</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="DESC" align="" class="" name="AlertListForm_direction" type="radio" filterType="AlertOnly" checked="checked" onchange="javascript:setUnsavedData(true);" /><span align="" class="tableData"><acronym title="">Descending</acronym></span></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="">Sort Case List By:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><div class="" id="caseSortSection"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_caseSort" filterType="CaseOnly" onchange="javascript:setUnsavedData(true);"><option value="caseId">Case ID</option><option value="caseDesc">Case Description</option><option value="caseTitle">Case Title</option><option value="caseType">Case Type</option><option value="caseSubtype">Case Subtype</option><option value="domain">Domain</option><option value="dueDate">Due</option><option value="focusTypeName">Focus</option><option value="caseLinkedAlertCount">Linked Alerts</option><option value="org">Org</option><option value="owner">Owner</option><option value="prcsngDate">Business Date</option><option value="score" selected="selected">Score</option><option value="status">Status</option></select></td><td align="" class="" rowspan="1" colspan="1"><input value="ASC" align="" class="" name="AlertListForm_caseSortDirection" type="radio" filterType="CaseOnly" onchange="javascript:setUnsavedData(true);" /><span align="" class="tableData"><acronym title="">Ascending</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="DESC" align="" class="" name="AlertListForm_caseSortDirection" type="radio" filterType="CaseOnly" checked="checked" onchange="javascript:setUnsavedData(true);" /><span align="" class="tableData"><acronym title="">Descending</acronym></span></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Select the number of Alerts to be displayed per Alert List page">View Alerts:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><div class="" id="sortSection1"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_view" filterType="AlertOnly"><option value="10">10</option><option value="20" selected="selected">20</option><option value="50">50</option><option value="100">100</option><option value="200">200</option></select></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Select the number of Cases to be displayed per Case List page">View Cases:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><div class="" id="sortCaseSection1"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><select style="width : 250px" size="" name="AlertListForm_caseView" filterType="CaseOnly"><option value="10">10</option><option value="20" selected="selected">20</option><option value="50">50</option><option value="100">100</option><option value="200">200</option></select></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters cases based on the entered count">Linked Alerts:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><div class="" id="searchLinkAlertSection"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><select style="width : 60px" size="" name="AlertListForm_caseLinkedAlertOp" filterType="CaseOnly"><option value="GtEq" selected="selected">&gt;=</option><option value="Eq">=</option><option value="LtEq">&lt;=</option></select></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_caseLinkedAlertCount" filterType="CaseOnly" size="4" maxlength="4" /></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="Filters cases based on the entered count">Linked Cases:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><div class="" id="searchLinkCasesSection"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><select style="width : 60px" size="" name="AlertListForm_linkedCaseOp" filterType="AlertOnly"><option value="GtEq" selected="selected">&gt;=</option><option value="Eq">=</option><option value="LtEq">&lt;=</option></select></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_linkedCaseCount" filterType="AlertOnly" size="4" maxlength="4" /></td></tr></table></div></td></tr></table></div></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><div class="" id="searchForPanel"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="searchText"><acronym title="">Search For:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><div class="" id="searchForPanel"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><input value="AlertsandCases" align="" class="" name="AlertListForm_searchFor" type="radio" checked="checked" onchange="javascript:setUnsavedData(true);" onclick="javascript:setSearchForm();" /><span align="" class="tableData"><acronym title="">Alerts and Cases</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="AlertsOnly" align="" class="" name="AlertListForm_searchFor" type="radio" onchange="javascript:setUnsavedData(true);" onclick="javascript:setSearchForm();" /><span align="" class="tableData"><acronym title="">Alerts only</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="CasesOnly" align="" class="" name="AlertListForm_searchFor" type="radio" onchange="javascript:setUnsavedData(true);" onclick="javascript:setSearchForm();" /><span align="" class="tableData"><acronym title="">Cases only</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><script language="javascript">setSearchForm();</script></td></tr></table></div></td></tr></table></div></td></tr><tr align="" class=""><td align="right" class="nowrap" rowspan="1" colspan="2"><input value="N" class="" align="" type="hidden" name="AlertListForm_filter_batchComplete" checked="checked" /><a id="processing" name="processing" class="" />
          <input value="Search" align="right" name="" class="std" type="button" onclick="submitAlertFilterSearchForm(AlertListForm);" onmouseover="this.className='std stdhov';" onmouseout="this.className='std';" />
          <input value="Clear" align="right" name="clearButton" class="std" type="button" onclick="resetAlertCaseSearch(AlertListForm);" onmouseover="this.className='std stdhov';" onmouseout="this.className='std';" /></td></tr></table></div></td></tr></table></div><div class="masterPanel3" id="AlertIDSubForm"><table class="panelFullWidth" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class="titleTextBlack"><acronym title="">Alert &amp; Case ID Search</acronym></span></td></tr><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><div class="panelFullWidth" id="alertIDFilterPanel"><table class="panelFullWidth" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><div class="" id="alertIDFilter"><table class="" border="0px"><tr align="" class=""><td align="" class="" rowspan="1" colspan="1"><span align="" class=""><acronym title="Filters alerts and cases based on the selected ID">Alert &amp; Case ID:</acronym></span></td><td align="" class="" rowspan="1" colspan="1"><input value="" class="" align="" type="textbox" name="AlertListForm_filter_alertCaseIDs" size="12" maxlength="" onkeypress="alertIDSearchKey(AlertListForm);" /><input value="" class="" align="" type="hidden" name="AlertListForm_filter_alertID" /><input value="" class="" align="" type="hidden" name="AlertListForm_filter_caseIDs" /></td><td align="" class="" rowspan="1" colspan="1"><input value="Y" class="" align="" type="checkbox" name="AlertListForm_searchLinkedAlertsCases" onkeypress="javascript:setUnsavedData(true);" /></td><td align="" class="" rowspan="1" colspan="1"><span align="" class="tableData"><acronym title="">Search For Linked Alerts &amp; Cases</acronym></span></td></tr></table></div></td></tr><tr align="" class=""><td align="right" class="nowrap" rowspan="1" colspan="2">
          <input value="Search" align="right" name="" class="std" type="button" onclick="submitAlertIDSearchForm(AlertListForm);" onmouseover="this.className='std stdhov';" onmouseout="this.className='std';" />
          <input value="Clear" align="right" name="clearButton" class="std" type="button" onclick="resetAlertCaseIDSearch(AlertListForm);" onmouseover="this.className='std stdhov';" onmouseout="this.className='std';" /></td></tr></table></div></td></tr></table></div></form></body></html><table width="100%" cellspacing="0" cellpadding="0"><tr><td><table width="100%" background="./img/text_blue_2.gif" bgcolor="navBar" cellspacing="0" cellpadding="0"><tr valign="middle"><td height="16"><table border="0" cellspacing="0" cellpadding="0"><tr valign="top"><td>  <a class="nav" onclick="navToPrimary('Kiosk'); return false;" href="#" name="Kiosk">Kiosk</a>  </td><td>  <a class="nav" onclick="navToPrimary('Alerts'); return false;" href="#" name="Alerts">Investigation</a>  </td><td>  <a class="nav" onclick="navToPrimary('Research'); return false;" href="#" name="Research">Research</a>  </td><td>  <a class="nav" onclick="navToPrimary('Reports'); return false;" href="#" name="Reports">Reports</a>  </td><td>  <a class="nav" onclick="navToPrimary('Advanced'); return false;" href="#" name="Advanced">Advanced</a>  </td><td>  <a class="nav" onclick="navToPrimary('Preferences'); return false;" href="#" name="Preferences">Preferences</a>  </td><td>  <a class="nav" onclick="navToPrimary('Logout'); return false;" href="#" name="Logout">Logout</a>  </td></tr></table></td></tr></table><table class="masterTable" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top">You logged in as case_supervisor at 24/02/2009 13:01:47</td><td align="right" valign="top"><a target="blank" class="detail" href="./inc/kiosk/pdf/Copyright_Info.pdf">Copyright Statement</a> <span class="tableData">© 1996-2008 Oracle Financial Services Software, Inc.</span></td></tr><tr><td align="left" valign="top">Last Successful Login: 24/02/2009 11:55:11</td><td align="right" valign="top">@BUILD_LABEL@</td></tr><tr><td align="left" valign="top">Last Failed Login: 20/02/2009 15:04:39</td><td align="right" valign="top">
							   
							</td></tr><tr><td align="left" valign="top"><img src="img/logo/client.gif" /></td><td align="right" valign="top">
							   
							</td></tr></table></td></tr></table>
<script type="text/javascript">
        if(document.getElementById('Tabmenu') != null)
        {
          cssdropdown.startchrome("Tabmenu");
        }    
        </script>
</body>
</html>
<!-- Form for the PRIMARY navigation -->
<br/>
<form name="NavPrimaryForm" method="post" action="./NavPrimaryAction.do">
  <input type="hidden" name="NAV_PRIMARY_KEY">
</form>
<!-- Form for the HISTORY navigation -->
<form name="NavHistoryForm" method="post" action="./NavHistoryAction.do">
  <input type="hidden" name="NAV_HISTORY_KEY">
  <input type="hidden" name="GLOBAL_SEARCH_FLAG">
</form>
<!-- Form for the TAB navigation -->
<form name="NavTabForm" method="post" action="./NavTabAction.do">
  <input type="hidden" name="NAV_TAB_KEY" />
</form>
<!-- Form for Alert List Detail link. -->
<form name="AlertDetailForm" method="POST" action="./AlertDetailAction.do">
  <input type="hidden" name="AlertDetailForm_filter_alertID" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG">
</form>
<!-- Form for Alert Detail Multi-match. -->
<form name="MultiMatchForm" method="POST" action="./AlertDetailMultiMatchAction.do">
  <input type="hidden" name="MultiMatchForm_filter_alertID" />
  <input type="hidden" name="MultiMatchForm_filter_matchID" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<form name="HistoryMultiMatchForm" method="POST" action="./HistoryDetailMultiMatchAction.do">
  <input type="hidden" name="MultiMatchForm_filter_alertID" />
  <input type="hidden" name="MultiMatchForm_filter_matchID" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
  <input type="hidden" name="HistoryDetailForm_filter_FlagVal" />
</form>
<!-- Form for History Detail link. -->
<form name="HistoryDetailForm" method="POST" action="./HistoryDetailAction.do">
  <input type="hidden" name="HistoryDetailForm_filter_alertID" />
   <input type="hidden" name="HistoryDetailForm_filter_FlagVal" />
</form>
<!-- Form for Case History Detail Link  -->
<form name="CaseHistoryDetailForm" method="POST" action="./CaseHistoryDetailAction.do">
<input type="hidden" name="CaseHistoryDetailForm_filter_caseIDs" />
<input type="hidden" name="CaseHistoryDetailForm_filter_FlagVal" />
<input type="hidden" name="CaseHistoryDetailForm_Linked_alertID" />
<input type="hidden" name="CaseHistoryDetailForm_ShowMerged_alertIDs" />
</form>
<!-- Paging Form -->
<form name="PagingForm" method="POST" action="./PagingAction.do">
  <input type="hidden" name="PagingForm_pageNumber" />
  <input type="hidden" name="PagingForm_totalPages" />
  <input type="hidden" name="PagingForm_pageSize" />
  <input type="hidden" name="PagingForm_startIndex" />
  <input type="hidden" name="PagingForm_endIndex" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
 
<!-- Case List Paging Form -->
<form name="CasePagingForm" method="POST" action="./CasePagingAction.do">
  <input type="hidden" name="PagingForm_pageNumber" />
  <input type="hidden" name="PagingForm_totalPages" />
  <input type="hidden" name="PagingForm_pageSize" />
  <input type="hidden" name="PagingForm_startIndex" />
  <input type="hidden" name="PagingForm_endIndex" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<!-- AlertList and CaseList Sort Form -->
<form name="SortForm" method="POST" action="./SortAction.do">
  <input type="hidden" name="SortForm_sortName" />
  <input type="hidden" name="SortForm_sortDir" />
  <input type="hidden" name="SortForm_listName">
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<!-- AlertList TakeAction Form -->
<form name="TakeActionForm" method="POST" action="./Action.do">
  <input type="hidden" name="TakeActionForm_ids" />
</form>
<form name="TakeCaseActionForm" method="POST" action="./CaseAction.do">
  <input type="hidden" name="TakeCaseActionForm_ids" />
</form>
<!-- Replay Match Form -->
<form name="ReplayMatchAlertForm" method="POST" action="ReplayMatchAction.do">
  <input type="hidden" name="ReplayMatchAlertID" />
</form>
<!-- Form for Research Alert Details -->
<form name="ResearchAlertDetailsForm" method="POST" action="./ResearchAlertDetailsAction.do">
  <input type="hidden" name="ResearchAlertDetailsForm_filter_alertID" />
</form>
<!-- Form for Research Case Details -->
<form name="ResearchCaseDetailsForm" method="POST" action="./ResearchCaseHistoryDetailsAction.do">
  <input type="hidden" name="ResearchCaseDetailsForm_filter_caseIDs" />
  <input type="hidden" name="CaseHistoryDetailForm_Linked_alertID" />
  <input type="hidden" name="CaseHistoryDetailForm_ShowMerged_alertIDs" />
</form>
<!-- Form for Research Alert MultiMatch Details -->
<form name="ResearchMultiMatchAlertDetailsForm" method="POST" action="./ResearchHistoryDetailMultiMatchAction.do">
  <input type="hidden" name="MultiMatchForm_filter_alertID" />
  <input type="hidden" name="MultiMatchForm_filter_matchID" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<!-- Form for the Entity History navigation-->
<form name="NavEntityHistoryForm" method="POST" action="./NavEntityHistoryAction.do">
  <input type="hidden" name="entityID" />
</form>
<!-- Form for the Link Page navigation -->
<form name="NavTransactionLinkPageForm" method="post" action="./TransLinkPagePrepAction.do">
  <input type="hidden" name="transLinkForm_TransType">
</form>
<form name="NavSummaryLinkPageForm" method="post" action="./SummaryLinkPagePrepAction.do">
  <input type="hidden" name="summaryLinkForm_SummaryType">
</form>
<!-- Form for the Network Visualization Link Page navigation -->
<form name="NavNetworkVisualizationLinkPageForm" method="post" action="./NetworkVisualizationAction.do">
  <input type="hidden" name="NetworkLinkForm_networkId">
</form>
<!--CR21596:arpita:Network Details Link: start  -->
<!-- Form for the Network Visualization Link Page navigation -->
<form name="NavNetworkDetailsLinkPageForm" method="post" action="./NetDetailsLinkPagePrepAction.do">
  <input type="hidden" name="NWDetailsLinkForm_filter_networkId">
</form>
<!--CR21596:arpita:Network Details Link: end  -->
<!-- Form for the Print Report PDF Page navigation -->
<form name="NavPrintReportForm" method="post" action="./PrintPDFAction.do">
</form>
 
<!-- Form for the Export to Excel Page navigation -->
<form name="NavExportExcelForm" method="post" action="./ExportExcelAction.do">
  <input type="hidden" name="NavExportExcelForm_exportType" />
  <input type="hidden" name="NavExportExcelForm_exportSection" />
  <input type="hidden" name="NavExportExcelForm_origin" />    
  <input type="hidden" name="NavExportExcelForm_requestId" />      
</form>
 
<form name="NavSupervisorySignOffRptForm" method="post" action="./SummaryToSignOff.do">
  <input type="hidden" name="org" />
  <input type="hidden" name="period" />
</form>
 
<!-- Form for Case Detail-->
<form name="CaseDetailsForm" method="POST" action="./CaseDetailsAction.do">
  <input type="hidden" name="CaseDetailForm_filter_alertID" />
  <input type="hidden" name="CaseDetailForm_Linked_alertID" />
  <input type="hidden" name="CaseDetailForm_ShowMerged_alertIDs" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<!-- Form for Case Detail Multi-match. -->
<form name="CaseMultiMatchForm" method="POST" action="./CaseDetailsMultiMatchAction.do">
  <input type="hidden" name="MultiMatchForm_filter_alertID" />
  <input type="hidden" name="MultiMatchForm_filter_caseID" />
  <input type="hidden" name="MultiMatchForm_filter_matchID" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<form name="CaseHistoryMultiMatchForm" method="POST" action="./CaseHistoryDetailsMultiMatchAction.do">
  <input type="hidden" name="MultiMatchForm_filter_alertID" />
  <input type="hidden" name="MultiMatchForm_filter_caseID" />
  <input type="hidden" name="MultiMatchForm_filter_matchID" />
  <input type="hidden" name="CaseHistoryDetailForm_filter_FlagVal" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<form name="ResearchCaseHistoryMultiMatchForm" method="POST" action="./ResearchCaseHistoryMultiMatchAction.do">
  <input type="hidden" name="MultiMatchForm_filter_alertID" />
  <input type="hidden" name="MultiMatchForm_filter_caseID" />
  <input type="hidden" name="MultiMatchForm_filter_matchID" />
  <input type="hidden" name="CaseHistoryDetailForm_filter_FlagVal" />
  <input type="hidden" name="GLOBAL_SEARCH_FLAG" />
</form>
<form name="AlertManageLinksForm" method="POST" action="./AlertManageLinksAction.do">
</form>
<form name="CaseManageLinksForm" method="POST" action="./CaseManageLinksAction.do">
</form>
<form name="CorrListForm" method="POST" action="./CorrListAction.do">
  <input type="hidden" name="CorrListForm_filter_corrId"/>
</form>

Open in new window

mahome

First what you posted is no correct html, check your template. You have multiple start <html> and no end <html> etc.

Anyway here is the proposal:

Suround your forms with a div named "forms". Hide this form, for greying out and show it again if cover-Div is closed.

 function disableAllFields(){
        var forms = document.getElementById("forms");
       forms.style.display = 'none';
...
 
function enableAllFields(){
        var forms = document.getElementById("forms");
    forms.style.display = 'block';
...
 
<div id="forms">
<table width="100%" background="./img/text_blue_2.gif" cellspacing="0" cellpadding="0"><tr><td colspan="1"><img border="0" alt="" src="./img/nav
...
</div>

Open in new window

manojvashisht

ASKER

i have tried it but it even hides the div i want to display...........

can it be done that i can hide only the multiple choice boxes.

any suggestions

ASKER CERTIFIED SOLUTION

mahome

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

manojvashisht

ASKER

friend

the thing is that you are providing a solution for hiding the contents of page,but i just want a transparent cover over all the fields such that the user doesn't feel that he has come to a new page.the div shud come highlighted as my code is doing,all the fields disabled as i have already done...
the only thing that is causing a problem is the multiple value select boxes which are making my lige difficult.they are not getting hidden behind.

please provide a workaround for the same

Murali Murugesan

This issue happens more frequently, few workarounds are,

1. Use JQuery which has modal dialog (something like popup) which works perfectly.
2. You can disable the select boxes , but still it wont appear as much greyed out ( i hope u already tried it).
3. Create a iframe in the upper div box (which gets shown on click of fade button). But there might issues in cross browser.
4. Hide the select boxes when displaying the popup.

-Murali*

manojvashisht

ASKER

ya murali thats what i am looking for

i have tried disabling the select boxes but that wont't help much.

can u help me with any snippet that could hide all the select drop boxes in my form.

as well as the multiple value select boxes..........

manojvashisht

ASKER

Hi all

I need to implement this solution at a urgent priority.
how to make a div which always displays above all the fields.
has zindex to do anything with what will be greyed or not?

any sample code will be great help

Murali Murugesan

as i suggested earlier try using Jquery modal dialog...zIndex cannot help u in hiding the select boxes.

-Murali*

manojvashisht

ASKER

hi
i have never used jquery,can u please provide me any help on that in the scenario i am facing.
and also tell me whether jquery is a freeware or licensed.bcoz we can't use any open source jars and if it is just a set of js files that would help..........

looking forward to your response

Murali Murugesan

look into this http://jquery.com/ - u download under this link

For licensing - http://docs.jquery.com/Licensing

For the sample dialog see this http://docs.jquery.com/UI/Dialog

manojvashisht

ASKER

does this come with some jar files also or i can start using with including these js files only....

how to use a plugin with this .........
can u give a sample code using jquery to get me started atleast for the greyout and hiding select boxes

Murali Murugesan

already the link i gave u has the demo code. It doesn't require any jar files additionally.

manojvashisht

ASKER

hi can u please suggest a approach or steps what all need to be done for making the grey out work.

the link u have provided will require a lot of time spent and i dont have that much time in hand.

i would appreciate if u could provide some code of simply how to call jquery code on click of my existing button in jsp.
some basic steps. to complete it faster.

thanks

Murali Murugesan

mmm fine. I think you are looking for only working code instead of some suggestions.

Fine here you have some unclean code.

So you need to do the following,

1. Download the required .js
2. fix the css for div to make it transparent.
3. clean the code :)

Note: Please dont ask me to do the above , you need to spend some time to get something working.

-Murali*

<!DOCTYPE html>
<html>
<head>
		
<style>
	
form { position: absolute; top: 0; left: 0; width: 100%; }
	.box { position: relative; z-index: 2; float: left; margin: 5px; padding: 5px; width: 250px; height: 100px;
	opacity:.5;
	}
	select { position: relative;margin: 0 0 2px; z-index: 1; }
	#wrapper { position: relative; width: 100%; font: 12px Arial; }
</style>
  <link type="text/css" rel="stylesheet" href="http://ui.jquery.com/testing/themes/base/ui.all.css" />
  <script type="text/javascript" src="http://ui.jquery.com/testing/jquery-1.3.1.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.draggable.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.resizable.js"></script>
  <script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.dialog.js"></script>
  <script type="text/javascript" src="jquery.bgiframe.js"></script>
 
 
  <script>
  function showDialog(){
	document.getElementById('sel').style.display = 'block';
  	$("#sel").bgiframe();	
	$("#dialog").dialog({ modal: true });
  }
  </script>
</head>
<body>
<div id="wrapper">
 <form>
  <select multiple >
	<option>Hai</bye>
	<option>Hello</bye>
	<option>How</bye>
  </select>
  <br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <INPUT TYPE="button" onclick="showDialog()" value="click"/>
 
</form>
<div id="dialog" title="Dialog Title">I'm in a dialog</div>
</div>
 <div  id="sel" class="box" style="display:none">
 </div>
 
</body>
</html>

Open in new window

manojvashisht

ASKER

Hey thanks for you nice comments.
i was actucally looking for some code only due to time constraints.........
anyways no issues

if you can help me with this problem i am facing with jquery that would be really thankful.

actually i downloaded the files and onclick of fadenow button it works but when i apply the class ="thickbox to my image icon and call functions onclick the jquery code doesn't work.
please suggest what is the problem in same.

i have attached my code below

<%@ page
  import="com.mantas.platform.config.ConfigurationManager,
    com.mantas.orion.data.BusinessFieldManager,
    com.mantas.orion.user.UserView,
    com.mantas.orion.user.UserViewConstants,
    com.mantas.orion.jsp.JspConstants,
    java.text.DecimalFormatSymbols,
    com.mantas.orion.Configuration
  "
%><%
  /*
   * This JSP is an include JSP used for sharing commonly used JSP/HTML code 
   * across various JSP pages.  This JSP should be included between the HTML
   * <head> tags of a JSP page.
   */ 
   
  UserView userView = (UserView)session.getAttribute(UIConst.UI_USER_VIEW);  
  DecimalFormatSymbols dfs = userView.getDecimalFormatSymbols();
   
  // Session Timeout settings
  int sessionTimeoutPeriod = session.getMaxInactiveInterval(); // in seconds  
  String gracePeriod = (String)
    ConfigurationManager.getBootstrapProperties().get("security.timeout.gracePeriod");
  Integer sessionTimeoutPeriodInt = new Integer(sessionTimeoutPeriod / 60); // in minutes
  Integer gracePeriodInt = new Integer(gracePeriod); // in minutes
  Integer timeoutWarningPeriodInt = 
    new Integer(sessionTimeoutPeriodInt.intValue() - gracePeriodInt.intValue());    
  boolean globalSearch = !UIConst.GLOBAL_SEARCH_VAL_NO.equals((String)request.getAttribute("GLOBAL_SEARCH_FLAG"));
 
%>
<base href="<%= request.getRequestURL().toString() %>"></base>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="css/mantas_common.css" type="text/css">
  <script language="JavaScript">  
    var DATE_FORMAT = '<%= userView.getDateFormat() %>';
    var CASE_SEARCH_ENABLED = <%= userView.checkCaseMgmtACL(JspConstants.SEARCH_VIEW_CASE_LIST_ACL)%>;
    var GLOBAL_SEARCH_FLAG = '<%= request.getAttribute("GLOBAL_SEARCH_FLAG") %>';    
    var DECIMAL_SEPARATOR = "<%=dfs == null ? '.' : dfs.getDecimalSeparator() %>";
    var THOUSAND_SEPARATOR = "<%=dfs == null ? ',' : dfs.getGroupingSeparator() %>";    
    var FORM_KEY = ''; 
  </script>
  <script language="JavaScript" src="js/message.js"></script>
  <script language="JavaScript" src="js/ajax.js"></script>  
  <script language="JavaScript" src="js/cookie.js"></script>  
  <script language="JavaScript" src="js/sessionTimeout.js"></script>
  <script language="JavaScript" src="js/navigation.js"></script>
  <script language="JavaScript" src="js/effects.js"></script>
  <script language="JavaScript" src="js/date.js"></script>  
  <script language="JavaScript" src="js/paging.js"></script>  
  <script language="JavaScript" src="js/caseDetailsPage.js"></script> 
   <!--   added for page grey out-->
  <script type="text/javascript" src="js/jquery/jquery.js"></script>
	<script type="text/javascript" src="js/jquery/thickbox.js"></script>
<style type="text/css" media="all">@import "js/jquery/thickbox.css";</style>
  <script langauge="JavaScript">  
    var ST_TITLE = "&nbsp;<%=BusinessFieldManager.getFieldLabel("100092")%>";   
    var ST_EXPIRED_MESSAGE = "<%=BusinessFieldManager.getFieldLabel("100093")%>";
    var ST_UPDATING_MESSAGE = "<%=BusinessFieldManager.getFieldLabel("100094")%>";
    var ST_SUCCESS_MESSAGE = "<%=BusinessFieldManager.getFieldLabel("100095")%>";
    var ST_WARNING_MESSAGE_1 = "<%=BusinessFieldManager.getFieldLabel("100096")%>";
    var ST_WARNING_MESSAGE_2 = "<%=BusinessFieldManager.getFieldLabel("100097")%>";
    var ST_WARNING_MESSAGE_3 = "<%=BusinessFieldManager.getFieldLabel("100098")%>";            
    var ST_CONFIRM_BUTTON = "<%=BusinessFieldManager.getFieldLabel("100099")%>";  
    var sessionTimer = new SessionTimeoutTimer('<%=timeoutWarningPeriodInt%>', '<%=gracePeriodInt.intValue()%>');    
    var CASE_PREFIX ='<%=Configuration.getCasePrefix()%>';   
 
    if(GLOBAL_SEARCH_FLAG == 'null')
    {
      setFormKey();
    }   
  </script>
  <%@page import="com.mantas.orion.ui.UIConst"%>
 
  <head>
 <style type="text/css">
#cover{position:absolute;top:0px;left:0px;overflow:scroll;display:none;width:100%;height:140%;background-color:lightgrey;opacity:0.6;MozOpacity:0.5;zIndex:1234567891;filter:alpha(opacity=90);text-align:center}
#warning{margin:auto;position:relative;width:300px;height:200px;background-color:White;color:red;padding:5px;zIndex:1234567892;}
</style>  
<script>
 
 function disableAllFields(){
	for (j=0 ; j < document.forms.length ; ++j) 
		{
		  for (i=0 ; i < document.forms[j].elements.length ; ++i) 
		  {
		 
			  if((document.forms[j].elements[i].type == "text") ){
				  var nm = document.forms[j].elements[i].name;
					
					document.forms[j].elements[i].readOnly=true;
				  
 
			  }else
			  if ((document.forms[j].elements[i].type == "text")||(document.forms[j].elements[i].type == "radio") || (document.forms[j].elements[i].type == "select-multiple") || (document.forms[j].elements[i].type == "select-one") || (document.forms[j].elements[i].type == "checkbox")|| (document.forms[j].elements[i].type == "textarea"))  
			  document.forms[j].elements[i].zIndex=0;
			  document.forms[j].elements[i].disabled = true;			  
			 
			 //  document.forms[j].style.visibility="hidden";
		  }
		}
	return;
}
 
function enableAllFields(){
	for (j=0 ; j < document.forms.length ; ++j) 
		{
		  for (i=0 ; i < document.forms[j].elements.length ; ++i) 
		  {
		 
			  if((document.forms[j].elements[i].type == "text") ){
				  var nm = document.forms[j].elements[i].name;
						document.forms[j].elements[i].readOnly= false;
				  
 
			  }else
			  if (	(document.forms[j].elements[i].type == "radio") || 
			  		(document.forms[j].elements[i].type == "select-multiple") || 
			  		(document.forms[j].elements[i].type == "select-one") || 
			  		(document.forms[j].elements[i].type == "checkbox")|| 
			  		(document.forms[j].elements[i].type == "textarea") ||
			  		(document.forms[j].elements[i].type == "text"))  
			  		
			  		
			  document.forms[j].elements[i].disabled = false;
			
			 
			  // document.forms[j].style.visibility="visible";
		  }//for i
		}//for j
	return;
}
 var vis=1;
function cover() 
{  
	var options = options || {}; 
  	var zindex = options.zindex || 50;
  	var opacity = options.opacity || 70;
  	var opaque = (opacity / 100);
  	var bgcolor = options.bgcolor || 'blue';
  	var dark=document.getElementById('darkenScreenObject');
	var cover=document.getElementById('cover');
	if (!dark) {
   		 	// The dark layer doesn't exist, it's never been created.  So we'll
    		// create it here and apply some basic styles.
   		 	// If you are getting errors in IE see: http://support.microsoft.com/default.aspx/kb/927917
    		var tbody = document.getElementsByTagName("body")[0];
    		var tnode = document.createElement('div');           // Create the layer.
        	tnode.style.position='absolute';                 // Position absolutely
        	tnode.style.top='0px';                           // In the top
        	tnode.style.left='0px';                          // Left corner of the page
        	tnode.style.overflow='hidden';                   // Try to avoid making scroll bars            
        	tnode.style.display='none';                      // Start out Hidden
        	tnode.id='darkenScreenObject';                   // Name it so we can find it later
    		tbody.appendChild(tnode);                            // Add it to the web page
    		dark=document.getElementById('darkenScreenObject');  // Get the object.
  		}
	if(vis)
	{
		if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) 
			{
        		var pageWidth = document.body.scrollWidth+'px';
        		var pageHeight = document.body.scrollHeight+'px';
    		} 
    	else if( document.body.offsetWidth ) 
    		{
      			var pageWidth = document.body.offsetWidth+'px';
      			var pageHeight = document.body.offsetHeight+'px';
    		} 
    	else 
    		{
       			var pageWidth='100%';
       			var pageHeight='100%';
    		}   
    		//set the shader to cover the entire page and make it visible.
    		dark.style.opacity=opaque;                      
   	 		dark.style.MozOpacity=opaque;                   
    		dark.style.filter='alpha(opacity='+opacity+')'; 
    		dark.style.zIndex=zindex;        
    		dark.style.backgroundColor=bgcolor;  
    		alert("#########"+bgcolor);
    		dark.style.width= pageWidth;
    		dark.style.height= pageHeight;
			vis=0;
			cover.style.display='block';      
	} 
	else 
	{   
		vis=1;
		cover.style.display='none'; 
	}
 
}
 
 
if( typeof XMLHttpRequest == "undefined" ) XMLHttpRequest = function() {
        try { return new ActiveXObject("Msxml2.XMLHTTP.6.0") } catch(e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP.3.0") } catch(e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP") } catch(e) {}
        try { return new ActiveXObject("Microsoft.XMLHTTP") } catch(e) {}
        throw new Error( "This browser does not support XMLHttpRequest." )
};
 
window.onload = function() {
 // alert("inside onload function");
        // updates every 2.5 seconds
        var msBeforeUpdate = 10000;
        setInterval("checkMe()", msBeforeUpdate);
 
}
 
 function checkMe() {
 // alert("inside check me");
        var request =  new XMLHttpRequest();
        var params = "recordIcon=" + recordIcon.src;
   
    serverUrl = encodeURI(serverUrl + "?" + params);
        
        var serverUrl = "<%=request.getContextPath()%>" + "/NotifyAction.do";
        serverUrl = encodeURI(serverUrl + "?" + params);
        // alert("server url"+serverUrl);
        request.onreadystatechange = function() {
                if(request.readyState == 4 ) {
 
                        // toggles based on returned value
                        //toggleIcon(parseInt(request.responseText) > 0);
                        var res = request.responseText.replace(/(^\s+|\s+$)/g,'');
                        var target ="<valid>true</valid>";
                        
                       //  alert("%%%%%%%%%%%%%%"+request.responseText);
                        if(res== target)
                        {
                                toggleIcon(true);
                                }
                        else 
                        {
                        toggleIcon(false);
                        }
                }
        };
       //  alert("outside servlet call");
        request.open("GET", serverUrl);
        request.send(null);
 
}
 
 function ShowAlerts() {
 // alert("inside check me");
        var request =  new XMLHttpRequest();
        var params = "time";
   
   var cover=document.getElementById('cover');
   
          
        var serverUrl = "<%=request.getContextPath()%>" + "/NotificationListAction.do";
        serverUrl = encodeURI(serverUrl + "?" + params);
        // alert("server url"+serverUrl);
        request.onreadystatechange = function() {
                if(request.readyState == 4 ) {
 					var divData = request.responseText;
 					 alert("%%%%%%%%%%%%%%%%%%%%%"+divData);
                        // toggles based on returned value
                        //toggleIcon(parseInt(request.responseText) > 0);
                        var res = request.responseText.replace(/(^\s+|\s+$)/g,'');
                        var cover=document.getElementById('cover');
                        document.getElementById("alertTable").innerHTML = request.responseText;   
                       window.focus();
                        
                       //  alert("%%%%%%%%%%%%%%"+request.responseText);
                      
                }
        };
       //  alert("outside servlet call");
        request.open("GET", serverUrl);
        request.send(null);
 
}
 
 
 
 
function showRecords() {
 var alertWin = "<%=request.getContextPath()%>" + "/inc/Notification.jsp";
//  alert("##########"+alertWin);
        if(window.showModalDialog) {
                window.showModalDialog(alertWin, "records",
                "dialogWidth: 600px; dialogHeight: 400px");
        } else {
                window.open(alertWin, "records","height=600,width=400,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes");
        }
 
} 
 
function toggleIcon(stat) {
 
        var recordIcon = document.getElementById("recordIcon");
 
        if(stat) recordIcon.src = "img/new.png";
        else recordIcon.src = "img/no_new.png";
 
}
 
</script>
 
 
 </head>
 
  
<img id="recordIcon" src="img/no_new.png" class="thickbox" onClick="javascript:disableAllFields();cover();ShowAlerts();" />
 
 <input type="button" class="thickbox" onclick="javascript:createDisplay();" value="fade now" />
 
<div id="cover" style="overflow:1" dir="ltr">
 
	<div id="warning" style="z-index: 5" dir="ltr">
	Mantas Alerts
	
	<span id="alertTable"></span>
	<p align="center">
	<input type="button" onclick="javascript:enableAllFields();cover();" value="clear" /> 
	
	</p>
	</div>
 
</div>

Open in new window

Murali Murugesan

can u execute ur code in firefox with firebug plugin and see if there is any javascript exception?..

Or if you have any exception thrown now,please post it.

-Murali*

manojvashisht

ASKER

there is no exception coming in firefox and IE.

one thing is that i want to make it working for IE not Firefox as our client doesn't approve it.

is it that the ajax call to function using jquery has to have some different syntax or the way i have called will do?

it is really strane that blank box is coming for button click and not coming for image icon click , the functionality for img click is same as before using jquery.

i would really applaud if you can help me in populating the div with the ajax response.
and offcourse using jquery.

Murali Murugesan

before going through your code just a blind try,

whtever button u had and it worked , make the same button as style="display:none" and on img click do the click of the hidden button, see whether it works.

<input type="button" style="display:none" onclick="" id="hdnBtn"/>
<img src="" onclick="document.getElementById('hdnBtn').click();"/>

-Murali*

manojvashisht

ASKER

Hi murali

I have tried but the same is giving a java script error that this property is not supported.

please tell me what could be the way to just make a ajax call on click of image icon,and then populate the response coming in html form from server side in to a div.

are there any special way to make ajax call using jquery.?
how to call a struts action for the same by ajax?

Murali Murugesan

i don't see any problem with the way you call the action class.

Can you spot where the property not supported exception is throwed?...

Also check whether the action is getting the control after the image click..

manojvashisht

ASKER

yes my action is getting called ,my div is getting pouplated with the html stram from action...............

but there is no jquery effect i am seeing, the hdnbtn approach is not working either.

does jquery make a div using dhtml, please suggest

Murali Murugesan

do u get jquery effect when you use button instead of img?...

manojvashisht

ASKER

if i give this much code
<input type="button" class="thickbox" value="fade now" />

on click of button it greys out the screen and opens a draggable box kind of thing in between the page. that vanishes as soon i click somewhere else outside the box on page or press esc.

while in case of image icon click i am trying to populate a div,the div appears as normal as it was before use of jquery that is no jquery effect.

i had attached the code for same already.i am unable to get through populating the inner html on page as div.
please suggest what could be needed to achieve the same