<!DOCTYPE html>
<html>
<head>
<title>Words To Numbers</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<style>
/* #### Dark Matter #### */
.dark-matter {
margin-left: auto;
margin-right: auto;
max-width: 500px;
background: #555;
padding: 20px 30px 20px 30px;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #D3D3D3;
text-shadow: 1px 1px 1px #444;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.dark-matter h1 {
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #444;
margin: -10px -30px 30px -30px;
}
.dark-matter h1>span {
display: block;
font-size: 11px;
}
.dark-matter label {
display: block;
margin: 0px 0px 5px;
}
.dark-matter label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
font-weight: bold;
}
.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
border: none;
color: #525252;
height: 25px;
line-height:15px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 5px 0px 5px 5px;
width: 100%;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
background: #DFDFDF;
}
.dark-matter select {
background: #DFDFDF url('down-arrow.png') no-repeat right;
background: #DFDFDF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
color: #525252;
line-height: 25px;
}
.dark-matter textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.dark-matter .button {
background: #FFCC02;
border: none;
padding: 10px 25px 10px 25px;
color: #585858;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-shadow: 1px 1px 1px #FFE477;
font-weight: bold;
box-shadow: 1px 1px 1px #3D3D3D;
-webkit-box-shadow:1px 1px 1px #3D3D3D;
-moz-box-shadow:1px 1px 1px #3D3D3D;
}
.dark-matter .button:hover {
color: #333;
background-color: #EBEBEB;
}
.dark-matter .error{
color:red;
font-size:16px;
text-align:center;
}
table{
width:50%;
margin:auto;
}
table img{
width:75%;
height:40%;
}
</style>
<?php
/**
* You will exactly know what it does, when you see it in your browser.
*
*/
if( true == isset($_POST['convert_to_numbers'])) {
require '../src/cWordsToNumbers.class.php';
$objWordsToNumbers = new cWordsToNumbers();
$objWordsToNumbers->setEnableNumberFormatting( true );
$intNumbers = $objWordsToNumbers->displayNumbers( $_POST['numbers_in_words'] );
}
?>
</head>
<body style="margin:auto;">
<br/>
<br/>
<form method="post" action="" class="dark-matter">
<h1>
Convert Words into Numbers<br/>
<span class="error"><?php echo @$strWarning?></span>
</h1>
<p>Enter a number:<br>
<input type="text" name="numbers_in_words" value="<?php echo @$_POST['numbers_in_words']?>"/>
<br>
<input type="submit" value="Get Numbers" class="button" name="convert_to_numbers"/></p>
</form>
<?php
if( true == isset($_POST['convert_to_numbers'])) {
?>
<br/>
<br/>
<table align="center" class="pure-table pure-table-bordered">
<tr>
<th><?php echo $intNumbers;?></th>
</tr>
</table>
<?php
}
?>
</body>
</html>
|
Download
