Tooltip onClick
Is there a way to trigger the tooltip widget on click of a
button or link?
yes, make a copy of the tooltip.js file and rename it to
something else (as you're going to modify it and want a backup). i
called mine toolclick.js
line 421
quote:
ev(this.triggerElements
, 'mouseover', function(e) ...;
this is the line that defines the event required to trigger
the tooltip. replace 'mouseover' with 'click' in order to make the
tooltip activate on a click, rather than a mouseover. just be sure
to set closeOnTooltipLeave: true and set the hideDelay to a good
amount of time if you want an interactive tooltip (like a form in
the tooltip, for example).
this is just a quick fix to get the functionality. i would
hope that when i have time i could modify the widget so that it
accepts a particular event as a parameter (defaulting to mouseover)
rather than the current lack of choice.
Similar Messages
-
How to get dynamic query results from an array/structure
I have an edit page that is set up to display phone number fields from the user stored in our database. The properties for the phone number fields are set by a structure of arrays. My problem is that when a user has more than 1 phone number in my database, my structures correctly show this on the form by displaying 2 phone numbers. The problem I am having is that when it shows multiple phone numebrs, it always shows the first result and just repeats it as opposed to dropping the 2nd or 3rd phone number in their respective fields.
array and structure code below:
<!--- Mobile --->
<cfset mobile = StructNew()>
<cfset mobile.dynamic = false>
<cfset mobile.dynamicLabel = '+ Add'>
<cfset mobile.fields = ArrayNew(1)>
<cfif #checkuserv.recordcount# GT '0'>
<cfset mobile.fields[1] = StructNew()>
<cfset mobile.fields[1].required = false>
<cfset mobile.fields[1].label = 'Phone Number 1'>
<cfset mobile.fields[1].displayIcon = false>
<cfset mobile.fields[1].voice = true>
<cfset mobile.fields[1].voiceChecked = true>
<cfset mobile.fields[1].toolTip = "Please choose if you would like to receive a text or voice call on this number">
</cfif>
<cfif #checkuserv.recordcount# IS '2'>
<cfset mobile.fields[2] = StructNew()>
<cfset mobile.fields[2].required = false>
<cfset mobile.fields[2].label = 'Phone Number 2'>
<cfset mobile.fields[2].displayIcon = false>
<cfset mobile.fields[2].toolTip = "Please choose if you would like to receive a text or voice call on this number">
<cfset mobile.fields[2].voice = true>
<cfset mobile.fields[2].voiceChecked = true>
</cfif>
<cfif #checkuserv.recordcount# IS '3'>
<cfset mobile.fields[3] = StructNew()>
<cfset mobile.fields[3].required = false>
<cfset mobile.fields[3].label = 'Phone Number 3'>
<cfset mobile.fields[3].displayIcon = false>
<cfset mobile.fields[3].toolTip = "Please choose if you would like to receive a text or voice call on this number">
<cfset mobile.fields[3].voice = true>
<cfset mobile.fields[3].voiceChecked = true>
</cfif>
Here is the code for my fields that call the array info:
<!--- Voice 1 --->
<cfloop index="i" from="1" to="#ArrayLen(mobile.fields)#">
<cfif i EQ 1 OR NOT mobile.dynamic OR form.mobileDisplayed GTE i>
<cfparam name="form.areacode_#i#" default="">
<cfparam name="form.prefix_#i#" default="">
<cfparam name="form.suffix_#i#" default="">
<div class="fieldBlock phoneBlock" id="phoneBlock#i#">
<label for="areacode_#i#">
<cfif mobile.fields[i].required><span>*</span></cfif>
<cfif mobile.fields[i].displayIcon><img src="/images/sm_phone.jpg" /></cfif>
#mobile.fields[i].label#:
</label>
<div class="inputBlock">
<input type="text" maxlength="3" onKeyUp="numTyped(this, 'prefix_#i#', 3, event)" name="areacode_#i#" id="areacode_#i#" class="areacode" value="#trim(left(checkuserv.sub_user_number, '3'))#" />
<input type="text" maxlength="3" onKeyUp="numTyped(this, 'suffix_#i#', 3, event)" name="prefix_#i#" id="prefix_#i#" class="prefix" value="#trim(mid(checkuserv.sub_user_number, "4", '3'))#" />
<input type="text" maxlength="4" name="suffix_#i#" id="suffix_#i#" class="suffix" value="#trim(mid(checkuserv.sub_user_number, "7", '4'))#" />
<cfif StructKeyExists(mobile.fields[i], "voice") and mobile.fields[i].voice>
<div class="voice" id="voice#i#">
<input type="radio" value="0" name="voice_#i#"<cfif Not StructKeyExists(mobile.fields[i], "voiceChecked") or Not mobile.fields[i].voiceChecked> checked="checked"</cfif> />
<label>Text</label>
<input type="radio" value="1" name="voice_#i#"<cfif StructKeyExists(mobile.fields[i], "voiceChecked") and mobile.fields[i].voiceChecked> checked="checked"</cfif> />
<label>Voice</label>
</div>
</cfif>
<cfif StructKeyExists(mobile.fields[i], "toolTip") and mobile.fields[i].toolTip neq "">
<div class="toolTip" id="toolTip_#i#" title="#mobile.fields[i].toolTip#" onClick="alert('#mobile.fields[i].toolTip#')">?</div>
</cfif>
</div>
<!--- This number was invalid or if geocoding failed, and they've picked a carrier to override, display the carrier override dropdown--->
<cfif ListFindNoCase(invalidMobileIndexList, i) or ( showMap and IsDefined("form.carrierOverride" & i) )>
<div id="carrierOverrideBox#i#" class="carrierOverrideBlock">
<label>Carrier:</label>
<div class="inputBlock">
<select name="carrierOverride#i#" id="carrierOverride#i#">
<option value="-1">-- Pick your carrier --</option>
<cfloop query="carriers">
<!--- 1111 is voice, 0 is NONE, don't display --->
<cfif Not ListFindNoCase("0,1111", carriers.carrier_id)>
<option value="#Trim(carriers.carrier_id)#"<cfif IsDefined("form.carrierOverride" & i) and form["carrierOverride" & i] eq Trim(carriers.carrier_id)> selected="selected"</cfif>>#Trim(carriers.carrier_title)#</option>
</cfif>
</cfloop>
</select>
<a href="http://www.inspironlogisticscontact.cfm?account_id=#account_id#&carrierOverride=1"
title="Carrier help"
onClick="window.open('http://www.inspironlogisticscontact.cfm?account_id=#account_id#&carrierOverride=1','#accou nt_id#','width=500,height=800,scrollbars=no,screenX=100,screenY=100,top=100,left=100,resiz able=1'); return false;"
>?</a>
</div>
</div>
</cfif>
<cfif mobile.dynamic AND i EQ form.mobileDisplayed AND i LT ArrayLen(mobile.fields)>
<div class="dynamicAddBlock dynamicAddMobileBlock" id="dynamicAddmobile_#i#">
<a href="javascript: submitAddField('mobile')">#mobile.dynamicLabel#</a>
</div>
</cfif>
</div>
</cfif>
</cfloop>
<cfif mobile.dynamic>
<input name="mobileDisplayed" id="mobileDisplayed" value="#form.mobileDisplayed#" type="hidden" />
</cfif>
<input name="carrierOverrideActive" id="carrierOverrideActive" value="<cfif carrierOverrideActive>1<cfelse>0</cfif>" type="hidden" />
I have been stuck on this for days, finally turning to the forum today with a few different issues. I hate trying to work within the framwork of other peoples code.
I use coldfusion 8I broke the chunk of code away from the page and am now getting teh phone numbers in the right spots, but I am still getting a coldfusion error.
Element 2 is undefined in a Java object of type class coldfusion.runtime.Array.
Here is my code...
<cfset invalidMobileIndexList = "">
<cfset showMap = false>
<cfset carrierOverrideActive = false>
<!--- Voice 1 --->
<cfloop index="i" from="1" to="#ArrayLen(mobile.fields)#">
<!------> <cfif i EQ 1 OR NOT mobile.dynamic OR form.mobileDisplayed GTE i>
<cfparam name="form.areacode_#i#" default="">
<cfparam name="form.prefix_#i#" default="">
<cfparam name="form.suffix_#i#" default="">
<div class="fieldBlock phoneBlock" id="phoneBlock#i#">
<label for="areacode_#i#">
<cfif mobile.fields[i].required><span>*</span></cfif>
<cfif mobile.fields[i].displayIcon><img src="/images/sm_phone.jpg" /></cfif>
#mobile.fields[i].label#:
</label>
<cfoutput query="checkuserv" ><div class="inputBlock">
<input type="text" maxlength="3" onKeyUp="numTyped(this, 'prefix_#i#', 3, event)" name="areacode_#i#" id="areacode_#i#" class="areacode" value="#trim(left(checkuserv.sub_user_number, '3'))#" />
<input type="text" maxlength="3" onKeyUp="numTyped(this, 'suffix_#i#', 3, event)" name="prefix_#i#" id="prefix_#i#" class="prefix" value="#trim(mid(checkuserv.sub_user_number, "4", '3'))#" />
<input type="text" maxlength="4" name="suffix_#i#" id="suffix_#i#" class="suffix" value="#trim(mid(checkuserv.sub_user_number, "7", '4'))#" />
<cfif StructKeyExists(mobile.fields[i], "voice") and mobile.fields[i].voice>
<div class="voice" id="voice#i#">
<input type="radio" value="0" name="voice_#i#"<cfif Not StructKeyExists(mobile.fields[i], "voiceChecked") or Not mobile.fields[i].voiceChecked> checked="checked"</cfif> />
<label>Text</label>
<input type="radio" value="1" name="voice_#i#"<cfif StructKeyExists(mobile.fields[i], "voiceChecked") and mobile.fields[i].voiceChecked> checked="checked"</cfif> />
<label>Voice</label>
</cfif></div></cfoutput>
<cfif StructKeyExists(mobile.fields[i], "toolTip") and mobile.fields[i].toolTip neq "">
<div class="toolTip" id="toolTip_#i#" title="#mobile.fields[i].toolTip#" onClick="alert('#mobile.fields[i].toolTip#')">?</div>
</cfif>
</div>
<!--- This number was invalid or if geocoding failed, and they've picked a carrier to override, display the carrier override dropdown--->
<cfif ListFindNoCase(invalidMobileIndexList, i) or ( showMap and IsDefined("form.carrierOverride" & i) )>
<div id="carrierOverrideBox#i#" class="carrierOverrideBlock">
<label>Carrier:</label>
<div class="inputBlock">
<select name="carrierOverride#i#" id="carrierOverride#i#">
<option value="-1">-- Pick your carrier --</option>
<cfloop query="carriers">
<!--- 1111 is voice, 0 is NONE, don't display --->
<cfif Not ListFindNoCase("0,1111", carriers.carrier_id)>
<option value="#Trim(carriers.carrier_id)#"<cfif IsDefined("form.carrierOverride" & i) and form["carrierOverride" & i] eq Trim(carriers.carrier_id)> selected="selected"</cfif>>#Trim(carriers.carrier_title)#</option>
</cfif>
</cfloop>
</select>
<a href="http://www.inspironlogistics.com/wens/contact.cfm?account_id=#account_id#&carrierOverride= 1"
title="Carrier help"
onClick="window.open('http://www.inspironlogistics.com/wens/contact.cfm?account_id=#account_id#&carrierOverride= 1','#account_id#','width=500,height=800,scrollbars=no,screenX=100,screenY=100,top=100,left =100,resizable=1'); return false;"
>?</a>
</div>
</div>
</cfif>
<cfif mobile.dynamic AND i EQ form.mobileDisplayed AND i LT ArrayLen(mobile.fields)>
<div class="dynamicAddBlock dynamicAddMobileBlock" id="dynamicAddmobile_#i#">
<a href="javascript: submitAddField('mobile')">#mobile.dynamicLabel#</a>
</div>
</cfif>
</div>
</cfif>
<cfif mobile.dynamic>
<input name="mobileDisplayed" id="mobileDisplayed" value="#form.mobileDisplayed#" type="hidden" />
</cfif>
<input name="carrierOverrideActive" id="carrierOverrideActive" value="<cfif carrierOverrideActive>1<cfelse>0</cfif>" type="hidden" /><!------>
</cfloop> -
Using a style sheet with hbj:link
Hi guys,
I'm looking for a way to use a style sheet that I've created in my jsp with an hbj:link tag. Here's my style sheet:
<STYLE type="text/css">
a.button
a.button:active, a.button:focus, a.button:hover
</STYLE>
Here's my link:
<hbj:link
id="<%=linkId%>"
text="Sign Me Up"
tooltip="<%=toolTip%>"
onClick="signupLinkClick"
linkDesign="REPORTING"
>
</hbj:link>
I've tried wrapping an <a href="#" class="button"> tag around the hbj:link tag, but that didn't work. Any ideas?
Thanks!
-Stephen Spalding
Web Developer
GraybarHi,
there is a possibility to change the default style, but is not really clean. The browser when rendering a tag uses the last defined style for this tag. So you can redefine it. I used it in a DynPage, it worked ok.
First run the iview with standard style (normally). Look into the sourc of the page and find your "Sign Me Up" link. Check the class of the <a> tag. For instance it is a "urLnk".
Now just modify your style definition:
<STYLE type="text/css">
urLnk.button {
padding: 2px 10px 3px 10px;
border: 2px outset #cccccc;
background: #C0C0C0;
color: #000;
font-size: 11px;
text-decoration: none;
height: 19px;
vertical-align: bottom;
urLnk.button:active, a.button:focus, a.button:hover {
border: 2px inset #c0c0c0;
vertical-align: middle;
background: #cccccc;
color: #000000;
text-decoration: none;
</STYLE>
and so on...
Hope this helps,
Romano -
Error while trying to validate two input boxes at client side.
This is the code i am using to validate two input boxes.
I get an error in the IE which says: <b>'undefined is null or not an object'</b>
function validateInput(){
var noNull = validateNull();
var noNullTwo = validateNullTwo();
if(noNull==true)
else
alert("Enter values");
htmlbevent.cancelSubmit="true";
function validateNull(){
var startRange;
funcName = htmlb_formid + "_getHtmlbElementId";
func = window[funcName];
var temp1 = eval(func("range_Start"));
startRange = temp1.getValue();
if(startRange == '')
return false;
else
if(startRange.length < 8)
alert("Enter the value in proper format");
htmlbevent.cancelSubmit="true";
else
return true;
function validateNullTwo(){
var endRange;
funcName2 = htmlb_formid + "_getHtmlbElementId";
func2 = window[funcName2];
var temp2 = eval(func("range_End"));
endRange = temp2.getValue();
if(startRange == '')
return false;
else
if(endRange.length < 8)
alert("Enter the value in proper format");
htmlbevent.cancelSubmit="true";
else
return true;
</script>
<hbj:form id="myFormId" >
<hbj:textView id="title" text="Enter Sales Order Search Range" design="HEADER2"/><br><br>
<hbj:label id="lb_SearchStart" text="Start Range:" labelFor="range_Start" />
<hbj:inputField id="range_Start" jsObjectNeeded="true" type="string" required="true" maxlength="25"/>
<hbj:label id="lb_SearchEnd" text="End Range:" labelFor="range_End" />
<hbj:inputField id="range_End" type="string" maxlength="25"/><br><br>
<hbj:button id="submit" text="Search!" tooltip="Click me to Search" onClientClick="validateInput()" onClick="searchPressed" design="emphasized" />
</hbj:form>
</hbj:page>Hi Portal Newbie,
Please follow the below code. One i/p filed ,a button and a Java Script function.
In the function i searched with only null, if you want you can perform another function.
If you have any issues, please write me back.
<hbj:inputField
id="SystemId"
disabled="false"
type="string"
maxlength="60"
value=""
jsObjectNeeded="true" />
<hbj:button
id="Search"
text="Update"
width="125px"
tooltip=""
onClick="UpdateSystem"
onClientClick="validateFields()"
disabled="false"
design="EMPHASIZED"/>
<script language= "JavaScript" >
function validateFields(){
var funcName=htmlb_formid+"_getHtmlbElementId";
func=window[funcName];
var inputfield=eval(func("SystemId"));
var value=inputfield.getValue();
if(value=="")
alert("Please enter a value");
</script>
Thanks,
Sridhar -
Eventhandler- "onSendButtonClicked" not found!.
Hi all,
I am trying to write a simple event handler code using jspDynPage.
heres my code :
package com.bayer.bbs.peoplefinder.iviews;
import java.awt.Event;
import com.bayer.bbs.peoplefinder.util.Constants;
import com.bayer.bbs.peoplefinder.util.PeopleFinderLogger;
import com.sapportals.htmlb.page.DynPage;
import com.sapportals.htmlb.page.PageException;
import com.sapportals.portal.htmlb.page.JSPDynPage;
import com.sapportals.portal.htmlb.page.PageProcessorComponent;
public class SearchIView extends PageProcessorComponent {
public DynPage getPage(){
return new SearchDynPage();
public static class SearchDynPage extends JSPDynPage{
public void doInitialization(){
public void doProcessAfterInput() throws PageException {
PeopleFinderLogger.logInfo("SearchIView - doProcessAfterInput() called...qweqweqweqwe");
public void onSendButtonClicked(Event event) throws PageException {
PeopleFinderLogger.logInfo("SearchIView - onSendButtonClicked() called...");
public void doProcessBeforeOutput() throws PageException {
PeopleFinderLogger.logInfo("SearchIView - doProcessBeforeOutput() called...sdasdasdasd");
this.setJspName(Constants.SEARCH_JSP);
And part of my JSP is this :
<hbj:link
id="link1"
text=""
reference=""
target="_TOP"
tooltip=""
onClick="onSendButtonClicked"
>
<hbj:image
id="imageLogo"
alt="<%=res.getString(\"inputvalue.search\")%>"
src="<%=imageURL%>"
/>
<%
link1.setClientEvent(EventTrigger.ON_CLICK, "if(submitpfFormSender(event)) {submit();};");
%>
</hbj:link>
But i get the following error:
Portal Runtime Error
An exception occurred while processing a request for :
iView : PeopleFinder.Search
Component Name : PeopleFinder.Search
Eventhandler- "onSendButtonClicked" not found!.
Exception id: 04:11_02/06/07_0157_6390250
See the details for the exception ID in the log file
Please help me in finding wots wrong.........................hi Sarraraz,
Refer this link
<a href="http://help.sap.com/saphelp_nw04/helpdata/en/0c/9e0e41a346ef6fe10000000a1550b0/content.htm">http://help.sap.com/saphelp_nw04/helpdata/en/0c/9e0e41a346ef6fe10000000a1550b0/content.htm</a>
then add this two line to your jsp:
<b><%@ taglib uri = "tagLib" prefix = "hbj" %>
<% String ImageURL=componentRequest.getWebResourcePath()+"/images/";%></b>
remove this from ur jsp:
<%
link1.setClientEvent(EventTrigger.ON_CLICK, "if(submitpfFormSender(event)) {submit();};");
%>
and ur jsp code::
<hbj:link id="link1" text="" reference="" target="_TOP"
tooltip="" onClick="onSendButtonClicked" >
<hbj:image id="imageLogo" alt="picture saplogo.gif"
src="<%= ImageURL+\"nature6.jpg\" %>" />
</hbj:link>
add this in ur Portalapp.xml
<component-profile>
<property name="tagLib" value="/SERVICE/htmlb/taglib/htmlb.tld"/>
</component-profile>
remove this from ur Portalapp.xml
<property name="ComponentType" value="jspnative"/>
regards,
Chinnadurai.R
Message was edited by:
chinnadurai R -
OnMouseOver displays Tooltip from hidden column of classic report
What: The Goal:
Make easily available more information than fits on one line of the screen without using multiple fixed lines.
Background:
Classic report with 18 data items (columns) visible. Has Search box and user can choose number of rows displayed.
A couple data items can be long (20-30 characters) compared to the screen width. The right-most data item might run 100 characters.
Proposed Strategy:
1) Display the first n characters of the long item(s) on the report.
2) On onMouseOver display the entire item.
Proposed Approach:
1) For each column with long data, hold the entire value in a hidden item.
2) Display long (hidden) value in tooltip (bubble?/balloon?) upon onMouseOver of that value.
Note: This is not ToolTip/Help for a column but display of the long value for a specifc item in the row of a column.
Sought After Feature:
1) To reduce maintenance, would like to implement for multiple columns using a single common block of code.
Question:
Given other approaches you know, is this a good approach to achieve the goal? Alternative approaches?
HowardWell it took a while and you really made me work for this. :)
For the end result hover on the Job Ln Nm column.
http://apex.oracle.com/pls/apex/f?p=991202:1
I added some old code I had laying around. It adds a bubble that will stay up for 5 sec or until you click away or hover on another record.
What I would do at this point is just truncate (with a substr) the length of the Long Nm to something short. Use whatever indicator you want for the hover. Like for example these glasses <img src="#IMAGE_PREFIX#Fndview1.gif"> It's really up to you.
You'll see there's an AJAX Callback PLSQL where you can retreive and format the content of the popup to whatever you want. You could make it real pretty.
Here's what I did:
1. New ShowJob javascript procedure.
function ShowJob(pThis,pId){
this.dTimeout;
clearTimeout(this.dTimeout);
this.dGet = dGet;
this.dShow = dShow;
this.dCancel = dCancel;
var get = new htmldb_Get(null,$v('pFlowId'),'APPLICATION_PROCESS=FULL_LONG_NAME',$v('pFlowStepId'));
this.dGet();
return;
function dGet(){
this.dTimeout = setTimeout("this.dCancel()",6500);
get.addParam('x01',pId);
get.GetAsync(dShow);
function dShow(){
$x_Hide('rollover');
if(p.readyState == 1){
}else if(p.readyState == 2){
}else if(p.readyState == 3){
}else if(p.readyState == 4){
$x('rollover_content').innerHTML = p.responseText;
$x_Show('rollover');
var l = findPosX(pThis)+pThis.offsetWidth+5;
var t = findPosY(pThis);
$x_Style('rollover','left',l + 'px');
$x_Style('rollover','top',t + 'px');
// This math would center on the vertical
// $x_Style('rollover','left',findPosX(pThis)+pThis.offsetWidth+5);
// $x_Style('rollover','top',findPosY(pThis)-($x('rollover').offsetHeight/2)+($x(pThis).offsetHeight/2));
document.onclick = function(e){
dCheckClick(e);
}else{return false;}
function dCheckClick(e){
var elem = html_GetTarget(e);
try{
var lTable = $x_UpTill(elem,"DIV");
if(lTable.id!='rollover_content'){dCancel();}
else{}
}catch(err){dCancel();}
function dCancel(){
$x_Hide('rollover');
document.onclick = null;
get = null;
}2. Rollover div on the page footer (div id="rollover"...). Of course this could be a region also.
<div id="rollover" style="display:none;color:black;background:#FFF;border:2px solid #369;width:290px;position:absolute;padding:4px;">
<div id="rollover_content"></div>
</div>
3. PLSQL AJAX Callback. : FULL_LONG_NAME
-- select your value with apex_application.g_x01
htp.p('You hover over ' || apex_application.g_x01 || '<br>');
htp.p('Here is the Full Long Name: XXXXXXX XXXXXXX XXXXXXX 1234565');4. Changed Long Nm column to be a link with the onmouseover call that calls the new procedure ShowJob. I made the assumption that with the NUM parameter you could fetch the full record of what you need.
onmouseover="ShowJob(this,#NUM#)"
That should be it.
Let me know what you think.
-Jorge
Edited by: jrimblas on Apr 22, 2013 1:05 PM: Added code to post for completion -
How to capture the onclick action htmlb to Portal component?
<% if (Bean.getSpoofValue().equalsIgnoreCase("spoof=yes"))
{%>
<hbj:form id="spoof" >
<hbj:gridLayout
id="myGrid2"
rowSize="10"
columnSize="10"
cellSpacing="10"
cellPadding="0"
debugMode="false"
width="85%">
<hbj:gridLayoutCell
id="gridCell51"
rowIndex="4"
columnIndex="1"
horizontalAlignment="LEFT"
verticalAlignment="TOP"
style=""
width="100%">
<hbj:textView
text="Enter the Customer Number to Spoof: "
id="tv4"
tooltip="Total Funds"
design="HEADER2"
encode="true">
</hbj:textView>
<hbj:inputField id="spoofCust" value="" maxlength="10" />
<hbj:button id="submit" text="Submit" onClick="onSubmit"/>
</hbj:gridLayoutCell>
</hbj:gridLayout>
</hbj:form><%}%>
This is my action JSP page this action I need to utilize on basis of click.
I am using two java class one extends PageProcessorComponent and second one extends AbstractPortalComponent
In firrst java class I am utilizing that action But APComp only unable use this action.
How do I capture this in APComponent?
Please provide the solution I tried some methods but no result suggest me any body?
Thanks,
Lohi.
Message was edited by:
Lohitha MHi Lohi,
In AbstractPortalComponent, you should capture events by your selves in the doContent method:
protected void doContent(IPortalComponentRequest request, IPortalComponentResponse response) {
IPageContext iPageContext = PageContextFactory.createPageContext(request, response);
Event event = iPageContext.<b>getCurrentEvent();</b>
if (null != event && "<b>onSubmit</b>".equalsIgnoreCase(event.getAction()))
protected void doContent(IPortalComponentRequest request, IPortalComponentResponse response)
RadioButtonGroup rbg = new RadioButtonGroup("radioGroup");
rbg.setColumnCount(2);
RadioButton r1 = rbg.addItem("rb_one", "one");
RadioButton r2 = rbg.addItem("rb_two", "two");
RadioButton r3 = rbg.addItem("rb_three", "three");
RadioButton r4 = rbg.addItem("rb_four", "four");
RadioButton r5 = rbg.addItem("rb_five", "five");
rbg.setSelection("rb_one");
rbg.setOnClick("rbgEvent");
TextView text = new TextView("status");
text.setTooltip("Radio button status");
text.setText("no event");
IPageContext iPageContext = PageContextFactory.createPageContext(request, response);
Event event = iPageContext.getCurrentEvent();
if (null != event && "rbgEvent".equalsIgnoreCase(event.getAction()))
System.out.println("event invoked");
RadioButtonClickEvent evt = (RadioButtonClickEvent) event;
String selectedRadio = evt.getKey();
rbg.setSelection(selectedRadio);
text.setText(selectedRadio);
Form sampleForm = iPageContext.createFormDocument("form");
sampleForm.addComponent(rbg);
sampleForm.addComponent(text);
iPageContext.render();
Greetings,
Praveen Gudapati
p.s. Points are always welcome for helpful answers -
Tooltip for IR report(Apex 3.2)header column
Hello Everyone,
I need help in setting up a tooltip for report hearder in interactive reports. I tried the following methods:
1) By assigning a div title for column Deptno(This code is taken from the html source of IR report column):
<th id="DEPTNO" >
<div id="apexir_DEPTNO" onclick="gReport.controls.widget(this.id)" style="">
Deptno
<div title="Tooltip text for first div"></div>
</div></th>
2) With javascript & css : I put the following line on report header edit section:
< a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>
Nothing really solved my problem. Is there any easy way of resolving the above issue?
Thanks in advance for your help.
- Parveen
Edited by: Parveen Sehrawat on Mar 14, 2012 2:58 PMHi,
Blog post example do not work with APEX 3.2
By default on APEX 3.2 you do not have jQuery and dynamic actions.
You can do same with APEX 3.2 if you use htmldbQuery plugin
http://sourceforge.net/projects/htmldbquery/
Integrate plugin and jQuery to APEX
Then create page process before regions
DECLARE
l_sql VARCHAR2(32700);
BEGIN
l_sql := '
SELECT COLUMN_ALIAS,
HELP_TEXT
FROM APEX_APPLICATION_PAGE_IR_COL
WHERE APPLICATION_ID = :APP_ID
AND PAGE_ID = :APP_PAGE_ID
AND HELP_TEXT IS NOT NULL
HTP.p ('<script type="text/javascript">');
-- Create JSON object.
HTP.prn ('var gIrColHelp = $u_eval(''(');
APEX_UTIL.JSON_FROM_SQL(l_sql);
HTP.prn (')'');');
HTP.p ('</script>');
END;Add to page HTML header
<script type="text/javascript">
$.htmldbIrReady(function(){
$.each(gIrColHelp.row,function(i,jd){
$($x("apexir_"+jd.COLUMN_ALIAS)).parent("th").attr({"title":jd.HELP_TEXT});
</script>See working example
http://actionet.homelinux.net/htmldb/lspdemo?p=220
Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
Edited by: jarola on Mar 15, 2012 4:53 PM -
Tooltip for IR report header column
Hello Everyone,
I need help in setting up a tooltip for report hearder in interactive reports. I tried the following methods:
1) By assigning a div title for column Deptno(This code is taken from the html source of IR report column):
<th id="DEPTNO" >
<div id="apexir_DEPTNO" onclick="gReport.controls.widget(this.id)" style="text-align:center;">
Deptno
<div title="Tooltip text for first div"></div>
</div></th>
2) With javascript & css : I put the following line on report header edit section:
< a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>
Nothing really solved my problem. Is there any easy way of resolving the above issue?
Thanks in advance for your help.
- ParveenHi,
This might help
http://dbswh.webhop.net/dbswh/f?p=BLOG:READ:0::::ARTICLE:2311800346467196
Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0 -
Hi experts I'm using follwoing code for htmlb :button
<htmlb:button id = "myButton2"
text = "<%= v_save %>"
tooltip = "<%= v_save %>"
onClick = "approveClick"
design = "emphasized"
/>
and in
do_handle_event I'm using followin code
DATA : button_event TYPE REF TO cl_htmlb_event_button,
event1 TYPE REF TO cl_htmlb_event.
event1 = cl_htmlb_manager=>get_event( runtime->server->request ).
CASE event1->server_event.
WHEN 'approveClick'.
button_event ?= event1 .
< some code >
ENDCASE.
when i clicked the button it is not going into do_handle_event
I'm unable to capture onclick event of button .I tried it by keeping some break points .But couldn't be ableto capture it
Here I'm using MVC pattern .When one check box clicked in view of another controller the page which contains this button will be displayed.Do i need to write any additional code for itThere are 2 kind of break-points.
1. Session break-points - This will wok only to debug normal ABAP codes.
2. External break-points - This will help you to debug BSP/Webdynpro application.
Set the external-break point to figure out whether its triggering the events or not.
<b>
To set the external Break-points:</b>
Before settings the external-break-point, you need to Active External break-point for HTTP. YOu can find this option in
SE80, in
Utilites--> Break-point/External break-point or Utilites--> External break-point --> Set External break-point
or if you dont find, then
utilities-->setttings -> ABAP Workbench -> look at the debugger tab
& find the external Debugging check box or External Debugging user ID. Give SAP User ID
Also have a look at this..
http://help.sap.com/saphelp_nw2004s/helpdata/en/17/00ab3b72d5df3be10000000a11402f/frameset.htm
<i>* Reward each useful answer</i>
Raja T
Message was edited by:
Raja Thangamani -
Hello,
Based on the several posts in the forum, I created a Shuttle with various features. As the text items can't be wrapped in the Shuttle, I wanted to create a tool tip so that the user can see the entire text. I managed to create one when the user clicks on an item. But, I would really likes to show the tool tip for <font color="red">onmouseover</font> event.
Here is what I have so far:
<b>Page html header</b>
<script type="text/javascript">
function displayHelp(event, pItem) {
var cnt = 0;
var ind = 0;
for(var i=0; i < pItem.length; i++) {
if(pItem.selected) {
cnt++;
ind = i;
if(cnt == 1) {
toolTip_enable(event, pItem, pItem[ind].text);
</script>
<head>
<style type="text/css">
#P1_VISITED_LEFT option{color:red}
#P1_VISITED_RIGHT option{color:green}
</style>
</head>
and <b>HTML FORM ELEMENT ATTRIBUTE</b> contains the following:style=width:350px; onclick="displayHelp(event,this);"
I am using Apex 3.2 but the same works in Apex 4.0 as well. I have created an application at http://apex.oracle.com/pls/apex/f?p=37387:1:955210098693100:::::
Any help is appreciated in making this work for <font color="red">onmouseover</font>
Thanks,
RoseHi,
I use the following jQuery code for select list mouseover tooltip. For shuttle it should work
$(function(){
$('option').each( function(){
$(this).attr('title', $(this).text());
});Regards,
Shijesh -
Hi,
i have an htmlb link and on clicking it i should go to another jsp.i am able to use onClick for buttons and other components but the event is not working for the Link.
When i click on the link i get the same page refreshed.
Following is the HTMLB code:
<hbj:content id="myContext" >
<hbj:page title="link tag">
<hbj:form>
<hbj:link
id="SecondAgreementPage"
text="licensing information"
tooltip="Licencing Information"
onClick="onLicensing">
</hbj:link>
</hbj:form>
</hbj:page>
</hbj:content>Hi Ganesh,
I tried it as follows but it didnt work....Following was my new code..
<hbj:link
id="FirstAgreementPage"
text="licensing information"
reference="AgreementPage1.AgreementPage.SecondAgreementPage.jsp"
target="_blank"
tooltip="Licencing Information"
>
</hbj:link>
In reference field i have mentioned the Project name then the JSPDynPage and finally the JSP page to be displayed when the link is clicked.
The problem is that when i make changes in the code(eg. i change the reference parameter)(after which i save,rebuild the project and quick par upload);the changes that i made are not reflected in the output.Any guesses why it happens? -
How to supress the onClick event?
Hi, is it possible to Supress an onClick event from an htmlb extension object?
i want to add a confirm message in javascript.
if the user select 'no' the form should not be sended.
i thought about add a onClientClick handler and supress or initiiate the onClick event there.
is this possible, or btw. is this a good solution?
Message was edited by:
Grafl RonaldHere you go..
<%@page language="abap" %>
<%@extension name="zhtmlb" prefix="zhtmlb" %>
<script language="JavaScript" type="text/javascript">
function WindowOpenPopup(buttontype) {
if (buttontype == "A") {
Check = confirm("Do you really want to approve the requisition items?");
if (Check == true) {
htmlbSL(this,2,'ButtonReject:PRApprove');
</script>
<zhtmlb:content design="design2003" >
<zhtmlb:page title="Query flight data " >
<zhtmlb:form>
<zhtmlb:button id = "ButtonApprove"
text = "Approve"
design = "Emphasized"
tooltip = "Approve PReq"
encode = "FALSE"
onClientClick = "javascript:WindowOpenPopup('A');" />
</zhtmlb:form>
</zhtmlb:page>
</zhtmlb:content>
Raja T -
Problem with several occurence of same ToolTip
For a test form, I am using Dreamweaver CS4 Spry Tooltip Widgets. In this form, I need to have several occurence of a same Tooltip. All works fine. But there is a problem with the W3C validator, which returns the error: id "sprytrigger2" already defined. Any help to help me on that
problem is welcome. Many thanks.
Part of the HTML code (below)
<img src="button.gif" ... id="sprytrigger1">
<img src="button.gif" ... id="sprytrigger2">
<img src="button.gif" ... id="sprytrigger2">
<div class="tooltipContent" id="sprytooltip1">--- GOOD---</div>
<div class="tooltipContent" id="sprytooltip2">--- You are Wrong ---</div>
<script type="text/javascript">
<!--
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#sprytrigger1");
var sprytooltip2 = new Spry.Widget.Tooltip("sprytooltip2", "#sprytrigger2");
//-->
</script>
W3C Validator Error code returned:
id "sprytrigger2" already defined
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this
attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify
exactly one element).If you are using true ToolTips, you have a different location for each on your page.
I would not personally worry about the additional variables adding much to your code.
But if you are concerned, and the messages are really all the same, you could do a show/hide and use an absolute positioning:
.ivorycrunch_pu
position:absolute;
border: #5b0085 2px solid;
right: 50px;
top: 50px;
width:300px;
height:300px;
z-index:1000;
visibility: hidden;
This particular one is set up to show a background image...a different one for each item (coded in a separate rule)...
<div class="ivorycrunch_pu">
<h5><a onclick="MM_showHideLayers('ivorycrunch_pu','','hide')">close</a></h5>
</div>
But if you changed this to class="Okay" and altered the style to suit, remembering to make an item with an id of 'Okay' somewhere on your page, this should work, too. Play around with it. I did not customize this for your purpose. Note that I have a 'close' text link. You would put your text in this div, not necessarily as a link, but you would need a link to close it. I think you will need to add this as a behavior, so you get the appropriate javascript on your page.
I didn't work with this long enough to suit your uses, but you should be able to jimmie around with it to make it work. Because the position is set in relation to the div of the 'trigger' text, you might need to have each 'trigger' in its own div.
Personally, I would go the ToolTip route and let Dreamweaver do my positioning for me.
Beth
You might create one ToolTip and then set it up to use a class instead of an ID. Don't know if that would work. B -
SelectOneRadio tooltip workaround needed
Hi.,
I have something like:
<t:selectOneRadio value="#{configuration.leasingartSelected}" onclick="submit();" valueChangeListener="#{configuration.leasingartValueChange}">
<f:selectItem itemValue="Privat" itemLabel="Privat" />
<f:selectItem itemValue="Gewerblich" itemLabel="Gesch?ftlich" />
</t:selectOneRadio> I would like to place title (tooltip) for the rendered 2 radio buttons each one with different texts (not setting "title" attribute common for both buttons).
Lets say with equivalent HTML:
Male:
<input type="radio" name="Sex" value="male" title="male">
Female:
<input type="radio" name="Sex" value="female" title="female"> How could I achieve that?
Any workaround would also be highly appreciated.
Thanks.Hi Friend
Just try the following html, I think this is what you need
<div><label title ="alpha tool tip" for="radio1"><input type="radio" name="rad" value="1" id="radio1">alpha</label></div>
<div><label title ="Beta tool tip" for="radio2"><input type="radio" name="rad" value="2" id="radio2" checked>beta</label></div>
<div><label title ="gamma tool tip" for="radio3"><input type="radio" name="rad" value="3" id="radio3">gamma</label></div>
Maybe you are looking for
-
How To Get User Details in Collaboration ....?
HI, In collaboration i am unable to see the full User Details (Like Mobile Phone Number, E-Mail Address, etc) ,When i was click on user Names. Here i will get full User Details for some users and for some users i did not get(But getting only Last N
-
Export PDF Form to XML through VBScript
Hi, I was wondering if there is a way to automate the export of an Adobe PDF Form to XML, either using the Adobe SDK/AcroExch.App or the PDF Test Toolkit. I'm wanting to perform this action via a QuickTest Pro Script and thought there might be a func
-
CS4, Page range changed. How do I get it back to my normal?
Hi. For some reason, when I try to export out of InDesign into a pdf, now all of a sudden, instead of choosing my page range as Sec1:2-Sec1:5 or 2-Sec1:5, all of a sudden it is coming in as choose your page range as +2-+5. How do I get it back to my
-
My EPCM eventing code does not work completely. I have been able to get an event handler to populate an SAP InputField but I cannot get the event handler to execute a click() on a SAP Button in the same iView. I'm using the following code: EPCM.sub
-
How to organize 250hrs of footage?
Dear FCPX users, at this moment I'm capturing hundreds of hours of my VHS-archives. All of those contain registrations of live performances and I want to save and edit the best parts. The biggest challenge will be how to organize in such way, that I'