Modify hbj:tableView with JavaScript

Hi forum-team,
does anyone know if it is possible to modify the contents of a hbj:tableView-Cell with JavaScript (e.g. modify the text within a cell)?
I only found some getClickedRow methods within the JavaScript API.
Regards,
Frank

Hi,
I can't get a code for this but can guide you.
There is onClientCellClick event for tableview which can be used for this. You will have to implement separate methods for each cell click, I hope. Also this is a classlib and not taglib. Check the documentation for more info on this.
http://help.sap.com/saphelp_nw70/helpdata/en/fd/01f34026d70b06e10000000a155106/frameset.htm
Also check these.
onClientRowSelection for tableView's
onClientCellClick in htmlb tableview
Regards,
Harini S

Similar Messages

How to bypass or modify WAD initialization with javascript

Hello WAD Developers
I want to understand what happens when you load and re-load a page, because I need to invoke some logic only the first time a page is run and not each time you click someone.
I have created some javascript logic which uses a drop-down to reset a data provider - similar to the Query View Selector item except that I can take advantage of variants. Part of my solution is that I load a drop-down select box from an external list of choices. The BW data part works wonderfully. But what also happens is that my select options load EVERY TIME any event happens on the page. This means that after the data is loaded and the select box is reset, it will not show what was selected. I've tried "first-time only" logic in the function, but since the page refreshes, it's always the first time.
Any suggestions?
To show it graphically,
Here's how the dropdown boxes normally work. Let's pretend my box shows four slots:
Select a State <== This is what you see in your box.
AL
GA
FL
If you select GA, then the next time you might see
GA <== Now I'll see the first selected item.
FL
IN
OK
Select a State <== Even after a selection,
AL <== I always see this
GA
FL
What I have coded the drop-down to do is like this:
1. In the html itself, there is only one item:
Selection Goes Here.
2. After my code loads, by running a function from the <body onload>, I get:
Variant1
Variant2
Variant3 etc.
If the user selects Variant2, the next time I should see:
Variant2
But instead my code shows me:
Variant1 each time.
I have code within the function to only load the drop-down when it is in the initial state, but my debugging shows
me the initial html drop-down values are reset each time. How can I persuade bw NOT to reset this code each time?
If this is javascript DOM stuff and someone can show me that instead, I'll be greatful.
Points are awarded, and if you're in Atlanta, I'll even bring you a Coke and a candy bar.
Thanks in advance,
Doug Childs

Hi,
you could use a wrapper around your Template:
Your Template is an Iframe in a 'top'-template.
'onload' in your bw-template you could then chek the upperframe for a variable, which tells you if your function was allready executed.
Regards,
Alican

Read entered data in hbj:tableView

Hi forum,
I've got a simply jsp displaying a tableView with two columns, a date and an input field.
In my "onNavigate"-event, if I try to access dtv.getColumnCount it says 2 and dtv.getRowCount() is 365.
Thats fully ok.
But if i now try to access the data stored inside the second column (the input-fields) with dtv.getValueAt(3,2), it throws always a NullPointerException.
Any hints on that? How do I read out the data which an user has entered in the input-fields inside the tableView?
Thanks in advance!
Regards,
Frank

Hi Florian,
sure I can
TableView:
     <hbj:tableView
          id="DemandTable"
          model="jup.DemandTable"
          design="ALTERNATING"
          headerVisible="true"
          footerVisible="true"
          fillUpEmptyRows="true"
          navigationMode="BYLINE"
          selectionMode="NONE"
          headerText="Bedarfsanzeige"
          visibleFirstRow="1"
          visibleRowCount="30"
          width="300 px"
          onNavigate="onNavigate"
     >
     <% DemandTable.setVisibleFirstRow(jup.getDemand_table_visible_first_row());
        DemandTable.setKeyColumn(1);
        for (int i=1; i <= DemandTable.getRowCount(); i++)
             DemandTable.setCellType(i,2,TableColumnType.INPUT);
     %>
     </hbj:tableView>
