Javascript:popupPage in Reports Column

hello All ,
How do I referance an external popup URL in a Report column?
for example i want to call something like
https://www.uranu.GOV/CSSWebView

you can use an existing function named "popUp2."
go to colunm attributes
Under Column Link:
Choose an icon or your column value (i.e. #yourcolumnname#) as linked text
Change Target to URL
In the URL box, enter javascript:popUp2('your_url',775,425); The values at the end are the dimensions of the popup window.

Similar Messages

OnMousover JavaScript in a Report Column

Thank you in advance for any insight you might be able to provide. I am attempting to show an alert when mousing over a column in a report. The code i am trying to use is: which works perfectly when i am mousing over a text area item on the page. Unfortunately, I can't seem to get the alert to show when mousing over the column. The code I am using is: onmouseover="alert('Hello')".
I am incrementally developing. I wish to eventually use a tooltip as shown HERE, but if I can't get an alert to work there is no way I will be able to make the tooltip work. The report is using default look 4 and is in a borderless region. I followed the instructions from the link (put the javascript call in the link attributes, but it just doesn't seem to be working.
Thanks!

You can set that in your select like:
apex_item.text(1,ORDER_NO, 10, 10, 'onmouseover=GetOrderDetails('||ORDER_NO||') readonly style=border:none;background-color:transparent') disp_order_no
So in your case:
apex_item.text(1,<column>, 10, 10, 'onmouseover=alert("Hello") readonly style=border:none;background-color:transparent') disp_order_no
HTH
Roel

Wrap text in Report column

Hi,
I've tried to set a standard report's column width in all available places in the column's attributes but it ignores me. I'm using Apex 3.1 and found a javascript workaround but am sure there must be an easyer way.
Can someone tell me where I have to set the width so it wraps text into the needed amount of lines? I searched for it because I was sure there'd be something but not found nothing (maybe not searching right :p )
Thank you,
Marc

Hi Chris,
Done what you said but the column still takes the width of it's content. Any idea why might that be?
The only solution I've found that works for now is this javascript process:
Standard Report Column
Marc

Need help with Javascript to get value of standard report column

Hello All,
Apex version 3.1
I have a SQL Query (Updateable report) region where I need to do some validations using an OnDemand Applicaiton Process and javascript. For this validation I need to use the serial number and the item id from the same report row. The function is called when the serial number is changed. I can get the serial number easily because it is a Text field, however the item id is a standard report column (making it a text field or hidden gives me a checksum error, long story). How do I get the value for the standard report column in order to set the value for an Application item to be used in my Application Process along with the serial number? Here is my code below.
<script>
function f_ValidateSerial(pThis)
// The row in the table
var vRow = pThis.id.substr(pThis.id.indexOf('_')+1);
    //alert('Row is '+vRow);
// Display the serial number
    //alert('The Serial Number is '+html_GetElement('f21_'+vRow).value);
var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=ValidateSerial',0);
get.add('F101_SERIAL_NUMBER',html_GetElement('f21_'+vRow).value);
get.add('F101_INVENTORY_ITEM_ID',+html_GetElement(?????+vRow).value);   // Here's where I need to get the item id to set application item!!
gReturn = get.get();
if (gReturn)
      alert(gReturn);
if(gReturn)
      html_GetElement('f21_'+vRow).value = '';
</script>

jarola wrote:
Hi,
Ok, No standard report column do not have name attribute-
You can add one extra column to report that is your Item Id with different alias.
Then change that column Display as to "Hidden".
Now you have hidden input where is your Item Id. Than input have name and id.
Regards,
JariBut this puts me back to my initial problem. When making the column hidden I get the checksum error...
Error in mru internal routine: ORA-20001: Error in MRU: row= 0, ORA-20001: ORA-20001: Current version of data in database has changed since user initiated update process...
The item id is NOT in the table which I am updating (I use a subquery to get the data) so I think it has to be a standard report column. Hidden and Text Item (which have an item id) all generate the checksum error.
So I think I'm back to my original question. Given a standard report column on a row in a sql query (updateable report) region how do I get the value using Javascript?
Edited by: blue72TA on Aug 2, 2011 12:07 PM

JavaScript: Disabling textarea in report column cell depending on flag

Hi,
I got an updateable report with the following behavior:
- Depending on the value of column "PFT_PCODE" (1 or 2) the column gets a yellow or red background color.
- If the value of column "PFT_PCODE" is 1 the next column (for remarks) gets a grey background color.
- Some flags get values set.
With the kind help of Andy (ATD) I got that running nicely. See also:
Javascript - Referencing report column value and
JavaScript: Disabling textarea in report column cell
Now I want to add an additional feature:
- If a flag ('P11_SPERR_FLAG') has the value '1' then the column (remarks) (var j) should be disabled.
I tried the following (see additional code between asterisks) but it's not working. I feel a little stupid since I thought that shoud be an easy fix.
Anyone has an idea what's wrong with the additional code? I find debugging quite difficult in JavaScript...
////////////////// PAGE HTM HEADER //////////////
function hilite(f1) {
var ft1 = document.getElementById('P11_FEHLERTYP1_FLAG');
ft1.value = '0';
var ft2 = document.getElementById('P11_FEHLERTYP2_FLAG');
ft2.value = '0';
*var sperrflag = document.getElementById('P11_SPERR_FLAG');*
var h = 0;
if (document.getElementById(f1)) {
     h = document.getElementById(f1);
     var t = h.parentNode;
     while (t.tagName != 'TABLE') {
          t = t.parentNode;
     var rows = t.rows;
     var k;
     var i;
     var j;
     var c;
     var headers = t.getElementsByTagName("TH");
     for (k = 0; k < headers.length; k++) {
          if (headers[k].id == f1) {
               c = k;
     for (k = 1; k < rows.length; k++) {
          i = rows[k].cells[c];
          j = rows[k].cells[c+1].getElementsByTagName("TEXTAREA")[0];
          *if (sperrflag.value == '1') {*
*               j.disabled = 'true';*
          if (i.innerHTML == '2') {
               i.style.backgroundColor = 'yellow';
               i.style.color = 'white';
               i.style.fontWeight = 'bold';
               i.style.fontSize = '18px';
               ft2.value = '1';
          if (i.innerHTML == '1') {
               i.style.backgroundColor = 'red';
               i.style.color = 'white';
               i.style.fontWeight = 'bold';
               i.style.fontSize = '18px';
               j.style.backgroundColor = 'grey';
               ft1.value = '1';
               //j.disabled = 'true'; //This would work.
////////////////// REGION FOOTER //////////////
<script type="text/javascript">
hilite('PFT_PCODE');
</script>Thank you,
Roger

I found the solution, it had nothing to do with JavaScript:
Item P11_SPERR_FLAG was of type Diplay as Text / Doesn't save state.
Without saving state the JavaScript wouldn't work.
Sorry to bother,
Roger

JavaScript: Disabling textarea in report column cell

Hi,
Andi (ATD) helped me with formatting report columns, coloring them depending on a value. See:
Javascript - Referencing report column value
Now I want to add a feature:
If the value is '1' then disable the textarea in the next column, otherwise not. The function is:
function hilite(f1)
var h = document.getElementById(f1);
var t = h.parentNode;
while (t.tagName != 'TABLE')
t = t.parentNode;
var rows = t.rows;
var k;
var i;
var j;
var c;
var headers = t.getElementsByTagName("TH");
// var textarea = t.getElementsByTagName("textarea");
for (k = 0; k < headers.length; k++)
if (headers[k].id == f1)
    c = k;
for (k = 1; k < rows.length; k++)
i = rows[k].cells[c];
j = rows[k].cells[c+1];
if (i.innerHTML == '2')
    i.style.backgroundColor = 'yellow';
    i.style.color = 'white';
    i.style.fontWeight = 'bold';
    i.style.fontSize = '18px';
if (i.innerHTML == '1')
    i.style.backgroundColor = 'red';
    i.style.color = 'white';
    i.style.fontWeight = 'bold';
    i.style.fontSize = '18px';
// j.style.backgroundColor = 'green';   // testing purpose; colors background green but not textarea
    j.style.visibility = 'hidden';               // works fine but ugly
// j.disabled = 'true';                        // nothing happens
// j.firstChild.disabled = 'true';           // does not work
// j.textarea.disabled = 'true';           // does not work
}See the 'j' object: I can make the whole cell disappear but it looks ugly. Examining it with firebug I was thinking I must use sth. like firstChild or textarea, but it does not work. I find it still quite tricky to manipulate tables in Apex...
Could someone help with this?
Thanks a lot,
Roger

Hi Roger,
You're sort of nearly there!
The next cell to the right of the one you are testing will contain a TEXTAREA object. Your j variable can get to this using something like:
j = rows[k].cells[c+1].getElementsByTagName("TEXTAREA")[0];The issue with using the visibility method that you have used will then disappear as you've applied it to the whole TD object, so all borders will go - applying this to the new j will only hide the textarea object instead.
Andy

Javascript in report column headings?

Hello,
I'm wondering if it's possible to be able to use Javascript in report column headings, so that when the user hovers the mouse over the column heading name in the report, a pop-up appears with an explanation of what that column is. Usually I use Javascript on page items, but in this case, the column headings aren't page items, they are derived from the SELECT statement that makes the report. Is this possible using Javascript? Or, is there something I'm not aware of that Apex can do, such as the "Optional Label with Help" but for column heading names?
Thank you,
Laura

Hello Laura,
Each report column headings has an ID equal to the column name/alias as it appears in your select statement. You can use this ID to directly access the column header DOM node, just as you are doing with a page item.
In your case, you can use the ‘title’ attribute to get what you want. If your column ID is ‘COL1’, you can use something like this in the footer of your report region:
$x(‘COL1’).title = ‘Help Text’;Of course, having an ID allows you to use any JavaScript code you need.
Hope this helps,
Arie.

Javascript - Referencing report column value

Hi,
In my application I have a report "Test" with some columns. In column "PFT_PCODE" the possible values are either 1 or 2.
What I want is to display the report table cell in red, if the value in "PFT_PCODE" is 1, or the table cell in orange, if the value in "PFT_PCODE" is 2, respectively.
I tried to make something in Javascript, based on a Vikas' example. I put in the
Region Header:
<style type="text/css">
.rot {
background-color: red;
.orange {
background-color: orange;
</style>
Region Footer:
<script type="text/javascript">
var spans=document.getElementsByTagName('span');
for (var j=0;j<spans.length;j++) {
if (spans[j].className=='farbe') {
var td=html_CascadeUpTill(spans[j],'TD');
if (document.getElementsById('#PFT_PCODE#').value == 1) {
td.className = 'rot';
else {
td.className = 'orange';
</script>
The column "PFT_PCODE" is marked as CSS class "farbe".
Unfortunately it's not working, I'm not sure if I reference the report column value right. Since I'm a beginner in Javascript I would be glad for help.
I put my (reduced) application on apex.oracle.com for testing.
Workspace: app
Login: [email protected]
PW: riponi
Thanks in advance,
Roger

Hi Roger,
In your report, if you do a View Source, do your report headers have id's on them - that is, the TH tags that contain the headings?
If so, you could use:
<script type="text/javascript">
function hilite(f1)
var h = document.getElementById(f1);
var t = h.parentNode;
while (t.tagName != 'TABLE')
t = t.parentNode;
var rows = t.rows;
var k;
var j;
var c;
var headers = t.getElementsByTagName("TH");
for (k = 0; k < headers.length; k++)
if (headers[k].id == f1)
    c = k;
for (k = 1; k < rows.length; k++)
j = rows[k].getElementsByTagName("TD")[c];
if (j.innerHTML == '2')
    j.style.backgroundColor = 'purple';
    j.style.color = 'yellow';
if (j.innerHTML == '1')
    j.style.backgroundColor = 'red';
    j.style.color = 'white';
</script>Put that in the page's HTML Headers setting.
In the report region's Region Footer, add in:
<script type="text/javascript">
hilite('PFT_PCODE');
</script>This will find the heading's TH cell, work out where it is in the row, then loop through all remaining rows and check the TD cell in the same column, highlighting the cell using background and font colours.
Andy

Display an alert message through javascript when report column item is null

Hello,
I have a report column item which is an select list item and now i want to display an alert message when value is null, I mean no value is selected, this alert message should be fired when update button is clicked.
Can anyone please help me with this issue.
Thanks,
Orton

You could try something like this:
declare
x        INTEGER;
err_ct INTEGER   := 0;
begin
x := 5; -- number of rows displayed
for i in 1 ... x (
    IF wwv_flow.g_f08(i)) IS NULL THEN err_ct := err_ct + 1;
    END IF;
end loop;
IF err_ct = 0 THEN
     RETURN NULL;
ELSE
    RETURN 'Nice error message: you must supply a value.';
END IF;This would be used with a PL/SQL validation: Function Returning Error Text.

Call Javascript function to pass a id from APEX report column link

Hi,
Can anyone help me, in a report column link i'm calling a function to pass an id and i want to onclick change a icon on that column based on the value on the column status of this table.
Is this possible?

Hi Ron,
I am doing exaclty what you have suggested me but no luck. I started changing the DEMO_CUSTOMERS application to my requirements.The report is working fine and on the report I have created a page attribute to the Hyper linked column and linked that to the page 2 and assign that attribute with #JOBNUM#.
I am able to pass that value on to form when I click on the JOBNUM. But the problem is I am not able to pass that value into the SQL query so that my query pulls 20+ columns on to the Form ( which is second page ).
Small clarification... On the form region it is said FORM NAME and type is HTML is that is the way the APEX was designed or does it need to say region type as FORM.
Thanks for your help in advance.
Cheers,
Krishna.

How to accessing current row report column value in Lov Query?

Hi,
which access methods (eg. bind variables, substitutions, ...) for getting the current row report column value can be used in the "Lov Query" property of a report column?
As what I know of and what I have read on the forum there are no bind variables for the report columns. For the "Link Text" property it seems that the column values exist as substitution strings (#COLUMN_NAME#). But they don't work in the Lov Query. => And would be good because of a hard parse each time the Lov query is executed.
The following post (Re: Simulating a correlated sub query in lov
is showing a solution to use package variables for temporary storage of the referenced value, but the only problem with that solution is that if a new record is added with the "Add rows to tabular form" process the package variable still contains the value from the last queried row! Is there a way (variable, APEX package, ...) to determine if the lov query is executed for a new record so that the package can return null?
I know that I could write the package in a way that the value is immediately cleared when lov_pkg.keyval is called (one time read), but then I would have to create several variables if I'm accessing the value multiple times in the query or in another query => I think an one time read solution would be very obscurely.
Thanks for your help
Patrick
http://inside-apex.blogspot.com

Hi Patrick,
I agree that it's a waste to continually use Ajax to go back to the server to get the contents of a dynamic select list.
There are no bind variables for any row item - but what you do have, as per my previous post, is the value of the data entered by the user in the first row. You can pass this into your application process (using get.add("VARIABLENAME", value)), which can use it to retrieve the correct LOV in your Ajax code - this will give you a "bind variable" that your process can use.
What you could do, however, is generate hidden select lists on your page - one for each possible LOV list and replace the contents of the new row's select list with the contents of the appropriate hidden select list. This is easy to do with javascript (using innerHTML functions). Obviously, though, the usefulness of this depends on the number and size of the select lists.
Even if you don't generate them to start with, you can keep a copy of any select lists returned by Ajax in the DOM for use on new rows. So, if you have retrieved a select list, you will have a copy of it in DOM which you can then copy into the new row. If you don't have the list in DOM, use Ajax to get it, store a copy of it and copy it into the new row.
Which method you use will depend on the number/size of select lists needed. If they are few in number and/or size, I would suggest generating hidden lists. If they are large, use Ajax to get them once, store them and then retrieve them from the DOM when needed.
There is another thread here where Arie recommends going to the server every time to make sure you get the most up-to-date data for the lists. If you want to follow this advice, for this reason, use get.add("VARIABLENAME", value) to pass the value to your process. If this is not an issue, you can use one of the other methods I outlined above.
Regards
Andy

Interactive Report Column Headings and Row Height

I am using the div style="width:350px;" method to control the width of columns in various interactive reports. That works fine except for the following:
1. When creating filters, the <div...> stuff shows up along with the actual column heading, thus confusing some end users
2. Even when I uncheck the "Use same text for single row view" checkbox and then provide a simple single row view label, the <div> stuff still shows up on the single row view
Does anyone have a better solution?
Also, does anyone know of a way to limit the row height within an interactive report row? I have some columns of data that contain a large amount of HTML data and I'd like to be able to limit the number of rows that show on the report.
Is Oracle planning to provide some better control over the Interactive Report columns in another version? The Interactive Report is such a huge improvement in usability in APEX - it would be great to take it to another level by providing some better control over column width and row height.
Edited by: DaleB on Jun 18, 2009 8:54 AM
Edited by: DaleB on Jun 18, 2009 8:54 AM

Dale,
Unfortunately we don't have much we can use to do what you would like. I would have said it's impossible until version 4 but you could actually do something similar to what Roel has done. His trick is in the edit button. He changed the edit button to use an "onload" call to a JavaScript process. You could do the same but call a process that goes across the rows and styles each column. Now because you don't have a way to identify the column (can't use the order because the end user could change it) you'll have to write the code to look at the top row first and then style the appropriate column. As far as I can tell, this would be quite difficult and inefficient. Having said that if you need it that bad and would like some help with it, put up an example application on apex.oracle.com and provide the workspace/username/password and I'll take a look.
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen
You can reward this reply by marking it as either Helpful or Correct ;-)

Can we change the background color of a Standard report "column"?

4.2.1
Theme 24 - Cloudy
Hi There,
I searched this forum and online but did not get a straight forward way to change the color of a standard classic Apex report column. I want the whole columns background color to be blue. I tried some of the suggestions for using span etc, but they did not work.
Was wondering if anyone has a solution for this? would be very helpful!
Thanks,
Ryan

Use a custom named column report template with <tt><colgroup>/<col></tt> and CSS as in these threads.
Could also be done with JavaScript, but if the entire column is to be coloured (rather than individual cells based on some condition), the template approach will be simpler and have better performance

Column link - call java script & assign current report column value to item

Hi,
How to call java script and assing current report column value to item?
I have a button column in the report to 'delete' the selected row.
I want to first show dialog box with message 'Are you sure?'. If yes, process to delete
will be executed, else no action.
In order to fire JS, I used Column Link ->Target=URL.
Problem: The alert is showing but I don't know how to pass selected row's primary
key value to process (to delete selected row).
I have a item which can be used to store selected primary key value but don't know how to assign the value
when button pressed.
Thanks in advance
Dip

Ok. The issue has been resolved by following way.
PAGE PROCESS: delete_request
begin
delete xyz
where id = :P8_id;
commit;
end;BUTTON URL:
javascript: DelRec(null,'CREATE', 'f?p=&APP_ID.:8:&SESSION.:delete_request:NO::P8_id:#id#');Java Script:
<script language="JavaScript1.1" type="text/javascript">
function DelRec(msg, req, url){
var confDel = msg;
if(confDel ==null){
confDel= confirm("Are you sure?");
}else{
confDel= confirm(msg);}
if (confDel== true){
redirect(url); }
</script>

Display the second report as modalform and filter with primary key value of first report when you click on first report column link

Hi All,
I have two reports.
1. order report
2. order detail report
when you click on the order report column it display the order detail report as a modal form.
i was done below steps.
1. In page header i was written the below code
<link rel="stylesheet" href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/
redmond/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>
<script type="text/javascript">
$( function() {
$('#ModalForm1').dialog(
autoOpen : false ,
width :470,
height: 500,
resize :false,
function openForm1()
$('#ModalForm1').dialog('open');
function closeForm()
$('#ModalForm1 input[type="text"]').val('');
$('#ModalForm1').dialog('close');
</script>
2. order report.
3. order detail report
select * from order_details where order_id = p_order_id;
region header
<div id="ModalForm1" title="Ordered Items" style="display:none">
<p class="msg"></p>
footer
</div>
4. created the hidden item in order detail report.
5. in order report column attributes i was given link like below.
javascript:$s('p_order_id','#order_id#');openForm1();
when i click on the order report column link it passing the row primary key value to hiddent and open the report as modal form. however it is not filter the report with hidden item. it showing the no data found.
problem is hidden item value is not submitting. once we submit that value it showing the 2nd report with filter data.
can any help me to achieve above requirement.
apex: 4.2
oracle 11g
Regards,
Vijay.

Vijay,
Issue 1: Your usage of $s() JavaScript API seems to be wrong. For the first parameter, you need to use the name of the hidden page item and not p_order_id.
javascript:$s('P1_ORDER_ID','#ORDER_ID#');openForm1();
Issue 2: Seems like you are not setting the hidden page item's value in session state. Assuming your hidden page item is called P1_ORDER_ID, Under "Region Definition" tab of your "Order Detail Report" under "Source" tab, for page items to submit, enter the name of the hidden page item P1_ORDER_ID.
Thanks!
JMcG

Javascript:popupPage in Reports Column

Similar Messages

Maybe you are looking for