Total members 11837 |It is currently Fri Oct 30, 2020 11:46 am Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





Convert your link element and normal button element to a custom button with good looking style using JQuery UI.

javascript code
<html>
<head>
<title>Good looking button</title>

<!--
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
Note you can download the JQuery package instead of using Google version. -->
<script src="jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script>
$(function() {
$( " a, input[type=submit],button" )
.button()
.click(function( event ) {
event.preventDefault();
});
});
</script>
</head>
<body>

<button>Normal Button</button>

<input type="submit" value="Submit Input" />

<a href="#">Your link</a>


</body>
</html>




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : Convert link and button to custom button with good style
 Menu Style Button     -  
 adding a button with link in skymiles_red     -  
 inline style for link tag.     -  
 Change the default underline style of link     -  
 Gel Button     -  
 Strong tag with button tag     -  
 disable button     -  
 put image on button in C#     -  
 create a web 2.0 button     -  
 gel button in flash     -  



Topic Tags

JQuery UI
cron





Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com