Struts Problem

DB2Problem · Oct 14, 2005

Hello ALL {STRUTS GURUS}

I have this struts driven JSP page that has a checkbox - Named as "Unsubscribe" having value of on/off depending on property = checkbox. When you check the box I call a javascript function go(). I need to implement this function "or" if you have a better Idea you can suggest me {otherwise}

So when i click on this checkbox, i need to disable the other multiboxes on the same JSP page {again - same JSP page, The reason is that if someone clicks on "Unsubscribe" he/she should see the other checkboxes as disabled.

For this usecase, I just want the end user NOT TO do any activity once they click on "Unsubscribe". The only option they will have is to submit the page. That will take them to so called thankyou page.

Now, I have to find the best solution that avoids a trip to another action {ActionServlet} and optimize the code as well.

How can I achieve this goal??

Below is my full JSP page and I have left the javascript function just with an alert. If anyone of you have encountered this problem, please share the knowledge else advise advise advise

Thanks a lot

JSP page is given below -

<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

<html:html locale="true">
<head>
<html:base/>
<title><bean:message key="title.homepage.pccenter"/></title>

<script language="javascript" src="js/global.js"></script>
<script language="javascript" src="js/msrp.js"></script>
<script language="javascript" src="js/util.js"></script>
<script language="javascript">
var navOn = 1;
// currently unused: var currentParent = "";
var currentPage = "homepage";
var curSubPage = "home";
var parent_list = "";
var curVehicle = "brand";
var curModel = "";
var homepageName = "flash";
</script>

<script language="javascript" src="js/nav.js"></script>
<script language="javascript" src="nav/home_nav.js"></script>

<link rel="stylesheet" type="text/css" href="css/base_font.css"></link>
<link rel="stylesheet" type="text/css" href="css/pref_center.css"></link>
<link rel="stylesheet" type="text/css" href="css/buttons.css"></link>
<style type="text/css">
.footer{
margin-top:1;
}
</style>
</head>
<script>
function go() {
alert("hello");
}
</script>

<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">

<html:form action="/subscription">






<div class="pageTitle"><img src="img/subsc_ctr.gif" alt="Subscription Center"></div>

<table class="prefHolder" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="leftHandCell width50">

<div class="bottomPad"><bean:message key="message.top.text" /></div>

<div class="blueBox padSmall"><bean:message key="message.top.emailText" />

<div class="pageSubTitle"><bean:write name="MainForm" property="consumerEmailAddress" /></div>

</div>

<div class="buttonLinks bottomPad"><a class="c_m o_med_button" href="#">ACCOUNT SETTINGS     </a><div class="floatRight buttonLinksText">To change this, please go to  </div></div>

<div class="pageSubTitle bottomPad"><bean:message key="message.middle.privacy" /></div>

<div><bean:message key="message.middle.privactStatement" /><br>

<bean:message key="message.middle.privacyLink" /></div>

</td>

<td class="rightHandCell width50">

<div class="blueBox">

<div class="padTen"><span class="pageSubTitle"><bean:message key="message.subscription.top.text" /></span><br><bean:message key="message.subscription.top.optionsText" /></div>



<div class="hilightRow">

<table border="0" cellspacing="0" cellpadding="5">

<tr>

<td><html:checkbox property="checkbox" onclick="javascript:go(); return false;" /></td>

<td><strong><bean:message key="message.subscription.unsubscribe" /></strong><br><bean:message key="message.subscription.unsubscribeText" /></td>

</tr>

</table>

</div>

<logic

resent name="MainForm">
<logic:iterate id="subscription" name="MainForm" property="subscriptionList" indexId="index">
<table border="0" cellspacing="0" cellpadding="5">

<tr>

<td><strong><html:multibox property="subscrIds">

<bean:write name="subscription" property="sbs_code" />
</html:multibox></strong><br><bean:write name="subscription" property="sbs_desc" /></html:multibox></td>

</tr>
</logic:iterate>
</logic

resent>

</table>

</div>

<html:hidden property="pageName" value="home"/>

<html:submit value="Submit Request >"/>

</td>

</tr>

</table>
</html:form>
</body>
</html:html>

venur · Oct 14, 2005

Hi,

Here is the javascript

Code:

<script>
 function go(chk){
  alert(chk.checked);
  if(chk.checked){
   // disable other checkbox
   var oCheckBox = document.getElementsByTagName("input");
   for(var i=0; i<oCheckBox.length; i++){
    if((oCheckBox[i].type == "checkbox") && (oCheckBox[i].name != chk.name)){
      oCheckBox[i].disabled = true; 
    }
   }
  }else{
   // enable all
   var oCheckBox = document.getElementsByTagName("input");
   for(var i=0; i<oCheckBox.length; i++){
    if(oCheckBox[i].type == "checkbox"){
      oCheckBox[i].disabled = false; 
    }
   }

  }
 }
</script>

This is how you call the javascript function
<input type="checkbox" name="C1" value="ON" onClick = "go(this)"> Unsubscribe</p>

Hope this will hlep you.

Cheers
Venu

DB2Problem · Oct 14, 2005

Well thanks for the post - It did help. Here's the full solution (may help anyone else)

function refresh(f) {

var MainForm = this.f;

var i = document.MainForm.subscrIds.length
if(document.MainForm.checkbox.checked)
{
for (i=0; i< document.MainForm.subscrIds.length;i++)
{
document.MainForm.subscrIds.disabled = true;
}
}else{
for (i=0; i< document.MainForm.subscrIds.length;i++)
{
document.MainForm.subscrIds.disabled = false;
}
}

return true;

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Struts Problem

DB2Problem

Programmer

venur

MIS

DB2Problem

Programmer

Similar threads

Part and Inventory Search

Sponsor