Coding a button with 3 instances
I have 3 images: 1.png, 2.png, and 3.png.
Image 1.png is my "UP" state for my button. (the image for the button at normal with no activity)
Image 2.png is my "OVER" state for my button. (when my mouse is hovering over the image)
and
Image 3.png is my "ACTIVE" state. (when the mouse is clicking down on the image)
What is the HTML and CSS coding to do this? I am using <div> 's.
Thank you for your time.
cp
Because you have not supplied enough detail, I am assuming that you want to use the buttons for a menu system. In that case you could do the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
a {
background: red;
a:hover {
background: yellow;
a.active {
color: white;
background: black;
</style>
</head>
<body>
<a href="index.html" class="active">Home</a>
<a href="about.html">About Us</a>
<a href="products.html">Products</a>
<a href="contact.html">Contact Us</a>
</body>
</html>
You can place your images as the background value
Gramps
Similar Messages
-
How make menu button with unrolling thumbnails in as 3.0??
Hello
I need help with doing a menu with unrolling and rolling up buttons with thumbnails; now I have someting like that (attachments) this was made by as 2.0 but I need help with changing this on as 3.0.
if samobody have some ideas how can I do this or somting similar using as 3.0 I will be gratefulThe only way to convert it to AS3 is to go thru it and replace the code as needed. While some code may not have to change, quite a bit of it will. Your best bet for getting thru it is to build it up from scratch one object at a time and get each coded as you go. Otherwise you will be overwhelmed with error messages. Here's a few pointers.
All code is AS3 has to be placed on the timeline. You cannot place code "on()" objects. So each object needs an instance name.
Any interaction or event handling such as mouse controls and file loading involve event listener/event handler pairs. So you will want to start with looking into the addEventListener() method, which is pretty much used globally for any/all event processing.
When it comes to loading external swf files, you want to use the Loader class.
To determinine how to make the code work, I recommend using a practice file. A file that you can implement one codig sequence in at a time just to determine what works.
Converting this to AS3 will be a good exercise for you on the road to learning it. When I wanted to start learning AS3 that's pretty much what I did, though with the sole purpose of the learning as my goal. I took a fairly complicated menu design that I had created first in AS2, and then rebuilt it from the ground up using AS3. -
I have a row of buttons within a container, all with instance
names. When one of the buttons is clicked and using a switch
statement, I want to navigate to a timeline frame and stop to
display the desired page. Could someone provide an example of AS
code?
The ActionScript 3.0 Language and Components reference is
great but there still is a lot missing in the process of coding in
AS.If you could clarify your last statement with what I have
below would help. I when though about everything you did except
putting the string and casting the i into an array of this, Where,
would I be able to find this information without having previous
knowledge? It is this kind of stuff that is the glue that puts it
all together.
Two more questions, first when I set the expand value below
to 1 the button is to big, if it is set to 0.9, the button size
does not change much. I would like to have better control of the
buttons size.
The second question, I'm having problems with the
swapChildren() shown below, it has been used from the ActionScript
3.0 Bible page266. I get a "Parameter child must be non-null"
error.
Thanks Ned & kglad
var offSet:int = 20;
var expand:int = 1.01;
for (var i:int = 0; i <= 26; i++)
this["btnNorm" + String(i)].addEventListener
(MouseEvent.MOUSE_OVER, swapSprites);
this["btnNorm" + String(i)].addEventListener
(MouseEvent.MOUSE_OVER, expandCLBtn);
this["btnNorm" + String(i)].addEventListener
(MouseEvent.MOUSE_OUT, shrinkCLBtn);
function expandCLBtn (e:MouseEvent):void
e.target.x = e.target.x - offSet;
e.target.scaleX += expand;
e.target.scaleY+=expand;
function shrinkCLBtn (e:MouseEvent):void
e.target.x=e.target.x+offSet;
e.target.scaleX-=expand;
e.target.scaleY-=expand;
function swapSprites (e:MouseEvent):void
swapChildren ((e.target as Sprite), getChildAt(numChildren
-1));
setChildIndex (e.target, numChildren - 1);
stop (); -
Problems coding a button within a movie clip to navigate scenes
Hello there! I've got another probably noobish question to ask about CS6.
My goal is very similar to the one mentioned in this previously discussed forum question: http://forums.adobe.com/message/837995#837995 and also in this question http://forums.adobe.com/message/4172919#4172919
I am attempting to make a button inside a movie clip in my first scene go when clicked to the first frame of my second scene. I named the button's instance menu_button_1 and I believe Scene 1 and Scene 2 are the names of the scenes. (If they should have special names or instance names, I did not see where to type them.) Because of the similarities, I attempted to follow the suggestions on those pages. However I probably did some small thing wrong, (Or heck, maybe a huge thing.) which I what I'd like help with to find.
stop();
myButton.addEventListener(MouseEvent.CLICK, clickHandler);
function clickHandler(evt:MouseEvent):void {
gotoAndStop(1, "Scene 1");
This seemed to be what was suggested to enter. I attempted to modify it to work for me as well. This is what I typed for the button's action.
menu_button_1.addEventListener(MouseEvent.CLICK, clickHandler);
function clickHandler(evt:MouseEvent):void {
gotoAndPlay(1, "Scene 2");
(I removed the stop function because I have music looping in the movie clip that I want to play until the mouse is clicked.) (Also, I picked gotoandplay because I wanted scene 2 to start playing immediately when clicked rather than stopping.)
I tried variations, including "2" instead of "scene 2" and whatnot. I also tried linking it to differnet places just to see if that would work. It seems like it could link if I only asked for a frame within the movie clip itself, but it couldn't go to any other frames in scene 1 or scene 2. When I attempt, this message is displayed in the output:
ArgumentError: Error #2108: Scene 2 was not found.
at flash.display::MovieClip/gotoAndPlay()
at interactivestgermant_fla::menu_1/clickHandler()
It seems it cannot find my Scene 2. (It also cannot seem to find Scene 1 when I prompt it to do that.) I'm afraid I'm not sure of what I've entered incorrectly, though I'd imagine it involves how I typed the scene navigation. Should it have an instance name or something? I'd very muchappreciate a push in the right direction. If you need any more info I'll be happy to provide it. Thanks for the help! I very much appreciate it.I bet you're absolutely right. However I am not sure how I am misnaming it, as to my ametuer eyes, it seems to be entered properly into the properties box? It does show up as "menu" written in white over the keyframes and also in the properties slot. I can include some images here to help out in correcting me.
http://girlfoxgirl.deviantart.com/art/Flash-Help-1-395704638 This image shows my movie clip. This seems to be the problem it's having, identifying "menu." Did I do that incorrectly? It looks to be in order.
http://girlfoxgirl.deviantart.com/art/Flash-Help-2-395704633 This is inside of the movie clip named menu. You can see I did the same to name the button menu_button_1.
http://girlfoxgirl.deviantart.com/art/Flash-Help-3-395704627 This shows the action I gave to menu_button_1 in which I attempt to have it naviagte to Scene 1 frame 493.
http://girlfoxgirl.deviantart.com/art/Flash-Help-4-395704623 This shows where I'd like the button to go to. (It is hard to tell if that's frame 493 or 492. I figured that it should be ok either way and if this frame is 492 then it's easily changed once I get the darn thing working in general) (Also, I named the layer "peanuts." I tired entering the name "peanuts" as well but it didn't seem to work either, so I figured "493" is easier since I know that you can go to a specific frame by doing gotoandplay("scene 1" , #) and I'm not sure if it requires any additional stuff to go to a name.
http://girlfoxgirl.deviantart.com/art/Flash-Help-5-395704687 These are the errors I get. I totally agree with you- It seems very much to be an issue of getting it to recognize the "menu." However I am unsure where I named something wrong. Is this enough info to help you perhaps point out where that is? -
Custom button with action listener - will not invoke action listener
Hi
For whatever reason, I cannot find a concise example of a simple custom component that can invoke an action listener. The tutorials I've read so far either ignore this fundamental topic or only make the slightest make reference to it.
The best I have come up with - in terms of a simple prototype is below... but, the action listener is never invoked.... Can someone tell me what I am missing (full code below). Hopefully, what is missing or incorrect will be obvious to you JSF experts out there.
Thanks for any help!!
-f
tld
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN" "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
<tlib-version>0.01</tlib-version>
<jsp-version>1.2</jsp-version>
<short-name>jsfcustomcomponent</short-name>
<uri>http://jsfcustomcomponent/</uri>
<description><![CDATA[jsf custom component tags]]> </description>
<tag>
<name>specialBtnTag</name>
<tag-class>jsfcustomcomponent.SpecialBtnTag</tag-class>
<attribute>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<description><![CDATA[button value]]></description>
</attribute>
<attribute>
<name>actionListener</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<description><![CDATA[action listener]]> </description>
</attribute>
</tag>
</taglib>
SpecialBtnComponent
package jsfcustomcomponent;
import javax.faces.component.*;
import javax.faces.context.*;
import javax.faces.el.*;
import javax.faces.event.*;
public class SpecialBtnComponent
extends UIComponentBase implements ActionSource
public static final String COMPONENT_TYPE = "SpecialBtnComponent";
public static final String RENDERER_TYPE = "SpecialBtnRenderer";
public String getFamily()
return COMPONENT_TYPE;
public SpecialBtnComponent()
super();
setRendererType(SpecialBtnComponent.RENDERER_TYPE);
private String value;
public void setValue(String value, FacesContext facesContext)
this.value = value;
public String getValue()
if (null != value)
return value;
ValueBinding _vb = getValueBinding("value");
if (_vb != null)
return (String) _vb.getValue(getFacesContext());
else
return null;
private MethodBinding action = null;
public MethodBinding getAction()
return action;
public void setAction(MethodBinding methodBinding)
this.action = action;
private MethodBinding actionListener = null;
public MethodBinding getActionListener()
return (this.actionListener);
public void setActionListener(MethodBinding methodBinding)
this.actionListener = actionListener;
public boolean isImmediate()
return false;
public void setImmediate(boolean _boolean)
//this.immediate = immediate;
public void addActionListener(ActionListener actionListener)
addFacesListener(actionListener);
public ActionListener[] getActionListeners()
return (ActionListener[]) getFacesListeners(ActionListener.class);
public void removeActionListener(ActionListener actionListener)
removeFacesListener(actionListener);
public Object saveState(FacesContext context)
Object values[] = new Object[5];
values[0] = super.saveState(context);
values[1] = value;
values[2] = saveAttachedState(context, action);
values[3] = saveAttachedState(context, actionListener);
return ( (Object) (values));
public void restoreState(FacesContext context, Object state)
Object values[] = (Object[]) state;
super.restoreState(context, values[0]);
value = (String) values[1];
action = (MethodBinding) restoreAttachedState(context, values[2]);
actionListener = (MethodBinding) restoreAttachedState(context, values[3]);
public void broadcast(FacesEvent event) throws AbortProcessingException
super.broadcast(event);
if (event instanceof ActionEvent)
FacesContext context = getFacesContext();
MethodBinding mb = getActionListener();
if (mb != null)
mb.invoke(context, new Object[]
{event});
ActionListener listener = context.getApplication().getActionListener();
if (listener != null)
listener.processAction( (ActionEvent) event);
public void queueEvent(FacesEvent e)
if (e instanceof ActionEvent)
if (isImmediate())
e.setPhaseId(PhaseId.APPLY_REQUEST_VALUES);
else
e.setPhaseId(PhaseId.INVOKE_APPLICATION);
super.queueEvent(e);
SpecialBtnRenderer
package jsfcustomcomponent;
import java.util.*;
import javax.faces.component.*;
import javax.faces.context.*;
import javax.faces.event.*;
import javax.faces.render.*;
public class SpecialBtnRenderer
extends Renderer
String value;
public SpecialBtnRenderer()
public void decode(FacesContext context, UIComponent component)
Map requestMap = context.getExternalContext().getRequestParameterMap();
String clientId = component.getClientId(context);
SpecialBtnComponent specialBtnComponent = (SpecialBtnComponent) component;
String value = (String) requestMap.get(clientId);
if (null != value)
specialBtnComponent.setValue(value, context);
ActionEvent actionEvent = new ActionEvent(specialBtnComponent);
specialBtnComponent.queueEvent(actionEvent);
public void encodeEnd(FacesContext context, UIComponent component) throws java.io.IOException
SpecialBtnComponent specialBtnComponent = (SpecialBtnComponent) component;
ResponseWriter writer = context.getResponseWriter();
String clientId = component.getClientId(context);
value = (String) component.getAttributes().get("value");
if (value == null)
value = "defaultValue";
buildSpecialBtn(writer, value, clientId, specialBtnComponent);
private void buildSpecialBtn(ResponseWriter writer, String value, String clientId, SpecialBtnComponent component) throws java.io.IOException
writer.startElement("table", component);
writer.startElement("tbody", component);
writer.startElement("tr", component);
writer.startElement("td", component);
value = String.valueOf(value);
writer.startElement("input", component);
writer.writeAttribute("type", "submit", null);
writer.writeAttribute("name", clientId, "clientId");
writer.writeAttribute("value", value, null);
writer.endElement("input");
writer.endElement("td");
writer.endElement("tr");
writer.endElement("tbody");
writer.endElement("table");
SpecialBtnTag
package jsfcustomcomponent;
import javax.faces.component.*;
import javax.faces.el.*;
import javax.faces.webapp.*;
import com.sun.faces.util.*;
public class SpecialBtnTag
extends UIComponentTag
public String value = null;
public String actionListener = null;
public String getComponentType()
return SpecialBtnComponent.COMPONENT_TYPE;
public String getRendererType()
return SpecialBtnComponent.RENDERER_TYPE;
protected void setProperties(UIComponent component)
super.setProperties(component);
if (! (component instanceof SpecialBtnComponent))
throw new IllegalStateException("Component " + component.toString() +
" not expected type. Expected: jsfcustomcomponent.SpecialBtnComponent. Perhaps you�re missing a tag?");
SpecialBtnComponent specialBtnComponent = (SpecialBtnComponent) component;
if (value != null)
if (isValueReference(value))
ValueBinding vb = Util.getValueBinding(value);
specialBtnComponent.setValueBinding("value", vb);
else
throw new IllegalStateException("The value for �value� must be a ValueBinding.");
if (actionListener != null)
if (isValueReference(actionListener))
ValueBinding vb = Util.getValueBinding(actionListener);
specialBtnComponent.setValueBinding("actionListener", vb);
else
throw new IllegalStateException("The value for �actionListener� must be a ValueBinding.");
public void release()
super.release();
value = null;
actionListener = null;
public void setValue(String value)
this.value = value;
public String getValue()
return this.value;
public void setActionListener(String actionListener)
this.actionListener = actionListener;
public String getActionListener()
return this.actionListener;
jsp1.jsp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://jsfcustomcomponent/" prefix="j"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<link rel="stylesheet" type="text/css" href="./stylesheet.css" title="Style">
</head>
<body>
<f:view>
<h:form id="form01">
<h:outputText value="test special button with action listener"/>
<j:specialBtnTag value="#{specialBtnBacking.specialBtnValue}" actionListener="#{specialBtnBacking.specialBtnActionListener}"/>
<h:messages/>
<h:outputText value="#{specialBtnBacking.outcome}"/>
</h:form>
</f:view>
</body>
</html>
SpecialBtnBacking
package specialbtn;
import javax.faces.context.*;
import javax.faces.event.*;
public class SpecialBtnBacking
private FacesContext context;
public SpecialBtnBacking()
this.setSpecialBtnValue("Special Button with action listener");
private String specialBtnValue;
public String getSpecialBtnValue()
return this.specialBtnValue;
public void setSpecialBtnValue(String specialBtnValue)
this.specialBtnValue = specialBtnValue;
private String outcome="actionlistener NOT invoked: click specialBtn above to test";
public String getOutcome()
return outcome;
public void setOutcome(String outcome)
this.outcome = outcome;
public void specialBtnActionListener(ActionEvent evt)
System.out.println("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Jsp1Backing/specialBtnActionListener()!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
this.outcome="***action listener invoked!!!***";
faces-config.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">
<faces-config>
<managed-bean>
<managed-bean-name>specialBtnBacking</managed-bean-name>
<managed-bean-class>specialbtn.SpecialBtnBacking</managed-bean-class>
<managed-bean-scope>request</managed-bean-scope>
</managed-bean>
<component>
<component-type>SpecialBtnComponent</component-type>
<component-class>jsfcustomcomponent.SpecialBtnComponent</component-class>
<component-extension>
<renderer-type>SpecialBtnRenderer</renderer-type>
</component-extension>
</component>
<render-kit>
<renderer>
<component-family>SpecialBtnComponent</component-family>
<renderer-type>SpecialBtnRenderer</renderer-type>
<renderer-class>jsfcustomcomponent.SpecialBtnRenderer</renderer-class>
</renderer>
</render-kit>
</faces-config>
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4">
<display-name>pagerWEB</display-name>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.faces</url-pattern>
</servlet-mapping>
<jsp-config>
<taglib>
<taglib-uri>http://jsfcustomcomponent/</taglib-uri>
<taglib-location>/WEB-INF/jsfcustomcomponent.tld</taglib-location>
</taglib>
</jsp-config>
<servlet>
<description>Added by JBuilder to compile JSPs with debug info</description>
<servlet-name>debugjsp</servlet-name>
<servlet-class>org.apache.jasper.servlet.JspServlet</servlet-class>
<init-param>
<param-name>classdebuginfo</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>3</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>debugjsp</servlet-name>
<url-pattern>*.jsp</url-pattern>
</servlet-mapping>
</web-app>got it working....
The changes were:
in "SpecialBtnRenderer"...
--new--
mb.invoke(context, new Object[1]);
--old--
mb.invoke(context, new Object[0]);
in "SpecialBtnTag"...
--new--
import javax.faces.event.ActionEvent;
--new--
MethodBinding mb = FacesContext.getCurrentInstance().getApplication().createMethodBinding(specialBtnListener, new Class[]{ActionEvent.class});
--old--
MethodBinding mb = FacesContext.getCurrentInstance().getApplication().createMethodBinding(specialBtnListener, null);
-Below is the entire application, again -- for those (like myself) who need concrete examples...
I hope this helps someone else! --f
jsp1.jsp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://jsfcustomcomponent/" prefix="j"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<link rel="stylesheet" type="text/css" href="./stylesheet.css" title="Style">
</head>
<body>
<f:view>
<h:messages/>
<h:form id="form01">
<h:outputText value="test special button with action listener"/>
<j:specialBtnTag value="#{specialBtnBacking.specialBtnValue}" specialBtnListener="#{specialBtnBacking.specialBtnActionListener}"/>
<h:outputText value="#{specialBtnBacking.outcome}"/>
</h:form>
</f:view>
</body>
</html>
SpecialBtnBacking
package specialbtn;
import javax.faces.context.*;
import javax.faces.event.*;
public class SpecialBtnBacking
private FacesContext context;
public SpecialBtnBacking()
this.setSpecialBtnValue("Special Button with action listener");
private String specialBtnValue;
public String getSpecialBtnValue()
return this.specialBtnValue;
public void setSpecialBtnValue(String specialBtnValue)
this.specialBtnValue = specialBtnValue;
private String outcome = "actionlistener NOT invoked: click specialBtn above to test";
public String getOutcome()
return outcome;
public void setOutcome(String outcome)
this.outcome = outcome;
public void specialBtnActionListener(ActionEvent evt)
System.out.println("\n\n");
System.out.println("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Jsp1Backing/specialBtnActionListener()!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
System.out.println("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Jsp1Backing/specialBtnActionListener()!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
System.out.println("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Jsp1Backing/specialBtnActionListener()!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
System.out.println("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Jsp1Backing/specialBtnActionListener()!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
System.out.println("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Jsp1Backing/specialBtnActionListener()!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\n\n");
this.outcome = "***action listener invoked!!!***";
jsfcustomcomponent.tld
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN" "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
<tlib-version>0.01</tlib-version>
<jsp-version>1.2</jsp-version>
<short-name>jsfcustomcomponent</short-name>
<uri>http://jsfcustomcomponent/</uri>
<description><![CDATA[jsf custom component tags]]> </description>
<tag>
<name>specialBtnTag</name>
<tag-class>jsfcustomcomponent.SpecialBtnTag</tag-class>
<attribute>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<description><![CDATA[button value]]></description>
</attribute>
<attribute>
<name>specialBtnListener</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<description><![CDATA[action listener]]> </description>
</attribute>
</tag>
</taglib>
faces-config.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">
<faces-config>
<managed-bean>
<managed-bean-name>specialBtnBacking</managed-bean-name>
<managed-bean-class>specialbtn.SpecialBtnBacking</managed-bean-class>
<managed-bean-scope>request</managed-bean-scope>
</managed-bean>
<component>
<component-type>SpecialBtnComponent</component-type>
<component-class>jsfcustomcomponent.SpecialBtnComponent</component-class>
<component-extension>
<renderer-type>SpecialBtnRenderer</renderer-type>
</component-extension>
</component>
<render-kit>
<renderer>
<component-family>SpecialBtnComponent</component-family>
<renderer-type>SpecialBtnRenderer</renderer-type>
<renderer-class>jsfcustomcomponent.SpecialBtnRenderer</renderer-class>
</renderer>
</render-kit>
</faces-config>
SpecialBtnComponent.java
package jsfcustomcomponent;
import javax.faces.component.*;
import javax.faces.context.*;
import javax.faces.el.*;
import javax.faces.event.*;
public class SpecialBtnComponent
extends UIComponentBase implements ActionSource
public static final String COMPONENT_TYPE = "SpecialBtnComponent";
public static final String RENDERER_TYPE = "SpecialBtnRenderer";
public String getFamily()
return COMPONENT_TYPE;
public SpecialBtnComponent()
super();
setRendererType(SpecialBtnComponent.RENDERER_TYPE);
private String value;
public void setValue(String value, FacesContext facesContext)
this.value = value;
public String getValue()
if (null != this.value)
return this.value;
ValueBinding _vb = getValueBinding("value");
if (_vb != null)
return (String) _vb.getValue(getFacesContext());
else
return null;
private MethodBinding specialBtnListener = null;
public MethodBinding getActionListener()
return (this.specialBtnListener);
public void setActionListener(MethodBinding actionListener)
this.specialBtnListener = actionListener;
public Object saveState(FacesContext context)
Object values[] = new Object[3];
values[0] = super.saveState(context);
values[1] = saveAttachedState(context, this.specialBtnListener);
values[2] = this.value;
return (values);
public void restoreState(FacesContext context, Object state)
Object values[] = (Object[]) state;
super.restoreState(context, values[0]);
this.specialBtnListener = (MethodBinding) restoreAttachedState(context, values[1]);
this.value = (String) restoreAttachedState(context, values[2]);
public void broadcast(FacesEvent event) throws AbortProcessingException
super.broadcast(event);
if (event instanceof ActionEvent)
FacesContext context = getFacesContext();
MethodBinding mb = this.getActionListener();
if (mb != null)
try
mb.invoke(context, new Object[]
{event});
catch (EvaluationException ex)
System.out.println("SpecialBtnComponent/broadcast(FacesEvent event)...EvaluationException encountered - ex.getMessage()=" + ex.getMessage());
ex.printStackTrace();
ActionListener actionListener = context.getApplication().getActionListener();
if (actionListener != null)
actionListener.processAction( (ActionEvent) event);
public void queueEvent(FacesEvent e)
if (e instanceof ActionEvent)
e.setPhaseId(PhaseId.INVOKE_APPLICATION);
super.queueEvent(e);
public MethodBinding getAction()
return null;
public void setAction(MethodBinding methodBinding)
public boolean isImmediate()
return false;
public void setImmediate(boolean _boolean)
public void addActionListener(ActionListener actionListener)
addFacesListener(actionListener);
public ActionListener[] getActionListeners()
return (ActionListener[]) getFacesListeners(ActionListener.class);
public void removeActionListener(ActionListener actionListener)
removeFacesListener(actionListener);
SpecialBtnTag.java
package jsfcustomcomponent;
import javax.faces.component.*;
import javax.faces.el.*;
import javax.faces.webapp.*;
import com.sun.faces.util.*;
import javax.faces.context.FacesContext;
import javax.faces.event.ActionEvent;
public class SpecialBtnTag
extends UIComponentTag
public String value = null;
public String specialBtnListener = null;
private SpecialBtnComponent specialBtnComponent;
public SpecialBtnTag()
super();
public String getComponentType()
return SpecialBtnComponent.COMPONENT_TYPE;
public String getRendererType()
return SpecialBtnComponent.RENDERER_TYPE;
protected void setProperties(UIComponent component)
super.setProperties(component);
if (! (component instanceof SpecialBtnComponent))
throw new IllegalStateException("Component " + component.toString() +
" not expected type. Expected: jsfcustomcomponent.SpecialBtnComponent. Perhaps you�re missing a tag?");
specialBtnComponent = (SpecialBtnComponent) component;
if (value != null)
if (isValueReference(value))
ValueBinding vb = Util.getValueBinding(value);
specialBtnComponent.setValueBinding("value", vb);
else
throw new IllegalStateException("The value for �value� must be a ValueBinding.");
if (specialBtnListener != null)
if (isValueReference(specialBtnListener))
MethodBinding mb = FacesContext.getCurrentInstance().getApplication().createMethodBinding(specialBtnListener, new Class[]{ActionEvent.class});
( (SpecialBtnComponent) component).setActionListener(mb);
else
MethodBinding mb = Util.createConstantMethodBinding(specialBtnListener);
( (SpecialBtnComponent) component).setActionListener(mb);
public void release()
super.release();
value = null;
specialBtnListener = null;
public void setValue(String value)
this.value = value;
public String getValue()
return this.value;
public void setSpecialBtnListener(String specialBtnListener)
this.specialBtnListener = specialBtnListener;
public String getSpecialBtnListener()
return this.specialBtnListener;
SpecialBtnRenderer
package jsfcustomcomponent;
import java.util.*;
import javax.faces.component.*;
import javax.faces.context.*;
import javax.faces.event.*;
import javax.faces.render.*;
import javax.faces.el.MethodBinding;
import javax.faces.el.*;
public class SpecialBtnRenderer
extends Renderer
String value;
public SpecialBtnRenderer()
super();
public void decode(FacesContext context, UIComponent component)
try
Map requestMap = context.getExternalContext().getRequestParameterMap();
String clientId = component.getClientId(context);
SpecialBtnComponent specialBtnComponent = (SpecialBtnComponent) component;
String value = (String) requestMap.get(clientId);
if (null != value)
specialBtnComponent.setValue(value, context);
MethodBinding mb = specialBtnComponent.getActionListener();
if (mb != null)
System.out.println("SpecialBtnRenderer/decode...mb.getExpressionString()=" + mb.getExpressionString());
//mb.invoke(context, new Object[0]);
mb.invoke(context, new Object[1]);
ActionEvent actionEvent = new ActionEvent(specialBtnComponent);
specialBtnComponent.queueEvent(actionEvent);
catch (EvaluationException ex)
ex.printStackTrace();
public void encodeEnd(FacesContext context, UIComponent component) throws java.io.IOException
SpecialBtnComponent specialBtnComponent = (SpecialBtnComponent) component;
ResponseWriter writer = context.getResponseWriter();
String clientId = component.getClientId(context);
value = (String) component.getAttributes().get("value");
if (value == null)
value = "defaultValue";
buildSpecialBtn(writer, value, clientId, specialBtnComponent);
private void buildSpecialBtn(ResponseWriter writer, String value, String clientId, SpecialBtnComponent component) throws java.io.IOException
writer.startElement("table", component);
writer.startElement("tbody", component);
writer.startElement("tr", component);
writer.startElement("td", component);
value = String.valueOf(value);
writer.startElement("input", component);
writer.writeAttribute("type", "submit", null);
writer.writeAttribute("name", clientId, "clientId");
writer.writeAttribute("value", value, null);
writer.endElement("input");
writer.endElement("td");
writer.endElement("tr");
writer.endElement("tbody");
writer.endElement("table");
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4">
<display-name>pagerWEB</display-name>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.faces</url-pattern>
</servlet-mapping>
<jsp-config>
<taglib>
<taglib-uri>http://jsfcustomcomponent/</taglib-uri>
<taglib-location>/WEB-INF/jsfcustomcomponent.tld</taglib-location>
</taglib>
</jsp-config>
</web-app> -
Scaling a button with rollover state (IDCS3)
If you have a button with a rollover state and then scale it, only the currently visible state is scaled.
Would you guys consider this a bug or intentional?
Any hints on how I can scale all states without laboriously editing the content of every button state?
Cheers, Graham.Graham,
Nice follow up on this, but watch out!
When you change that preference to "Adjust Scaling Percentage" anytime you scale text frames, you will create a situation where the point size changes but is displayed with the parenthetical amount.
For instance, if you scale 12 point text down 50%, the point size for text will be displayed as 12(6)pt.
Then if you want to change the text to 8 point, you would have to type in 16 points.
Obviously with this simple example the numbers are easy to figure out, but with other amounts it can get very complicated. -
Decision Pop Up: buttons with custom message
Hi Experts,
I have a requirement to display buttons with custom message on it for a decision pop up instead of 'Yes' or 'No'. Please guide me how do I do it?
Thanks for your help.
Regards,
Surekha.Hi,
if you want to do this, you first have to Create a new Context Node e.g. u2018DATASTORAGEu2019 in your Viewwith only a Dummy value attribute to store the custom buttons and catch which button was clicked.
Then you have to call the popup in the Event Handler. Here is some sample code from a project I used to display a popup with buttons Yes and Cancel, but instead of these Yes and Cancel, you can put any custom name of the button (in lv_s1 and lv_s2).
Put combination of Buttons (Yes - Cancel) in global table *****
ls_btn_comb-name = '99'.
lv_s1 = cl_bsp_runtime=>if_bsp_runtime~get_otr_text( 'CRM_BSP_WD_TOOLS/BTN_YES' ).
CONDENSE lv_s1 NO-GAPS.
lv_s2 = cl_bsp_runtime=>if_bsp_runtime~get_otr_text( 'CRM_BSP_WD_TOOLS/BTN_CANCEL' ).
CONDENSE lv_s2 NO-GAPS.
CONCATENATE lv_s1 ',' lv_s2 INTO ls_btn_comb-value.
APPEND ls_btn_comb TO GT_BTN_COMB.
Put actual buttons in global table on level of Context Node 'DATASTORAGE' *****
ls_buttons-id = 'btnYes'.
ls_buttons-text = 'Yes'.
ls_buttons-on_click = 'YES'.
APPEND ls_buttons TO ztyped_context->datastorage->gt_buttons_custom.
ls_buttons-id = 'btnCancel'.
ls_buttons-text = 'Cancel'.
ls_buttons-on_click = 'CANCEL'.
ls_buttons-icon_src = '/SAP/BC/BSP/SAP/thtmlb_styles/sap_skins/default/images/cancel.gif'.
APPEND ls_buttons TO ztyped_context->datastorage->gt_buttons_custom.
Call Confirmation Popup *****
IF confirm_popup IS NOT BOUND.
lv_title = ls_item_dated_entry-ITEM_NO.
lv_text = 'Exam date has already passed. Do you want to override?' .
CALL METHOD comp_controller->window_manager->create_popup_2_confirm
EXPORTING
iv_title = lv_title
iv_text = lv_text
iv_btncombination = '99'
iv_custombuttons = ztyped_context->datastorage->gt_buttons_custom
RECEIVING
rv_result = confirm_popup.
CONFIRM_POPUP->SET_ON_CLOSE_EVENT( iv_event_name = 'CONFIRM_POPUP_CLOSED'
iv_view = me ).
CONFIRM_POPUP->OPEN( ).
ENDIF.
Then the ON_CLOSE event, you can use the "standard" coding in case of decision popup.
Hope this helps.
Kind regards,
Carl -
Trying to make a button with a drop zone
Since I can't find any of the template buttons that look the way I want, I want to make a simple button that includes a drop zone for an asset, a label, and a highlight. I am trying to make a chapter index menu. I can do it using the automated method and using a customized template - but I cannot find buttons that look the way I want. All I want is a simple rectangle, with the label underneath, and a highlight line under the label. There is one like that in which the asset is black and white (RectRoundEdgesBlue.pox), but I want one that is in color. Is there any way to do this?? I have studied some of the Photoshop tutorials, but I am missing how you put a drop zone in.
Hi,
Below is the AS3 code to navigate to adobe.com upon button(whose instance name is 'myButton') click
myButton.addEventListener(MouseEvent.CLICK, gotoPageFunction);
function gotoPageFunction(event: MouseEvent) {
var request:URLRequest = new URLRequest("http://www.adobe.com");
navigateToURL(request, '_blank');
Thanks!
ps: please mark this post as Answered if this is of help to you -
Add Button with ALV Standard Toolbar.
Hi,
Can any one tell me how to add user-defined button with ALV
Standard toolbar? When I add Pf-status for alv output , standard alv toolbar is not displayed.
Plz do needful.On the toolbar event of your alv grid, all the button as shown in the code below.
FORM handle_toolbar USING i_object TYPE REF TO cl_alv_event_toolbar_set .
DATA: ls_toolbar TYPE stb_button.
CLEAR ls_toolbar.
MOVE 'EXCH' TO ls_toolbar-function. "#EC NOTEXT
MOVE 2 TO ls_toolbar-butn_type.
MOVE icon_calculation TO ls_toolbar-icon.
MOVE 'Payment in Other Currencies'(202) TO ls_toolbar-quickinfo.
MOVE ' ' TO ls_toolbar-text.
MOVE ' ' TO ls_toolbar-disabled. "#EC NOTEXT
APPEND ls_toolbar TO i_object->mt_toolbar.
ENDFORM
CLASS lcl_event_handler DEFINITION .
PUBLIC SECTION .
METHODS:
*To add new functional buttons to the ALV toolbar
handle_toolbar FOR EVENT toolbar OF cl_gui_alv_grid
IMPORTING e_object e_interactive ,
ENDCLASS.
CLASS lcl_event_handler IMPLEMENTATION .
*Handle Toolbar
METHOD handle_toolbar.
PERFORM handle_toolbar USING e_object e_interactive .
ENDMETHOD .
ENDCLASS.
DATA gr_event_handler TYPE REF TO lcl_event_handler .
*--Creating an instance for the event handler
CREATE OBJECT gr_event_handler .
*--Registering handler methods to handle ALV Grid events
SET HANDLER gr_event_handler->handle_toolbar FOR gr_alvgrid .
Hope this helps.
Thanks,
Balaji -
Beginner (I want to make a simple button with code)(very basic)
I've had some success with AS3, but so far all the code I've
written just runs once the program starts, and thats it. The code
is attached to the first frame of the flash file.
I want to be able to take the code I've already made, and
stick it into a button, so the code will run every time the button
is pressed, without having to reload the whole program.
Basically all I want to do is make a button that runs the
code:
trace('hi');
every time it is pressed.
Once I have that, I can figure out the rest by my self.
Please help.Is this button on the stage and in the timeline? If it is,
then select the button on the stage and then, in the Properties
window, give the button an instance name if it doesn't have one
yet.
In a new layer, in the first frame, add this code:
buttonInstanceName.addEventListener(MouseEvent.MOUSE_UP,
buttonUp);
function buttonUp(event:MouseEvent):void {
trace("hi");
substitute the button instance name that you used for
"buttonInstanceName" in the first line. -
How do I share a color-coded Outlook calendar with others in my office that they can see the colors too?
Hi,
How do you color code the calendar items? From conditional formatting or from categories?
Please make sure the user has been given reviewer or higher calendar permission to view items colors in Outlook. About how to share calendar in Outlook, please refer to:
http://office.microsoft.com/en-001/outlook-help/share-an-outlook-calendar-with-other-people-HA010354420.aspx
Regards,
Winnie Liang
TechNet Community Support -
How to differentiate between Radio Buttons with the same name?
My form has two fields, to which I gave the same name ("Radio Button 1.0") in order to achieve mutual exclusivity.
Now, I would like to use JavaScript to retrieve the value of one the two fields:
var checkMark = this.getField("Radio Button1.0");
if (checkMark.value == "Yes") {
Questions:
What is the proper way to inspect the value of a Radio Button? I have tried this:
if (checkMark.value == "No") [...]
but it doesn't seem to work.
How can I tell apart 2 radio buttons with the same name?
TIA,
-RFHWhen Radio Buttons and Check Boxes are unchecked their value is "Off", so if you have "Yes", "No" buttons you will also encounter an 'Off" value. Now if you want to look at a given button, you will have to use the "isBoxChecked(nWidget)" method.
nWidget:
The 0-based index of an individual radiobutton or checkbox widget for this field. The index is determined by the order in which the individual widgets of this field were created (and is unaffected by tab-order).
Every entry in the Fields panel has a suffix giving this index, for example MyField #0.
Returns
true if the specified widget is currently checked, false otherwise.
Example
var f = this.getField("ChkBox");
if(f.isBoxChecked(0))
app.alert("The Box is Checked");
else
app.alert("The Box is not Checked"); -
How to add a button with Javascript to Library
Hi
I am using Captivate 5.5 to create a template.
In the files which will be created using this template, we will be adding a button which executes a Javascript. Now, my question is, since this button will be used on multiple slides in the file, can I add this button (with the Javascript) to the library? Currently, we create it manually everytime.
We don't have a programmer in our team, so we can't create widget. Is there an alternative way?
Thanks for your help.
SreekanthThanks for that reply.
I now have a blank slide with the button (including the javascript) on it which solves the problem of importing it manually.
However, when we use this template to import PowerPoint presentations, when we publish the file, the first slide (the one on which I have this button) will be blank and has to be manually deleted.
Is there a way to eliminate this manual work? I tried hiding and using some actions. But it was not of any use. -
How can i create a button with a dynamic picture?
How can i create a button with a dynamic picture using
mcLoader.loadClip
I did create one with it doesnt seem to be working. It loses
all its
functions (eg onPress onRelease)
ThanksI solved thep roblem anyway creating a mc.. then creating
another MC withing
the first MC and i change the picture on the second MC. And i
apply the
propierities to the first MC , and works
If i have troubles with mu sistem on the future I will use
yours!
Thanks!
"the fleece" <[email protected]>
escribi� en el mensaje
news:e67i88$jlf$[email protected]..
> the image loading will remove any properties or
functions the mc had.
>
> you need to apply them in the onLoadInit function
>
> mclListener.onLoadInit = function(target_mc:MovieClip) {
> target_mc.onRollOver=blah blah
> };
> var image_mcl:MovieClipLoader = new MovieClipLoader();
> image_mcl.addListener(mclListener);
> image_mcl.loadClip(blah, blahblah);
>
> -
Radio Button with Submit Ready Only problem
Hello,
My radio button with submit ready only condition doesn't work correctly. When I click the a link on the first page
it brings me to an update page. I have a radio button with submit, that won't open as a read only.
It is being populated by SQL query, with the Null option selected. When I open the page I don't want the user to be able to edit the field unless they delete records associated with the field. Pretty much I want it to be disabled if the user has a record associated with it.
Here are the queries.
Source:
SELECT OPLAN_IMPACTED_I
FROM DFCY
WHERE DFCY_SEQNO = :P12_DFCY_SEQNO
Read only condition:
SQL Exists query
SELECT o.dfcy_seqno
FROM oplan_impactd o, dfcy d
WHERE o.dfcy_seqno = :p12_dfcy_seqno
and :P12_OPLAN_IMPACTED_I = d.OPLAN_IMPACTED_I
and :P12_OPLAN_IMPACTED_I = 'Yes'
So when the page renders it's like you can change oplan, how do I make it read only when the page renders?
Thanks,
MaryHi,
If that is the source of the radiogroup, then it should be:
SELECT OPLAN_IMPACTED_I d, OPLAN_IMPACTED_I r
FROM DFCY
WHERE DFCY_SEQNO = :P12_DFCY_SEQNOThis should return two values for each radio button - the displayed text and the returned value. If your radios do not have a returned value, then "Yes" will never be found. You can check this by loading the page and doing a View Source on it - search for RADIO and check what "value" attributes they have.
Andy
Maybe you are looking for
-
How do I get the numbers program to type a numerical date across the top row? It wants to change it to Dec. 13 instead of 12/13.
-
Best practice to avoid Firefox cache collision
Hi everybody. Reading through this page of Google Developers https://developers.google.com/speed/docs/best-practices/caching#LeverageBrowserCaching I found this line that I can't figure out the exact meaning: "avoid the Firefox hash collision issue b
-
To read an authorization profile.
Hi, I am trying to provide authorization in a HR report. An administrative person can execute the report. At this momet, a user can see the information of all employees. Instead, the users should be restricted for a group of employees whos organizat
-
Attaching an action to a button in Javascript
Hey guys, I'm playing around with attaching an action to a button in javascript but I'm just not getting it I've tried putting it into a function like so function deleteSwatches () { = app.doScript("Delete Unused Swatches", "Custom Art Actions");
-
CC Licensing Question for Complete Individual Membership
Does the CC licensing terms permit multiple immediate family members in the same household to use any of the CC apps on the same one (or two) computers? For example, my wife will primarily use Photoshop, Illustrator, inDesign, Acrobat and Premiere Pr