Passing value from Report Column to Javascript

Question

Dear Apex wizards,
I am a bit stuck right now with implementing a modal pop-up/iframe/javascript and this forum is my last hope to fix this issue.
Anyway, will try to explain what I am trying to accomplish.
What I need is: I want to have an SQL report, as a very first column I want to have an "ID" numbers from my table and I want this column to have a "Column Link" set in "Column Attributes" proper ties. The trick is, that when I click on the column link (when I run my report on Apex page) I need a JQuery modal window to pop-up where in IFrame will be another page and this page will use an "ID" from my column link URL to display data. So, basically I want to pass an "ID" value from my parent page to my child page which is displayed in iFrame of modal window.
And here is what I have:
1. I do have an SQL report:
select SUBNET_ID,
       long2ip(NETWORK_ADDRESS),
       long2ip(SUBNET_MASK),
       long2ip(END_HOST),
       long2ip(START_HOST),
       MAX_HOSTS,
       long2ip(BROADCAST_IP),
       NETWORK_CLASS,
       NETWORK_SIZE,
       HOST_SIZE
from   YC_CM_IP_SUBNETS 2. Then, in "Column Attributes" for "SUBNET_ID" a have set a "Column Link" to URL as : javascript:ViewNetworkDetails(#SUBNET_ID#); 3. Now, when I run my page and point my mice on any item in my "SUBNET_ID" column I can see that it is getting a "SUBNET_ID" number from my table and it shows it in the buttom of the browser as :javascript:ViewNetworkDetails(1);, or (2) or whatever "SUBNET_ID" is. So, that is good.
4. And here I am getting confused, basically I have to pass a value of javascript:ViewNetworkDetails(#SUBNET_ID#);, which seems to work as it gives me correct numbers from my table, to my "ViewNetworkDetails" JavaScript function, so it can paste this value into "f?p=........." iFrame URL. Below is my Jquery Modal form script and Javascript to redirect me to my popup page (the script is in HTML Header):
<script type="text/javascript">
function ViewNetworkDetails(){
var apexSession = $v('pInstance');
var apexAppId = $v('pFlowId');
var subnetIDNumber = document.getElementById(#SUBNET_ID#);
$(function(){
vRuleBox = '<div id="ViewNetworkDetailsBox" title="View Subnet Details">
<iframe src="f?p='+apexAppId+':103:'+apexSession+'::NO:103:P103_SUBNET_ID:'+subnetIDNumber+'
"width="875" height="500" title="View Subnet Details" frameborder="no"></iframe></div>'
$(document.body).append(vRuleBox);
$("#ViewNetworkDetailsBox").dialog({
                        buttons:{"Cancel":function(){$(this).dialog("close");}},
                        stack: true,
modal: true,                            
                        width: 950,                    
resizable: true,
autoResize: true,
draggable: true,
close : function(){$("#ViewNetworkDetailsBox").remove();
                        location.reload(true); }
</script> P.S. My assumption is, that there is a problem with this part of my scriptvar subnetIDNumber = document.getElementById(#SUBNET_ID#); where I cannot get my "SUBNET_ID" value from javascript:ViewNetworkDetails(#SUBNET_ID#); into "subnetIDNumber" variable and that is why I cannot pass it to my iFrame URL.
P.S. P.S. the child page 103 has a "Automated Row Fetch", so it is not a problem. In addition, I did a simple test, where I had a page item "P102_Value" with some value and in my script I had instead var subnetIDNumber = document.getElementById(#SUBNET_ID#); this var subnetIDNumber = $v('P102_Value'); and it worked perfectly fine....but cannot make it working against SQL Select statement :-(
HEEEEEEEEEEEEEELLLLLPPPP.
Thanks

Answer 1

Change your column link to send the subnet_id column's value to the function call (you mentioned it, but I m not sure if you actually did)
javascript:ViewNetworkDetails(#SUBNET_ID#);<u>You are passing the parameter value to the function, but not defined any parameters in the function definition</u>(this is possible in JS, any extra parameters is ignored)
So, modify the function to accept the subnet ID parameter(I am actually surprised how you missed this) and assign that parameter to variable.
<script type="text/javascript">
function ViewNetworkDetails(pSubnetId){
var apexSession = $v('pInstance');
var apexAppId = $v('pFlowId');
var subnetIDNumber = pSubnetId;
//rest of the code would be the same