Navigation-Event:
     public void onNavigate(Event event) {
          if (event instanceof TableNavigationEvent) {
               TableNavigationEvent tne = (TableNavigationEvent) event;
               JupAppl myJUPContainer;
               // get the JUP-Container
               IPortalComponentRequest request = (IPortalComponentRequest) this.getRequest();
               myJUPContainer = (JupAppl) request.getComponentSession().getValue("jup");
               // setting rowcount
               myJUPContainer.setDemand_table_visible_first_row(tne.getFirstVisibleRowAfter());
               //tabelle in wl speichern
               TableView dtv = (TableView) getComponentByName("DemandTable");
               try {
                    myJUPContainer.webpath = "ColCount:" + dtv.getColumnCount() + " and RowCount:" + dtv.getRowCount()
                    + "<br>Value@1,1:"; // row, col
                    AbstractDataType x = dtv.getValueAt(1,1);
               } catch (Exception ex)
                    myJUPContainer.webpath = ex.toString();
               ArrayList wl = new ArrayList();
               wl = myJUPContainer.jup.get_DailyWorkload();
               wl.set(5,new Integer(999));
               myJUPContainer.jup.set_DailyWorkload(wl);
               // write object back to bean
               request.getComponentSession().putValue("jup",myJUPContainer);
          } else {
               // wrong event...
The error is thrown in line "AbstractDataType x = dtv.getValueAt(1,1);".
Thanks for your help!
Regards,
Frank

Tableview: Call Javascript-Function when row is selected

Hi everybody,
I have created a tableview with selectionmode lineedit.
Now, I'm looking for a way to call a Javascript function when a row is selected.
The value of the selected row shall be passed to this function.
How can I sove this.
Best regards
Alberto

HI Alberto,
referr to JavaScript to check if any row is selected or not..!...
Even I am waiting for an answer...Now atleast I have a partner in th wait..!!
Thanks,
Tatvagna...

Please help with Javascript obejcts hierarchy

Hi!
Is following Javascript obejcts hierarchy is right?
1. App > 2. Doc > 3. Page >
(from Page) > 3.1 Annotation3D
(from Page) > 3.2 Field (link)
thank u )

You have to have Acrobat/Reader open to open a PDF and use some or all of the Acrobat JS features.
When Acrobat/Reader is started various folders are accessed and files within those folders read and processed to create the application. This includes dictionaries, certain global variables, various functions provided by Adobe, and user defined functions or variables. The Adobe provided functions or user provided functions or variables are accessed by their assigned name. So if you created an application folder level function in a file called 'hello.js' containing the following code:
function HelloWorld()
app.alert('Hello World!');
return;
HelloWorld();
Each time you open Acrobat an alert box with "Hello World!" will appear. So even without any PDF open one can perform or have a task done. With application level scripts, you can add menu item, tool bar buttons, or modify menu items, etc. So when you open Acrobat you could have a menu item to create a new blank PDF or add the JS API Reference to the "Help" menu item. And if you selected "Help => JavaScript API', the JS API Reference file would open, whether there is an open PDF or not.
PDF files are opened at the application level, as the application needs to interpret the code of the PDF file and provide the necessary resources for displaying, calculating, linking, etc for the open PDFs. If you open a PDF pragmatically, you need to provide an object name to that PDF. Especially if you are going to reference that file with JavaScript.
Within an open PDF there are various actions. The first is the document level scripts that are used to establish the environment in which that PDF will function. This could include special functions to sum values, compute date differences, perform special key stroke and formatting. There can even be test to see if there are any necessary application level functions available for use the the document.
Within PDF document you can can fields, links, comments, etc. And these items only exist in the PDF document and rely on the PDF document for performing the various task or communicating those task the the application.
By the way with the "HelloWorld" function defined in the application JavaScirpt folder, and PDF opened on that computer can have a button with the 'mouse up' action JavaScript of "HelloWorld();" for the code and any time that button is pressed the alert box that appeared when Acrobat was started will appear. But if you take that PDF to another computer that does not have that file nothing will happen or an error box will appear.
See Getting Started - Developing for PDF by Dave Wright and look around the Planet PDF site.
You also need to realize that Acrobat JavaScript does not run synchronously, so you do not always have the individual scripts running in the same order or speed so it is possible a script will not always start and end before the next script in line is started or ends. And if you have dependencies between these scripts you need to test to see if they are all met.

Can't write anything with javascript in a new window create dynamically with "window.open"

I develop a website and an application in html/css/javascript and i have a problem.
I need to open a new window with "window.open", and then change and modify the content dynamically with javascript in it. It works perfectly in Firefox 3.6 and lower but not in Firefox 4.
In Firefox 4, the window is created, but it stay white with "about blank" as name.
Do you have an idea of what I can do? Can I detect if the browser is Firefox 4, and if it is true, instead of "window.open", create a new tab? Can I change the content dynamically in it, and how?
Thanks for your help
Jonathan Donzallaz

This forum focuses on end-user support. You can find more web development help on the [http://forums.mozillazine.org/viewforum.php?f=25 mozillaZine Web Development board]. Separate forum, separate registration. Please note the tips in the Sticky Post at the top of the forum before posting. Also, it's helpful to post a link to a "test case" that demonstrates the problem.

Open and Close Popup With Javascript

Using Apex 3.2
I have probably done this loads of times in my old job, but do not have access to the code and today I just can't get it to work properly.
I have opened a pop up window with javascript
Now I need to close it and refresh the calling page, but only if it passes the validation on the popup.
I have a hidden item on my pop up called P7_FLAG.
I have a page process after validation that sets P7_FLAG to (only set to 1, if passes validation).
I also have a SUBMIT button.
So once I click my SUBMIT button the page should look at the validations, if ok, set P7_FLAG to 1, then close the popup and refresh the calling page.
My current javascript look like this
<script type="text/javascript">
function saveChanges(){
doSubmit('SUBMIT');
var test = $x('P7_FLAG').value;
if(test == '1')
window.close();
window.opener.doSubmit('REFRESH');
</script>On my button
javascript:saveChanges();The problem is that I need to click the SUBMIT button twice.
First time it sets P7_FLAG
Second time it closes page and refreshes.
I have probably made some basic error, but today I cannot see it.
Cheers
Gus
Edited by: Gus C on May 10, 2012 12:48 AM

<script type="text/javascript">
function saveChanges(){
doSubmit('SUBMIT');
var test = $x('P7_FLAG').value;
if(test == '1')
window.close();
window.opener.doSubmit('REFRESH');
</script>javascript does not wait for the current action to complete and then perform the next line.
means in your function call
doSubmit('SUBMIT');is triggered and it carry on's to next line that is
$x('P7_FLAG').value;this will not be set because you are setting the value of P7_FLAG to 1 in plsql and trying to check in javascript, which will not work.
what you need to do is amend your js function like below
<script type="text/javascript">
function saveChanges(){
doSubmit('SUBMIT');
</script>create a page branch to procedure and make it conditional to when P7_FLAG = 1
and set the branch source to below
htp.p('window.close();');
htp.p('window.opener.doSubmit(''REFRESH'');');

Links that open a new window with javascript:void(null); do not work in 3.1

I've been noticing that any site I go to that opens content in a new window with "javascript:void(null);" will be ignored by Safari 3.1. The links work in Firefox and used to work in Safari as well. Any suggestions?

General rule of thumb in the Mac universe...
When Safari is updated most if not all third party add-ons break. That's because most don't play by the rules. The developer thinks they know how to do it better than Apple so they just do it their way. So the first rule of survival is to KNOW what you have installed on your machine at all times. Use something like textedit to create a document listing all of the third party stuff you have installed and religiously update the list. Second rule is to wait a few days before applying an update. Third rule is to visit your third party developers' sites and make sure their little gadget is compatible with the new Safari update.
Being aware of things will make life much easier for you in the long run.

How to get real value from selectOneChoice with javascript?

Hi,
How to get real value from selectOneChoice with javascript? The event.getNewValue() only gets me the index of the selected item, not the value/title.
JSF page:
<af:resource type="javascript">
function parseAddress(event)
alert("new value: " + event.getNewValue());
</af:resource>
<af:selectOneChoice label="Location:" value="" id="soc4">
<af:clientListener type="valueChange" method="parseAddress" />
<f:selectItems value="#{Person.locations}" id="si7"/>
</af:selectOneChoice>
HTML :
<option title="225 Broadway, New York, NY-10007" selected="" value="0">225 Broadway (Central Office)</option>
<option title="90 Mark St., New York, NY-10007" value="1">90 Mark St. (Central Office)</option>
Thanks a lot.

Something I was missing ,
You need to add valuePassThru="true" in your <af:selectOneChoice component. I have personally tested it and got the actual value in alert box. I hope this time you got the real solution. You can also test the following code by your end.
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1">
<af:form id="f1">
<af:panelBox text="PanelBox1" id="pb1">
<af:selectOneChoice label="Set Log Level" id="soc1"
value="#{SelectManagedBean.loggerDefault}"
valuePassThru="true">
<af:selectItem label="select one" value="First" id="s6"/>
<af:selectItem label="select two" value="Second" id="s56"/>
<af:clientListener method="setLogLevel" type="valueChange"/>
</af:selectOneChoice>
<af:resource type="javascript">
function setLogLevel(evt) {
var selectOneChoice = evt.getSource();
var logLevel = selectOneChoice.getSubmittedValue();
// var logLevelObject = AdfLogger.NONE;
alert("new value is : " + logLevel);
//alert(evt.getSelection);
//alert(logLevelObject);
evt.cancel();
</af:resource>
</af:panelBox>
</af:form>
</af:document>
</f:view>
</jsp:root>

Problem with Javascript and opening a new page

Hi,
I'm developping a website with Java Server Faces.
I've a problem with JavaScript.
I have a table, and each row of that table, has a button, to display more information about that specific row. I want to display this information in a new window. For this I want to use JavaScript.
The new window, of course, needs some information of the other window, to show the right data.
The first time I click the 'more-information-button', it works perfectly, but from than on, he keeps showing the same information...
Here is my jsp-page of the first page (the one with the table):
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
         <f:loadBundle basename="languages.MessageBundle" var="bundle"/>
        <html>
            <head>
                <meta content="no-cache" http-equiv="Cache-Control"/>
                <meta content="no-cache" http-equiv="Pragma"/>
                <title>- UCV-Period -</title>
                <link href="resources/stylesheet.css" rel="stylesheet" type="text/css"/>
            </head>
            <body style="-rave-layout: grid">
                    <h:dataTable binding="#{UcvPeriod.dataTable1}" headerClass="list-header" id="dataTable1" rowClasses="list-row-even,list-row-odd" rows="5"
                        style="left: 24px; top: 168px; position: absolute" value="#{UcvPeriod.dataTable1Model}" var="currentRow">
                        <h:column binding="#{UcvPeriod.column1}" id="column1">
                            <h:outputText binding="#{UcvPeriod.outputUcvPeriod}" id="outputUcvPeriod" value="#{currentRow['UCVPERIOD']}"/>
                            <f:facet name="header">
                                <h:outputText binding="#{UcvPeriod.outputText2}" id="outputText2" value="#{bundle.ucvPeriod_columnHeader_ucvPeriod}"/>
                            </f:facet>
                        </h:column>
                        <h:column binding="#{UcvPeriod.column11}" id="column11">
                            <h:commandButton action="#{UcvPeriod.btnDetails_action}" binding="#{UcvPeriod.btnDetails}" id="btnDetails" value="+" onclick="window.open('Details.jsp')"/>
                            <f:facet name="header">
                                <h:outputText binding="#{UcvPeriod.outputText21}" id="outputText21" value=""/>
                            </f:facet>
                        </h:column>
                    </h:dataTable>
                </h:form>
            </body>
        </html>
    </f:view>
</jsp:root>Here is my action, when someone clicks on the 'more-information-button':
public String bthnDetails_action() {
   Object s = outputUcvPeriod.getValue();
   BigDecimal ucvPeriod = (BigDecimal)outputUcvPeriod.getValue();
   this.getSessionBean().setUcvPeriod(new Integer(ucvPeriod.intValue());
   return "detail_ucvperiod";
}Here is my constructor of the Detailspage.
    public Details() {
         this.txtUcvPeriod.setValue(this.getSessionBean().getUcvPeriod());
    }Here is the navigation part for this part of my faces-config.xml .
<navigation-rule>
   <from-view-id>/UcvPeriod.jsp</from-view-id>
   <navigation-case>
       <from-outcome>detail_ucvperiod</from-outcome>
       <to-view-id>/UcvPeriod.jsp</to-view-id>
   </navigation-case>
</navigation-rule>Thx a lot....
Anneke

See the tutorial "Sharing Data Between Two Pages" at http://devservices.sun.com/premium/jscreator/standard/learning/tutorials/data_sharing_twopages.html and the FAQ "How can I pass data between pages without creating SessionBean variables in Creator?" at http://devservices.sun.com/premium/jscreator/standard/reference/faqs/technical/javasource/passing_data.html. Since you can open a new window when your button is clicked, the tutorial and FAQ will explain ways to pass your data to the new window.

Problem with JavaScript in URL iView

Hi,
I am facing a problem with javascript when i am trying to access my application through URL iView. In the javascript window.top is used to access the frames in the window. But the EP is not recognizing it as valid. what exctly the problem and please suggest me a solution.
Ashok.

Hi,,
thanks for the quick reply. But what i asked was different. I will put it in different way. I have deployed a application in Web Application Server and trying to access it through URL iView. My application is pure J2EE application with html,jsp and JS files. In javascript we used window.top property of the java script which is working fine MS IE. The problem is window.top is a IE specific property which is not having any equallent open standerd so EP is throwing a java script error. As I know the only possible solution for this problem is inherating IE rendaring capabilities to iView(i.e iFrame). is there any way to do that?
Ashok.

Problem with JavaScript in DPS

Hello,
i have little problem with one HTML page in DPS. We've created HTML form, which is formatting output with JavaScript and then passing to local mail client via mailto. It works nicely in Safari on desktop, it works in Safari on iPad BUT it don't work in DPS, when we use it as HTML content (frame on page where form is loaded). Unfortunately, there is no way how to learn what's wrong - on iPad it works, it's not working just in DPS (and it's not working in Viewer on desktop too).
Anyone have any idea what to do?
Script is fairly simple, it's my compilation of other works, because i'm not JS programmer, just i'm skilled with google-copy-paste... So there can be some VERY trivial error, but i don't know correct syntax...
very simple version of this form, which is not working in DPS (but everywhere else), is here
http://dl.optio.cz/mailtoExample.html
Thanks for any help!

Hello,
when used in DPS browser, it's working (as part of HTMLresources.zip). I don't know if this will help, but here is small game, which works correctly in DPS in web overlay. when you move any red circle, it will let you send results via email. But this is too complicated for my minimal skills.
http://dl.optio.cz/Hra_en/
Anyway, thanks for help
Martin

Web.show_document() with javascript

Hi Guys,
I'v been searched this forum about web.show_document() with javascript.
I saw some threads said
I can do like
WEB.SHOW_DOCUMENT ('javascript:window.open("http://www.google.com","","fullscreen=no,titlebar=no,location=no,toolbar=no,menubar=no,status=no,resizable=yes");self.close()','_blank');
and someone said it worked, but it doesn't work in my machine.
also some one said the javascript engine is not included in Form 10.1.2, so I can not use WEB.SHOW_DOCUMENT function like above.
My form builder is 10.1.2.0.2 (Production), os is xp sq2 ,ie 6.(ie6 has some tighter security)
I want to get clarification about this function, can i use the javascript on it or not ? I really want the pop up window without toolbar and customize size. I need do some configuration in formweb.cfg also?
Thanks in advance. I appreciated every response.
Appcat

Hi Jan,
Thanks for your reply. I check the metalink about it.
The first solution is
1. Make forms Developer URL a trusted site in IE to allow script executions.
For that open Internet Explorer->Internet Option-> Security.
Select the "Trusted Sites" Option.
Click on the Sites Button.
Add the Developer Suite URL in that.
for example
http://<Yourmachinename>:8889/
It doesn't work in my machine ,still can not activate the javascript.
The second solution is
2. Place the script invocation code in a html file in Oracle_home/forms/server directory and call it.
For example :
Create a simple form.
In Forms Trigger :
web.show_document('http://<Yourmachinename>:8889/file.html');
In the file.html you may enter the code, for example:
<HTML>
<HEAD>Heading</HEAD>
<BODY>
<SCRIPT LANGUAGE="Javascript">
window.open("http://www.yahoo.com","_self");
</SCRIPT>
</BODY>
</HTML>
It also doesn't work in my machine, the problem is http://<Yourmachinename>:8889/file.html can not be found, even i put it under the Oracle_home/forms/server folder, but i click it directly ,the javascript works. that means the URL http://<Yourmachinename>:8889/file.html is incorrect or I should put the html file into other directory. And I also checked the default.env,FORMS_PATH=D:\DevSuiteHome\forms.
anything wrong with my env?
Do you have any idea about it?
Thanks,
Appcat
Message was edited by:
user577805
Message was edited by:
user577805

Printing different URL with javascript

I am trying to print a URL using javascript but i do not want to print the current page. I have searched google, this forum and a javascript book and can not seem to figure it out. To exlplain in it generic terms i want to be on one page and tell it to print another. Reason being, I am looking at an overview page and want to print a report made in Oracle reports, (Yes I could load the report and print it but i want to print multiple reports from one button)(The reports do work and are valid) Here is a rundown of what I am doing.
From a button i am calling a 'url' with the following code:
javascript:V_PRINT('P50_CUSTOMER_ID','P50_YEAR');
And then in the html header i have the code: (printing same page twice, just an example)
<script language="JavaScript" type="text/javascript">
function V_PRINT (formItem1,formItem2) {
var formVal1 = document.getElementById(formItem1).value;
var formVal2 = document.getElementById(formItem2).value;
var url1;
var url2;
url1 = 'http://www.google.com/search?hl=en&q=' + formVal1 + '+' + formVal2;
url2 = 'http://www.google.com/search?hl=en&q=' + formVal1 + '+' + formVal2;
url1 = print();
url2 = print();
</script>
This code just prints the current page. I know I am calling print incorrectly and thats where i need the help. Of course I might just be approaching it all wrong. Either way I hope someone with javascript knowledge can help.
Thanks

Hello,
To print a page it has to be open in the browser since all it does it call the browsers print dialog.
Here is one solution http://www.irt.org/script/508.htm and you can also try a iframe instead of a regular frame.
If it's crossdomain request like your example here that might cause problems as well. There might be additional problems.
Carl

How to access the data in a TableView with build-in Dropdownlists

Hi,
I build up a TableView with DropdownListBoxes in the cells. All works so far but if I try to access the data in the cells I get the following error message :
     at java.lang.Thread.run(Thread.java:479)
Caused by: java.lang.reflect.InvocationTargetException: java.lang.NullPointerException
     at com.sapportals.htmlb.table.DefaultTableViewModel.getIndexForColumnInModel(DefaultTableViewModel.java:354)
     at com.sapportals.htmlb.table.DefaultTableViewModel.getValueAt(DefaultTableViewModel.java:195)
     at com.sapportals.htmlb.table.TableView.getValueAt(TableView.java:774)
     at LogonPad$MyDynPage.onClickBack(LogonPad.java:467)
Some hints ?
Regards,
Gerald

Hello Anjum,
It looks that the view is based on the master data table itself and view doesn't contain data and is a logical representation of the underlying database tables.
Moreover the view RSDVCHA is used for viewing the characteristics, basic chars and local properties.
Are you storing similar values in YMETADATA?
[Thanks|http://chandranonline.blogspot.com/]
[Chandran|http://chandranonline.blogspot.com/]

Modify hbj:tableView with JavaScript

Similar Messages

Maybe you are looking for