input.button[type="submit"], input.button[type="button"] {
background:transparent url(../images/buttons.png) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:21px;
position:absolute;
text-indent:-9999px;
width:62px;
}
/*IE Fix*/
#login_container input[type=submit] {
color: transparent;
text-transform: capitalize;
}
Tag Archive for button
boton con imagen
// add event listeners to listen for button events [mouse over, mouse out, mouse up]
// and then - when one happens - trigger the function called 'buttonstuff'
this.stupidbutton.addEventListener(MouseEvent.MOUSE_OVER, buttonstuff);
this.stupidbutton.addEventListener(MouseEvent.MOUSE_OUT, buttonstuff);
this.stupidbutton.addEventListener(MouseEvent.MOUSE_UP, buttonstuff);
// end event listeners
// buttonstuff function - triggered by the above listeners
function buttonstuff(event:MouseEvent):void
{
// switch to 'switch' what the function does, depending
//on which mouse event the button listener has picked up.
//think of it as standing for "in case of this - do this"
switch(event.type)
{
// in 'case' the listener detected a mouse over
case MouseEvent.MOUSE_OVER:
// replace the trace with your own button actions
trace("button rolled over");
// each case always ends with a 'break'
break;
// end in 'case' the listener detected a mouse over
// in 'case' the listener detected a mouse out
case MouseEvent.MOUSE_OUT:
// replace the trace with your own button actions
trace("button rolled off");
// each case always ends with a 'break'
break;
// end in 'case' the listener detected a mouse out
// in 'case' the listener detected a mouse up
case MouseEvent.MOUSE_UP:
// replace the trace with your own button actions
trace("button released");
// each case always ends with a 'break'
break;
// end in 'case' the listener detected a mouse up
}
// end switch to 'switch' what the function does, depending on
//which mouse event the button listener has picked up
}
// end buttonstuff function
// add an event listener to listen for a button release [mouse up] and then
// when it happens - trigger the function called 'buttonstuff'
this.stupidbutton.addEventListener(MouseEvent.MOUSE_UP, buttonstuff);
// buttonstuff function - triggered by the above listener
function buttonstuff(event:MouseEvent):void
{
// replace the trace with your own button actions
trace("button pressed");
}
// end buttonstuff function
// begin button actions [rollover, rollout and release]
// rollover action
this.stupidbutton.onRollOver = function()
{
// replace the trace with your required button actions
trace("button rolled over");
};
// end rollover action
// rollout action
this.stupidbutton.onRollOut = function()
{
trace("button rolled off");
}
// end rollout action
// release action
this.stupidbutton.onRelease = function()
{
trace("button pressed");
}
// end release action
// end button actions [rollover, rollout and release]
// begin button actions [rollover, rollout and release]
// rollover action
on(rollOver)
{
// replace the trace with your required button actions
trace("button rolled over");
}
// end rollover action
// rollout action
on(rollOut)
{
trace("button rolled off");
}
// end rollout action
// release action
on(release)
{
trace("button pressed");
}
// end release action
// end button actions [rollover, rollout and release]
Rectangle
var g:Sprite = new Sprite(); g.graphics.beginFill(0xfafaf8); g.graphics.drawRect(x,y,w,h); g.graphics.endFill(); addChild(g);
actionscript – paypal button in flash
ppbutton.onRelease=function(){
cmd = "_xclick";
business = "payments@somedomain.net";
item_name = "some item nameg";
item_number = "000001";
no_shipping = "2";
shipping = postage.text.substr(0, -3);
amount = curTotal.text.substr(0, -3);
Return = "http://www.somedomain.net/thankyou.html";
cancel_return = "http://www.somedomain.net/cancel.html";
no_note = "1";
currency_code = _parent.theCur;
getURL("https://www.paypal.com/cgi-bin/webscr", "_blank", "POST");
}
HTML onClick Button
<button onClick="arrowLeft()">Back</button>
IE button fix
button {
width: auto;
overflow: visible;
}
Button Sliding Doors
/* HTML: <a href="####" class="clickOrder"><span>Click here to order</span></a> */
#introBox .clickOrder {
background: url(../images/blueButtoneLeft.gif) no-repeat;/* Long image */
padding: 14px 0 14px 35px;/* Adjust padding depending on height */
float: left;/* Very important for IE6*/
/* Below for decoration */
text-decoration: none;
color: #fff;
font-weight: 700;
margin: 0 0 20px 20px;
}
#introBox .clickOrder span {
background: url(../images/blueButtoneRight.gif) top right no-repeat;/* Overlap Image */
padding: 12px 26px 14px 0;/* Padding to show the overlap image on the right */
}