Preselect Htmlb Radiobutton using javascript

Hi Experts,
when I click on a button, i want to preselect a radiobutton using javascript.
I am using below code to get the instance of the radiobutton in the javascript, but I am unable to select the radiobutton.
var theRadio = eval(func(grpId + htmlb_radiobuttonmodifier.substring(3,7)+ "1"));
Thanks in advance

Hi,
Try alerting "(theRadio.type)".
If you are getting the proper checkbox instance then the alert should display "checkbox". If that much is working then checking the checkbox is as simple as
var theRadio = eval(func(grpId + htmlb_radiobuttonmodifier.substring(3,7)+ "1"));
if(theRadio)
theRadio.checked = true
By the way what does the function "func" do?
Regards,
Satyajit

Similar Messages

Validating the htmlb inputfield using javascript

Hi,
I am trying to validate the htmlb inputfiels using the javascript,i want to get the value entered iin this inputfield in the javascript in order to validate
plz help me on how do i get the value of the inputfield in the script.
Thanks
Ajay

Hi
   please check the below example if it helps you
<script language='JavaScript'>
      function validateInputField() {
          var funcName = htmlb_formid+"_getHtmlbElementId";
          func = window[funcName];
          var inputfield = eval(func("xyzinputfield"));
          var inputFieldValue = inputfield.getValue();
          input = inputFieldValue.toLowerCase();
          if ( input.checkforsomecondition ) {
                       true perform some action
          else { false display some message
                    alert( "please......... give some message upon failure " ); }
</script>
use some hbj code similar to this
<tr><td width = 40%>
<hbj:inputField
           id="xyzinputfield"
           type="string"
           maxlength="100"
           value="Your name here"
           jsObjectNeeded="true"
/>
<hbj:button
           id="exbutton"
           value="Your name here"
           OnClientclick="validateInputField()"
/>
regards
jagdesh
Message was edited by: jagdeshwar Manipatruni

HTMLB eventing using javascript

Hello experts,
I have a requirement which i am unable to figure out how to do it .
I have HTMLB dropdown in which the items are popolauted using listitembox. Now my requirement is to disable another drop down depending upon the value selected in this dropdown .
There is no controller in this PDK component . Hence need to use javascript to handle this . But not able to do it.
Could anyone help me in resolving this .
Points will be awared.
Regards,
Pratima.

Hi,
never used, but found here: [http://www.sapdesignguild.org/resources/htmlb_guidance/index.html|http://www.sapdesignguild.org/resources/htmlb_guidance/index.html] in this part: [http://www.sapdesignguild.org/resources/htmlb_guidance/dropdown_dev.html|http://www.sapdesignguild.org/resources/htmlb_guidance/dropdown_dev.html] that it should support onClientSelect event - that should do it.
Romano

HTMLB - RadioButton - setClientEvent Javascript

Hi All,
I have a radiobutton, on click of this i need to display another set of radiobuttons. For this I have javascript function which displays the DIV.
Below is the code for this.
<hbj:radioButtonGroup id="radioGrp" columnCount="1" selection="<%=testBean.getSelectedRadio()%>">
<hbj:radioButton id="radioBtn" key="name" text="Name" jsObjectNeeded="true">
<%
radioGrp.getRadioButtonForKey(radioBtn).setClientEvent(com.sapportals.htmlb.enum.EventTrigger.ON_CLICK, "onSelectRadio('radioBtn)");
%>
</hbj:radioButton>
This works perfectly fine. When i select the radio button, the javascript function is displayed and relative DIV is displayed.
But the problem here is, if I select the radio button and due to any other event on the page, if the page gets refreshed, I am getting below exception (Portal Runtime error) .
Caused by: com.sapportals.htmlb.page.PageException: Eventhandler- "com.sapportals.htmlb.event.LinkClickEvent" or "onCom.sapportals.htmlb.event.LinkClickEvent" not found! '
I have imported the EventTrigger and Event in the jsp. If I comment the radiobutton code, I am not geting the above error.
Please let me know your thoughts . I have been struggling to find a solution for this issue.
Thanks
Sudha
Edited by: sona p on Jan 14, 2010 9:19 PM

Hi,
Try alerting "(theRadio.type)".
If you are getting the proper checkbox instance then the alert should display "checkbox". If that much is working then checking the checkbox is as simple as
var theRadio = eval(func(grpId + htmlb_radiobuttonmodifier.substring(3,7)+ "1"));
if(theRadio)
theRadio.checked = true
By the way what does the function "func" do?
Regards,
Satyajit

How to set radio button from radio group using javascript, HTMLB

Hi guys,
I am trying to set one radio button as checked, from my radio button group using javascript.
This is the code:
     <hbj:radioButtonGroup id='TRAIN_SUB' columnCount="1">
          <hbj:radioButton id="TRAIN_SUB0" text="Not Applicable" key="NA" disabled="true" />
          <hbj:radioButton id="TRAIN_SUB1" text="SDF" key="SDF" disabled="true" jsObjectNeeded="TRUE"/>
     <%
          ssTrainSubsidy = new String(MAIN_FORM.getParamIdForComponent(TRAIN_SUB));
     %>
     </hbj:radioButtonGroup>
in javascript, i am using this:
               /document.getElementById('<%= ssTrainSubsidy%>')[2].checked =true;
I also tried to access the radiobutton directly, using
          ssTrainSubsidy0 = new String(MAIN_FORM.getParamIdForComponent(TRAIN_SUB0));
but it has null pointer error.
but always have error, anyone can help? thanks!!
Edited by: Feng Guo on Aug 12, 2010 3:44 PM

document.getElementById(radioid).checked =true;
this code will work to select the radio button (set). i think there is a error in the id you placed in ID. place the Radio butoon id and check again. Check this thread on [setting a Radio button|Setting HTMLB RadioButtonGroup Selection using JS;
regards,
Mahesh

HTMLB Form Validation using JavaScript

Hi All,
<b>
I have created a portal appliaction using JspDynPage.
I have created a form using HTMLB tags. I want to validate the inputfields before sending it to the server for processing.
The validation has to be done using Javascript
</b>
<b> How do i got about this ??? </b>
regards
Brahmachaitanya

I have written the following code to perform the validation.......
<b>
function validate()
          var funcName=htmlb_formid+"_getHtmlbElementId";
          func=window[funcName];
          var inpBox1 = eval(func('if1'));
          var eno=inpBox1.getValue();
          if(eno=='' || eno==null)
               alert('Please Enter Employee Number');
               htmlbevent.cancelSubmit=true;
          var inpBox2 = eval(func('if2'));
          var ename=inpBox2.getValue();
          alert(ename);
          if(ename=='' || ename==null)
               alert('Please Enter Employee Name');
               htmlbevent.cancelSubmit=true;
          var inpBox3 = eval(func('absencetype'));
          var atype=inpBox3.getValue();
          if(atype=='' || atype==null)
               alert('Please Enter Absence Type');
               htmlbevent.cancelSubmit=true;
          var inpBox4 = eval(func('if4'));
          var from=inpBox4.getValue();
          if(from=='' || from==null)
               alert('Please Enter From Date');
               htmlbevent.cancelSubmit=true;
          var inpBox5 = eval(func('if5'));
          var to=inpBox5.getValue();
          if(to=='' || to==null)
               alert('Please Enter To Date');
               htmlbevent.cancelSubmit=true;
          var inpBox6 = eval(func('if6'));
          var approve=inpBox6.getValue();
          if(approve=='' || approve==null)
               alert('Please Enter Approver Name');
               htmlbevent.cancelSubmit=true;
</b>
The problem now is that i am getting the <b> alert message only for Employee Number.</b>
<b> I am not getting the alerts if I leave the the other fields blank </b>
<b> How do i go about this ????????? </b>
regards
Brahmachaitanya

HTMLB RadioButton

Hi
I am using a HTMLB radioButton in a JSPDynpage.
I have a radiobutton group consisting of 2 radio buttons.
I am unable to get the selected value in Javascript.
I am using the following code
(eval(func("radiobuttonId"))).getChecked();
I get an error
"Undefined is null or not an object"
Can somebody help out please.

Hi Prakash
I tried your suggestion but it still doesn't work.
I have pasted my JSP code here so that you can have a look.
Towards the end there is a javascript function openwindow() where I am trying to alert the radio button values.
<%@ taglib uri= "tagLib" prefix="hbj" %>
<%@ page import = "com.sapportals.htmlb.enum.EventTrigger" %>
<%     String buttonid = "";%>
<jsp:useBean id="ProductInfoBean" scope="application" class="bean.ProductInfoBean" />
<hbj:content id="myContext" >
<hbj:document>
     <hbj:documentHead title="test"></hbj:documentHead>
     <hbj:documentBody>
   <hbj:form id="myFormId" >
          <hbj:gridLayout
          id="myGridLayout1"
          debugMode="False"
          width="40%"
          cellSpacing="5"
          >
               <hbj:gridLayoutCell
                    rowIndex="1"
                    columnIndex="1"
                    width="10%"
                    horizontalAlignment="LEFT"
               >
                    <hbj:textView
                         text="Title"
                         id="txtTitle"
                         tooltip="Title"
                         encode="false">
                    </hbj:textView>
               </hbj:gridLayoutCell>
               <hbj:gridLayoutCell
                    rowIndex="1"
                    columnIndex="2"
                    width="10%"
                    horizontalAlignment="LEFT"
               >
                    <hbj:inputField
                         id="ipTitle"
                         type="String"
                         invalid="true"
                         width="100"
                         value=""
                         visible="true"
                         disabled="false"
                         required="false"
                         maxlength="30"
                         size="50"
                         design="standard"
                         jsObjectNeeded="true"
                    >
                    <%
                         ipTitle.setClientEvent(EventTrigger.ON_KEYDOWN,"handle_enter()");
                         ipTitle.setClientEvent(EventTrigger.ON_CHANGE,"handle_titleChange()");
                    %>
                    </hbj:inputField>
               </hbj:gridLayoutCell>
               <hbj:gridLayoutCell
                    rowIndex="2"
                    columnIndex="1"
                    width="10%"
                    horizontalAlignment="LEFT"
               >
                    <hbj:textView
                         text="Promotion"
                         id="txtPromotion"
                         tooltip="Promotion"
                         encode="false">
                    </hbj:textView>
               </hbj:gridLayoutCell>
               <hbj:gridLayoutCell
                    rowIndex="2"
                    columnIndex="2"
                    width="10%"
                    horizontalAlignment="LEFT"
               >
                    <hbj:dropdownListBox
                         id="ddPromotion"
                         tooltip="Promotion"
                         disabled="false"
                         jsObjectNeeded="true"
                    >
                         <hbj:listBoxItem
                              key=""
                              value="- Select Promotion -"
                         />
                         <%for(int i=0;i<ProductInfoBean.getPromotions().size();i++){%>
                         <hbj:listBoxItem
                              key="<%=(String)(ProductInfoBean.getPromotions().elementAt(i))%>"
                              value="<%=(String)(ProductInfoBean.getPromotions().elementAt(i))%>"
                              />
                         <%}%>
                    <%
                         ddPromotion.setClientEvent(EventTrigger.ON_CHANGE,"handle_promotionChange()");
                    %>
                    </hbj:dropdownListBox>
               </hbj:gridLayoutCell>
               <hbj:gridLayoutCell
                    rowIndex="3"
                    columnIndex="1"
                    width="10%"
                    horizontalAlignment="LEFT"
               >
                    <hbj:textView
                         text="Selection #"
                         id="txtSelection"
                         tooltip="Selection #"
                         encode="false">
                    </hbj:textView>
               </hbj:gridLayoutCell>
               <hbj:gridLayoutCell
                    rowIndex="3"
                    columnIndex="2"
                    width="10%"
                    horizontalAlignment="LEFT"
               >
                    <hbj:inputField
                         id="ipSelection"
                         type="String"
                         invalid="true"
                         width="100"
                         value=""
                         visible="true"
                         disabled="false"
                         required="false"
                         maxlength="30"
                         size="50"
                         design="standard"
                         jsObjectNeeded="true"
                    >
                    <%
                         ipSelection.setClientEvent(EventTrigger.ON_KEYDOWN,"handle_enter()");
                         ipSelection.setClientEvent(EventTrigger.ON_CHANGE,"handle_selectionChange()");
                    %>
                    </hbj:inputField>
               </hbj:gridLayoutCell>
          </hbj:gridLayout>
               <hbj:radioButtonGroup
                    id="rbgTypeSelect"
                    columnCount="2"
                    selection="rb_artwork"
                     >
                    <hbj:radioButton
                         id="rbArtwork"
                         text="Artwork"
                         key="rb_artwork"
                         tooltip="Extranet"
                         disabled="false"
                          jsObjectNeeded="true"
                    >
                    </hbj:radioButton>
                    <hbj:radioButton
                         id="rbProductDetails"
                         text="ProductDetails"
                         key="rb_productDetails"
                         tooltip="OVLC"
                         disabled="false"
                          jsObjectNeeded="true"
                    />
               </hbj:radioButtonGroup>
               <hbj:button
                 id="searchButton"
                text="Search"
              tooltip="Please click to search"
              disabled="false"
              onClientClick = "openWindow()"
              jsObjectNeeded="true"
              >
               </hbj:button>
          </hbj:group>
   </hbj:form>
</hbj:documentBody>
</hbj:document>
<script language="javascript">
     function clearSearchCriteria(){
          var funcName = htmlb_formid+"_getHtmlbElementId";
        func = window[funcName];
       (eval(func("ipTitle"))).setValue("");
       (eval(func("ipSelection"))).setValue("");
       (eval(func("ddPromotion"))).setValue("");
     function handle_enter(){
         var src= window.event.srcElement;
         k = window.event.keyCode;
         if (k == 13) {
             // enter key pressed
                  openWindow();
     function handle_titleChange(){
          var funcName = htmlb_formid+"_getHtmlbElementId";
        func = window[funcName];
        var title = (eval(func("ipTitle"))).getValue();
        if(title != "")
             (eval(func("ipSelection"))).setDisabled(true);
             (eval(func("ddPromotion"))).setDisabled(true);
        else
             (eval(func("ipSelection"))).setDisabled(false);
             (eval(func("ddPromotion"))).setEnabled(true);
     function handle_selectionChange(){
          var funcName = htmlb_formid+"_getHtmlbElementId";
        func = window[funcName];
        var selection = (eval(func("ipSelection"))).getValue();
        if(selection !="")
             (eval(func("ipTitle"))).setDisabled(true);
             (eval(func("ddPromotion"))).setDisabled(true);
        else
            (eval(func("ipTitle"))).setDisabled(false);
            (eval(func("ddPromotion"))).setEnabled(true);
     function handle_promotionChange(){
          var funcName = htmlb_formid+"_getHtmlbElementId";
        func = window[funcName];
        var promotion = (eval(func("ddPromotion"))).getValue();
        if (promotion!=""){
             (eval(func("ipTitle"))).setDisabled(true);
             (eval(func("ipSelection"))).setDisabled(true);
        else
            (eval(func("ipTitle"))).setDisabled(false);
             (eval(func("ipSelection"))).setDisabled(false);
      function openWindow(){
           var funcName = htmlb_formid+"_getHtmlbElementId";
        func = window[funcName];
        var title = (eval(func("ipTitle"))).getValue();
        var selection = (eval(func("ipSelection"))).getValue();
            var promotion = (eval(func("ddPromotion"))).getValue();
//            var selType = (eval(func("rbProductDetails"))).getChecked();
            var rb = eval(func(htmlb_radiobuttonmodifier+"rbArtwork")).getChecked();
            var rb2 = eval(func(htmlb_radiobuttonmodifier+"rbProductDetails")).getValue();
     alert("rb cheked " + rb);
     alert("rb2 value " + rb2);
</script>
</hbj:content>

Problem with html table and htmlb radiobutton group

Hello,
I wrote this code:
       <table width="100%" border="1">
        <tr>
          <th>
            Valutazione manageriale complessiva dell#anno
          </th>
          <th>1</th>
          <th>2</th>
          <th>3</th>
        </tr>
        <tr>
          <th>
            imprenditività
          </th>
          <htmlb:radioButtonGroup id="PROVA1"
                                   columnCount="3"
                                    mode="LOGICAL_GROUPING">
          <th><htmlb:radioButton id="1" text="1" encode="TRUE"/></th>
          <th><htmlb:radioButton id="2" text="2" encode="TRUE"/></th>
          <th><htmlb:radioButton id="3" text="3" encode="TRUE"/></th>
          </htmlb:radioButtonGroup>
        </tr>
        <tr>
          <th>
            Autorevolezza
          </th>
          <htmlb:radioButtonGroup id="PROVA2"
                                   columnCount="3"
                                    mode="LOGICAL_GROUPING">
          <th><htmlb:radioButton id="1" text="1" encode="TRUE"/></th>
          <th><htmlb:radioButton id="2" text="2" encode="TRUE"/></th>
          <th><htmlb:radioButton id="3" text="3" encode="TRUE"/></th>
          </htmlb:radioButtonGroup>
        </tr>
      </table>
but the third row (where there is "Autorevollezza/PROVA2") appears out of the table.
Do yuo now why?
Regards
Maria

you need to put the htmlb:radioButtonGroup Tags within the
tags
<tr>
<td>
imprenditività
</td>
<td>
    <htmlb:radioButtonGroup id="PROVA1" columnCount="3" mode="LOGICAL_GROUPING">
    <htmlb:radioButton id="1" text="1" encode="TRUE"></htmlb:radioButton></td>
<td><htmlb:radioButton id="2" text="2" encode="TRUE"></htmlb:radioButton></td>
<td><htmlb:radioButton id="3" text="3" encode="TRUE"></htmlb:radioButton>
     </htmlb:radioButtonGroup></td>
</tr>
there is a invisible table rendered by htmlb and the browser does not know what to do when you put that between </tr> and </table> so he ends your table...
better you use <htmlb:gridLayout> instead of html-tables...
stefan

Use Javascript to redirect URL on exit of BSP

Hi all,
On closing of a web planning session(an BW-BPS created BSP), I would like to automatically redirect the URL address to a URL of my choice after the session is correctly closed (releasing all locks etc).
I am looking to do this by including a javascript statement. Anyone know how to do this?
Thanks and regards,
Rael

Hi Rael,
Create 2 BSP Pages in your Appln using the foll code.
<b> First Page </b>
<b>1.</b> Layout
<%@page language="abap"%>
<%@extension name="htmlb" prefix="htmlb"%>
<htmlb:content design="design2003">
<htmlb:page title = "sdsd ">
    <htmlb:form>
      <htmlb:button id      = "exitpage"
                          text    = "Exit"
                          design = "EMPHASIZED"
                          onClick = "OnClickEventHandlerName" />
    </htmlb:form>
</htmlb:page>
</htmlb:content>
<b>2.</b> OnInputProcessing
   CLASS cl_htmlb_manager DEFINITION LOAD.
   DATA event TYPE REF TO if_htmlb_data.
   event = cl_htmlb_manager=>get_event_ex( request ).
   CASE event->event_id.
     WHEN 'exitpage'.
       navigation->goto_page( 'session_exit.htm' ).
   ENDCASE.
<b> Session_exit Page </b>
<b>1</b>. Layout
<%@page language="abap"%>
<%@extension name="htmlb" prefix="htmlb"%>
<script language="JavaScript">
function exitBSPApplication()
<% CLASS cl_bsp_login_application DEFINITION LOAD. %>
var EXIT_URL = "<%= CL_BSP_LOGIN_APPLICATION=>GET_SESSIONEXIT_URL( page =
page ) %>";
EXIT_URL += "&bsp_do_not_delete_sso2_cookie=X";
self.location.href=EXIT_URL;
window.open(EXIT_URL);
</script>
<form name="frmmenu" method="post">
<body onload="exitBSPApplication()">
Rgds,
Jothi.
Pl close the thread if your problem is solved.

How can I automatically close a dialog box using Javascript after I click the OK button to submit it?

How can I automatically close a dialog box using Javascript after I click the OK button to submit it? I don't want to have to X out of the dialog box after I am done.
Thanks
Linda

JS can not interact with open dialogs in any way, unless it's a dialog
created in JS using the Dialog object.
On Thu, Jul 24, 2014 at 11:13 PM, lindaeliseruble <[email protected]>

How to retrieve value of one column to other in Apex using Javascript

Hi all,
Can any one help me in solving this problem.
How to send a value from one column to another column using javascript in Apex. I heard that we can use onChange().
My requirement is,
I have a column(Varchar2) in form where i need to enter a value and the data need to be sent to another column(Number) when i press apply changes.
ex: if i enter a value say 1/3 or 1/4 or 1/3*1/6
the result should be entered in the other column.
Message was edited by:
Raman

Try something like
html_GetElement('P1_ITEM2').value = eval(html_GetElement('P1_ITEM1').value);

How to show modal window without popup in a web page using javascript

Hi,
How to show modal window without popup in a web page using javascript, means when the modalwindow is opened it should not ask for popup blocker alert......
pls help me.....

Thanx for ur reply,
Actually the senario is when i click on a button, another jsp page should be displayed in a modal window without popup, but the functions alert() and confirm() will not accept the url path of the another jsp page...

How to create new subsite while adding new item to the list by using javascript?

hi,
I hav a task ie, when I add item to the list then subsite will create with that list item title and description . So By using javascript, I have to create subsite while adding new item to the list.
Help me to solve this.
Thank you,

Is your item getting added through Javascript client object model ? If yes, you can write in the success delegate of your list creation method the logic to create the subsite.
function CreateListItem()
var clientContext = new SP.ClientContext.get_current();
var oList = clientContext.get_web().get_lists().getByTitle('List Name');
var itemCreateInfo = new SP.ListItemCreationInformation();
this.oListItem = oList.addItem(itemCreateInfo);
oListItem.set_item('Title', 'My New Item!');
oListItem.set_item('Body', 'Hello World!');
oListItem.update();
clientContext.load(oListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.CreateListItemOnSuccess), Function.createDelegate(this, this.onQueryFailed));
function CreateListItemOnSuccess() {
var subsiteTitle = oListItem.get_item('Title');
//Logic to create a subsite
function onQueryFailed(sender, args) {
I have added a sample flow for the above scenario. Have a look at the following lnk for how you can craete a subsite using ecmascript.
http://ravisoftltd.wordpress.com/2013/03/06/sharepoint-2010-create-site-with-ecma-script-with/
Geetanjali Arora | My blogs |

How to get page number from the PDF using Javascript

Hi,
We are having list of Single page PDF. The pdf are named in the order,
ISBN_Author_01.PDF (with real page number as i)
ISBN_Author_02.PDF (with real page number as ii)
ISBN_Author_03.PDF (with real page number as iii)
ISBN_Author_04.PDF (with real page number as 1)
ISBN_Author_05.PDF (with real page number as 2)
ISBN_Author_06.PDF (with real page number as 3)
ISBN_Author_nn.PDF (with real page number as 500)
Here each pdf has a page number and in sequential order.
The task is to check whether all the pdfs are in sequential order (i.e i, ii, iii, 1, 2, 3). If any page is missing, the script should throw an error report.
To do this task, I am writing a Javascript to get the real page number from the PDF.
Can anybody help me how to get the page number from the PDF using Javascript.
Thanks,
Gopal

The "real" page number within a PDF is the count of the physical page starting at 0, zero.
pageNum numPages
The number printed on each page is the page label.
setPageLabels getPageLabel
You will have to open each PDF and your script would need to know the page label for that file. I would expect you would need to build a 2 dimensional array of the file names and the page label for the page within that array.

How to get values from a table(in jsp) for validation using javascript.

hi,
this is praveen,pls tell me the procedure to get values from a table(in jsp) for validation using javascript.
thank you in advance.

Yes i did try the same ..
BEGIN
select PROD_tYPE into :P185_OFF_CITY from
magcrm_setup where atype = 'CITY' ;
:p185_OFF_CITY := 'XXX';
insert into mtest values ('inside foolter');
END;
When i checked the mtest table it shos me the row inserted...
inside foolter .. Now this means everything did get execute properly
But still the vallue of off_city is null or emtpy...
i check the filed and still its empty..
while mtest had those records..seems like some process is cleaining the values...but cant see such process...
a bit confused..here..I tried on Load after footer...
tried chaning the squence number of process ..but still it doesnt help
some how the session variables gets changed...and it is changed to empty
Edited by: pauljohny on Jan 3, 2012 2:01 AM
Edited by: pauljohny on Jan 3, 2012 2:03 AM

Preselect Htmlb Radiobutton using javascript

Similar Messages

Maybe you are looking for