Hi All,
After debugging this thing , at last was able to get the popup on mouseover
with the help of prototype.js.
The code is as such
<tc:cell>
<tc:link label="View Cart Contents" id="viewCartContents"
action="viewCartContents">
<f:facet name="popup">
<tc:popup width="620" height="300" id="sheetConfigPopup">
<tc:box label="Cart Summary">
<f:facet name="layout">
<tc:gridLayout/>
</f:facet>
<f:facet name="toolBar">
<tc:toolBar>
<tc:toolBarCommand label="X">
<tc:attribute name="popupClose"
value="immediate"/>
</tc:toolBarCommand>
</tc:toolBar>
</f:facet>
<tc:cell>
<tc:sheet id="checkOutSheetPopUp"
value="#{shoppingCart.items}"
columns="60px;350px;80px;100px"
var="cartItem"
showHeader="true"
showDirectLinks="center"
directLinkCount="10"
first="0"
selectable="none">
<tc:column label="#{bundle.quantity}"
id="number" sortable="false" align="center">
<tc:out value="#{cartItem.quantity}"
id="p_quantity" />
</tc:column>
<tc:column label="#{bundle.productName}"
id="prdName">
<tc:out
value="#{cartItem.item.productCode}" id="p_code"/>
<tc:out value=" - " />
<tc:out
value="#{cartItem.item.productName}" id="p_name"/>
</tc:column>
<tc:column label="#{bundle.unitPrice}"
sortable="true" align="right">
<tc:out
value="#{cartItem.listPriceForQuantity}" id="p_unitprice"
converter="CurrencyConverter" />
</tc:column>
<tc:column label="#{bundle.extTotal}"
sortable="true" align="right" >
<tc:out value="#{cartItem.quantity *
cartItem.listPriceForQuantity}" id="Ex_Total"
converter="CurrencyConverter" />
</tc:column>
</tc:sheet>
</tc:cell>
</tc:box>
</tc:popup>
</f:facet>
</tc:link>
<tc:script>
Event.observe(window, 'load', initCartSummary);
function initCartSummary(){
Event.observe($('page:cartSummary:viewCartContents'),
'mouseover',
showCartContents);
Event.observe($('page:cartSummary:viewCartContents'),
'mouseout',
showCartContents_mouseOut);
Event.observe($('page:cartSummary:viewCartContents'),
'click',
viewCartContents);
}
var delayhide = null;
function viewCartContents()
{
if (typeof delayhide!="undefined")
clearTimeout(delayhide);
}
function showCartContents(){
delayhide =
setTimeout("Tobago.openPopupWithAction('page:cartSummary:sheetConfigPopup',
'page:cartSummary:viewCartContents')",500);
}
function showCartContents_mouseOut(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide);
}
</tc:script>
Used Event object in prototype.js to observe the id for <tc:link> , and when
mouse over then fire this action "
Tobago.openPopupWithAction('page:cartSummary:sheetConfigPopup',
'page:cartSummary:viewCartContents') "
When clicked on the link, captured the event by "click" option.
Both the ' popup when mouseover ' and ' page navigation when clicked on the
link ' are working fine.
But was facing an issue like as such
-- When the mouse is placed on viewCartContents link, was able to get the popup.
-- After closing the popup and click on any other link in the page( say top
navigation links) the page is being refreshed , so i have to click again to go
to my desired page which the link refers.
-- This makes me to click twice on the link.
-- when removed the action attribute in <tc:link> for viewCartContents, and
place the mouse, close the popup and then click on the top links, then was able
to navigate to page which it refers.
Y does this page refresh occures after i close the popup and click on other
links.
how could i solve this issue ?
Regards,
Madan
----- Original Message ----
From: madan chowdary <[EMAIL PROTECTED]>
To: MyFaces Discussion <[email protected]>
Sent: Tuesday, 6 March, 2007 1:14:27 AM
Subject: Re: [ Tobago ] Regarding PopUp's
Hi All,
Was trying to debug the application for popup when placed mouse over a link
with JavaScript, but its a bit tedious to go through the JavaScript Ajax
frameworks and achieve this task.
Can u guyz please suggest me how to proceed for this case...
And i am desperately waiting for onMouseOver attribute in <tc:link/> to
display the popup that i had when clicked the link...
Regards,
Madan
----- Original Message ----
From: madan chowdary <[EMAIL PROTECTED]>
To: MyFaces Discussion <[email protected]>
Sent: Saturday, 3 March, 2007 12:33:20 PM
Subject: Re: [ Tobago ]
Regarding PopUp's
Hi All,
Is there any means of doing this...
I am in real need of this functionality.
I tried using different JavaScript frameworks like Dojo, Yahoo UI framework.
But there rendering is causing some script problems when tested in FireFox and
IE, and even the Z-Index is differing for the DIV's .
I tried with a popup with <tc:link> .when clicked it would display the popup.
Buts that's not my case, the popup should be shown when we place mouse over
<tc:link/>
if there is no mouseOver attribute for <tc:link/> it would be helpful for these
kind of situations .
Plz suggest me how to proceed to my case.
Thnx in Advance,
Regards,
Madan
----- Original Message ----
From: madan chowdary <[EMAIL PROTECTED]>
To: MyFaces Discussion <[email protected]>
Sent: Tuesday, 27 February, 2007 11:57:38 AM
Subject: [ Tobago ] Regarding PopUp's
Hi All,
I need to display a popup which is shown when a user places mouse over a link.
My case is as such...
There would be a link, which on clicked will navigate to a page which has the
User Details.
Now when he places his mouse over the link, i need to show a popup which has
the same details as when shown when he clicks the link.
according to wht i know, the popup will be shown only when we click on the
link, but not on mouse over.
Is this could be done with mouseover function ?
Thnx in
advance,
Regards,
Madan
Heres a new way to find what you're looking for - Yahoo! Answers
Heres a new way to find what you're looking for - Yahoo! Answers
Heres a new way to find what you're looking for - Yahoo! Answers
__________________________________________________________
Yahoo! India Answers: Share what you know. Learn something new
http://in.answers.yahoo.com/
