how to get javascript value into bean

[sam sami]

I am having command links on my.jspx page, when I rigth-click on that command links my menupopup get executed.
I have put onmouseover javascript event, using that I am getting the value of that link.

now my problem is I want that value in backing bean. for that i have used hidden textbox but value is not getting displayed init.

so, how can I get the value of link in backing bean without pageload.

[Brendan Healey]

It makes it a lot easier if you post up some code, but I think I get it. You display a popup menu,
select an option which navigates to a target page. The target page knows which option was
selected.

I think I originally got this code from the Core JSF 3 book, with a bit of help from BalusC
http://balusc.blogspot.com/2006/06/communication-in-jsf.html.

I think the easiest way to do it is with URL parameters so that you don't require a hidden
input field. As a starting point you have a commandButton (you use a commandLink with a
right click but ignore that):

main.xhtml

<h:commandButton value="push" onclick="showMenu(this); return false;"/>

showMenu.js

showMenu = function(formid) {

  popup = window.open("menuContents.xhtml", "popup");
  popup.focus();
}

menuContents.xhtml

<h:outputLink value="editPage.xhtml?department=Software&employee=John Doe">...</h:outputLink>
<h:outputLink value="editPage.xhtml?department=Hardware&employee=Simon Jones">...</h:outputLink>
OR
<h:outputLink value="editPage.xhtml">
  <f:param name="department" value="John Doe"/>
  ...
</h:outputLink>
<

Then you need to be able to access the parameters in the page. There is an implicit object "param" for
this purpose:

editPage.xhtml

<h:outputText value="Department: #{param.department}/>
<h:outputText value="Employee: #{param.employee}/>

You can access the parameter from the editPage backing bean also:

EditPageBackingBean.java

String deptName = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap(). get("department");

There are some significant limitations of this simple example, whilst menuContents is passing
parameters to editPage it's all static data. You can pass parameters to menuContents.xhtml like
this:

main.xhtml (changes)

  <h:inputText id="company" value="#{ ... }"/>

showMenu.js (changes)

  company = formid.form[formid.form.id + ":company"];
  popup = window.open("menuContents.xhtml?company=" + company.value, "popup");

I hope this is going to be of some help.

Brendan.

[sam sami]

Thanks for replay,

My problem is I am not getting the value of selected node in backingbean, that's why I am using JavaScript.

Process -
1) tree in which tree node is defined as commandlink.
2) When I right click on tree node, I'll get menupopup which is having options like Open, Deleet etc.
3)When I click on any option, I have to get the selected Node and the menuitem value in backingbean for next process.

test.jspx -

<ice:tree id="tree" value="#{tree.model}" var="item" hideRootNode="false" hideNavigation="false">
     		
     		<ice:treeNode id="image">
     			<f:facet name="icon">	                    
                	         <h:graphicImage value="#{item.userObject.icon}"/>                    
	   		</f:facet>
	   			
		   	<f:facet name="content">
		   		<ice:panelGroup style="display: inline" menuPopup="::::qtaPupMenu" >		   		
		   			<ice:commandLink onmousedown="#{item.userObject.text}" title="#{item.userObject.text}" 
                                                                     actionListener="#{tree.nodeClick}" value="#{item.userObject.text}"/>
		   		</ice:panelGroup>
		   	</f:facet>
		   																
		</ice:treeNode>
							
		</ice:tree>	
				
		<ice:menuPopup id="qtaPupMenu" displayListener="#{tree.DisplayListener}">
   			<ice:menuItems value="#{tree.menuList}" actionListener="#{tree.NodeValue}"/>
		</ice:menuPopup>

                <h:inputHidden id="test" value="#{tree.selectedNode}" valueChangeListener="#{tree.N1}"/>

.js (JavaScript)

function documentClicked(nodeRef){
			document.getElementById('frm:test').Value= nodeRef;
}