Author:
erics , August 31st, 2018
< button class = "paypal-btn large" onclick = "window.location='https://www.yoursite.com/targetPage/';return false" > What a Great Button < / button >
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
button . paypal - btn {
white - space : nowrap ;
}
button . paypal - btn {
white - space : nowrap ;
overflow : hidden ;
border - radius : 13px ;
font - family : "Arial" , bold , italic ;
font - weight : bold ;
font - style : italic ;
border : 1px solid #ffa823;
color : #0E3168;
background : #ffa823;
position : relative ;
text - shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 5 ) ;
cursor : pointer ;
z - index : 0 ;
}
button . paypal - btn : before {
content : " " ;
position : absolute ;
width : 100 % ;
height : 100 % ;
border - radius : 11px ;
top : 0 ;
left : 0 ;
background : #ffa823;
background : - webkit - linear - gradient ( top , #FFAA00 0%,#FFAA00 80%,#FFF8FC 100%);
background : - moz - linear - gradient ( top , #FFAA00 0%,#FFAA00 80%,#FFF8FC 100%);
background : - ms - linear - gradient ( top , #FFAA00 0%,#FFAA00 80%,#FFF8FC 100%);
background : linear - gradient ( top , #FFAA00 0%,#FFAA00 80%,#FFF8FC 100%);
z - index : - 2 ;
}
button . paypal - btn : after {
content : " " ;
position : absolute ;
width : 98 % ;
height : 60 % ;
border - radius : 40px 40px 38px 38px ;
top : 0 ;
left : 0 ;
background : - webkit - linear - gradient ( top , #fefefe 0%, #fed994 100%);
background : - moz - linear - gradient ( top , #fefefe 0%, #fed994 100%);
background : - ms - linear - gradient ( top , #fefefe 0%, #fed994 100%);
background : linear - gradient ( top , #fefefe 0%, #fed994 100%);
z - index : - 1 ;
- webkit - transform : translateX ( 1 % ) ;
- moz - transform : translateX ( 1 % ) ;
- ms - transform : translateX ( 1 % ) ;
transform : translateX ( 1 % ) ;
}
button . paypal - btn . small {
padding : 3px 15px ;
font - size : 12px ;
}
button . paypal - btn . large {
padding : 4px 19px ;
font - size : 14px ;
}
How-To's , Technology Tags: Button , Class , Create , CSS , howto , html , onclick , PayPal , style , tips No comments
Author:
erics , April 17th, 2017
If you are missing either your “Dashboard > Updates” menu choice, or the “Add New” button or menu choice in the Plugins section, do this to correct it: Edit the wp-config.php file, and change two lines to be false instead of true: For example, here are the two lines fixed:
define ( 'DISALLOW_FILE_EDIT' , false ) ;
define ( 'DISALLOW_FILE_MODS' , false ) ;
How-To's , Technology Tags: Add , Add New , Button , Disable , DISALLOW , DISALLOW_FILE_EDIT , DISALLOW_FILE_MODS , false , howto , Missing , tips , update , WordPress No comments
Author:
erics , May 2nd, 2012
If you have a named submit button in your form, submit() will fail. The solution is to change
< input type = "submit" name = "submit" value = "hello" / >
to
< input type = "submit" value = "hello" / >
Here is a link to the bug report on jquery: http://dev.jquery.com/ticket/4652
How-To's , Technology Tags: Button , howto , JQuery , Submit , tips No comments
Author:
erics , July 2nd, 2011
var WhichButton ;
jQuery ( 'button' ) . live ( 'click' , function ( ) {
WhichButton = this . id ;
} ) ;
jQuery ( 'form' ) . live ( 'submit' , function ( ) {
alert ( 'Button ID: ' + WhichButton ) ;
return false ;
} ) ;
How-To's , Technology Tags: Button , Find , form , howto , ID , JQuery , Submit , tips No comments
Author:
erics , May 17th, 2011
Important Note: This solution REQUIRES jQuery UI 1.8 or better and the .button() plugin/widget (contained in the full download):
jQuery ( ".ui-dialog-buttonpane button:contains('Save')" ) . button ( "disable" ) ;
Original Post: http://stackoverflow.com/questions/3646408/how-can-i-disable-a-button-on-a-jquery-ui-dialog
How-To's , Technology Tags: Button , Dialog , Disable , Enable , howto , JQuery , jQuery UI , tips No comments
Author:
erics , May 8th, 2011
The HTML:
< ul class = "icons ui-widget ui-helper-clearfix" >
< li id = "AddItem" class = "ui-state-default ui-corner-all" title = "Add Item" > < span class = "ui-icon ui-icon-plusthick" > < / span > < / li >
< li id = "AddToFavorites" class = "ui-state-default ui-corner-all" title = "Add to Favorites" > < span class = "ui-icon ui-icon-heart" > < / span > < / li >
< / ul >
The CSS:
ul . icons li
{
cursor : pointer ;
float : left ;
list - style : none ;
margin : 2px ;
padding : 2px 0px ;
position : relative ;
}
The jQuery:
jQuery ( 'ul.icons li' )
. live ( "mouseover mouseout" , function ( event ) {
if ( event . type == "mouseover" ) jQuery ( this ) . addClass ( "ui-state-hover" ) ;
else jQuery ( this ) . removeClass ( "ui-state-hover" ) ;
} ) ;
How-To's , Technology Tags: Button , Hover , Icon , Icons , JQuery , jQuery UI , live , Live Hover , mouseout , mouseover No comments
erics, August 31st, 2018 
Categories: How-To's, Technology Button, Class, Create, CSS, howto, html, onclick, PayPal, style, tips
| 
No comments 
