-
Notifications
You must be signed in to change notification settings - Fork 0
/
calc.html
183 lines (175 loc) · 13.1 KB
/
calc.html
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="el">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Υπολογισμός ΦΠΑ εύκολα και γρήγορα</title>
<meta name="description" content="Φόρμα για εύκολο υπολογισμό ΦΠΑ και φόρου εισοδήματος για αποδείξεις παροχής υπηρεσιών">
<meta name="robots" content="index" />
<meta name="keywords" content="fpa,tax,vat,receipt,απόδειξη,ΦΠΑ,φόρος" />
<meta property="og:title" content="Υπολογισμός ΦΠΑ εύκολα και γρήγορα" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://ypologismosfpa.gr/img/screen.png" />
<meta property="og:url" content="http://ypologismosfpa.gr/"/>
<meta property="og:description" content="Φόρμα για εύκολο υπολογισμό ΦΠΑ και φόρου εισοδήματος για αποδείξεις παροχής υπηρεσιών"/>
<link rel="canonical" href="http://ypologismosfpa.gr/"/>
<link rel="author" href="https://plus.google.com/105506770683027815932/posts"/>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<style>
body {
height: 100%;
background: url("graphic_paper.png");
}
.container {
display: block;
position:absolute;
height:310px;
width: 960px;
bottom:0;
top:0;
left:0;
right:0;
padding: 20px inherit;
text-align: center;
}
#calculation_form {
top:50%;
width: 661px;
height:310px;
margin: 10px auto;
text-align: left;
}
</style>
</head>
<body>
<div class="container">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ypologismosfpa top -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5156523704579426"
data-ad-slot="2562910018"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<form id="calculation_form" method="post" class="form-horizontal">
<div class="control-group" class="fee">
<label class="control-label">Αμοιβή</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on">€</span>
<input type="number" id="fee" name="fee" placeholder="Αμοιβή υπηρεσίας">
</div>
</div>
</div>
<div class="control-group" class="tax text-center">
<label class="control-label">Φόρος</label>
<div class="controls row-fluid">
<div class="span2">
<select id="tax_percent" class="span10">
<option value="0">0%</option><option value="0.01">1%</option><option value="0.02">2%</option><option value="0.03">3%</option><option value="0.04">4%</option><option value="0.05">5%</option><option value="0.06">6%</option><option value="0.07">7%</option><option value="0.08">8%</option><option value="0.09">9%</option><option value="0.1">10%</option><option value="0.11">11%</option><option value="0.12">12%</option><option value="0.13">13%</option><option value="0.14">14%</option><option value="0.15">15%</option><option value="0.16">16%</option><option value="0.17">17%</option><option value="0.18">18%</option><option value="0.19">19%</option><option value="0.2" selected="selected">20%</option><option value="0.21">21%</option><option value="0.22">22%</option><option value="0.23">23%</option><option value="0.24">24%</option><option value="0.25">25%</option><option value="0.26">26%</option><option value="0.27">27%</option><option value="0.28">28%</option><option value="0.29">29%</option><option value="0.3">30%</option><option value="0.31">31%</option><option value="0.32">32%</option><option value="0.33">33%</option><option value="0.34">34%</option><option value="0.35">35%</option><option value="0.36">36%</option><option value="0.37">37%</option><option value="0.38">38%</option><option value="0.39">39%</option><option value="0.4">40%</option><option value="0.41">41%</option><option value="0.42">42%</option><option value="0.43">43%</option><option value="0.44">44%</option><option value="0.45">45%</option><option value="0.46">46%</option><option value="0.47">47%</option><option value="0.48">48%</option><option value="0.49">49%</option><option value="0.5">50%</option><option value="0.51">51%</option><option value="0.52">52%</option><option value="0.53">53%</option><option value="0.54">54%</option><option value="0.55">55%</option><option value="0.56">56%</option><option value="0.57">57%</option><option value="0.58">58%</option><option value="0.59">59%</option><option value="0.6">60%</option><option value="0.61">61%</option><option value="0.62">62%</option><option value="0.63">63%</option><option value="0.64">64%</option><option value="0.65">65%</option><option value="0.66">66%</option><option value="0.67">67%</option><option value="0.68">68%</option><option value="0.69">69%</option><option value="0.7">70%</option><option value="0.71">71%</option><option value="0.72">72%</option><option value="0.73">73%</option><option value="0.74">74%</option><option value="0.75">75%</option><option value="0.76">76%</option><option value="0.77">77%</option><option value="0.78">78%</option><option value="0.79">79%</option><option value="0.8">80%</option><option value="0.81">81%</option><option value="0.82">82%</option><option value="0.83">83%</option><option value="0.84">84%</option><option value="0.85">85%</option><option value="0.86">86%</option><option value="0.87">87%</option><option value="0.88">88%</option><option value="0.89">89%</option><option value="0.9">90%</option><option value="0.91">91%</option><option value="0.92">92%</option><option value="0.93">93%</option><option value="0.94">94%</option><option value="0.95">95%</option><option value="0.96">96%</option><option value="0.97">97%</option><option value="0.98">98%</option><option value="0.99">99%</option><option value="1">100%</option>
</select>
</div>
<div class="input-prepend span6 offset1">
<span class="add-on">€</span>
<input type="number" id="tax" name="tax" placeholder="Φόρος">
</div>
</div>
<span class="help-block controls">Φόρος που παρακρατείται από τον πελάτη κι αποδίδεται στο δημόσιο.</span>
</div>
<div class="control-group" class="vat">
<label class="control-label">Φ.Π.Α.</label>
<div class="controls row-fluid">
<div class="span2">
<select id="vat_percent" class="span10">
<option value="0">0%</option><option value="0.01">1%</option><option value="0.02">2%</option><option value="0.03">3%</option><option value="0.04">4%</option><option value="0.05">5%</option><option value="0.06">6%</option><option value="0.07">7%</option><option value="0.08">8%</option><option value="0.09">9%</option><option value="0.1">10%</option><option value="0.11">11%</option><option value="0.12">12%</option><option value="0.13">13%</option><option value="0.14">14%</option><option value="0.15">15%</option><option value="0.16">16%</option><option value="0.17">17%</option><option value="0.18">18%</option><option value="0.19">19%</option><option value="0.2">20%</option><option value="0.21">21%</option><option value="0.22">22%</option><option value="0.23" selected="selected">23%</option><option value="0.24">24%</option><option value="0.25">25%</option><option value="0.26">26%</option><option value="0.27">27%</option><option value="0.28">28%</option><option value="0.29">29%</option><option value="0.3">30%</option><option value="0.31">31%</option><option value="0.32">32%</option><option value="0.33">33%</option><option value="0.34">34%</option><option value="0.35">35%</option><option value="0.36">36%</option><option value="0.37">37%</option><option value="0.38">38%</option><option value="0.39">39%</option><option value="0.4">40%</option><option value="0.41">41%</option><option value="0.42">42%</option><option value="0.43">43%</option><option value="0.44">44%</option><option value="0.45">45%</option><option value="0.46">46%</option><option value="0.47">47%</option><option value="0.48">48%</option><option value="0.49">49%</option><option value="0.5">50%</option><option value="0.51">51%</option><option value="0.52">52%</option><option value="0.53">53%</option><option value="0.54">54%</option><option value="0.55">55%</option><option value="0.56">56%</option><option value="0.57">57%</option><option value="0.58">58%</option><option value="0.59">59%</option><option value="0.6">60%</option><option value="0.61">61%</option><option value="0.62">62%</option><option value="0.63">63%</option><option value="0.64">64%</option><option value="0.65">65%</option><option value="0.66">66%</option><option value="0.67">67%</option><option value="0.68">68%</option><option value="0.69">69%</option><option value="0.7">70%</option><option value="0.71">71%</option><option value="0.72">72%</option><option value="0.73">73%</option><option value="0.74">74%</option><option value="0.75">75%</option><option value="0.76">76%</option><option value="0.77">77%</option><option value="0.78">78%</option><option value="0.79">79%</option><option value="0.8">80%</option><option value="0.81">81%</option><option value="0.82">82%</option><option value="0.83">83%</option><option value="0.84">84%</option><option value="0.85">85%</option><option value="0.86">86%</option><option value="0.87">87%</option><option value="0.88">88%</option><option value="0.89">89%</option><option value="0.9">90%</option><option value="0.91">91%</option><option value="0.92">92%</option><option value="0.93">93%</option><option value="0.94">94%</option><option value="0.95">95%</option><option value="0.96">96%</option><option value="0.97">97%</option><option value="0.98">98%</option><option value="0.99">99%</option><option value="1">100%</option>
</select>
</div>
<div class="input-prepend span6 offset1">
<span class="add-on">€</span>
<input type="number" id="vat" name="vat" placeholder="Φ.Π.Α.">
</div>
</div>
<span class="help-block controls"><abbr title="Φόρος Προστιθέμενης Αξίας">Φ.Π.Α.</abbr> που παρακρατείται από τον επαγγελματία κι αποδίδεται στο δημόσιο.</span>
</div>
<div class="control-group" class="final">
<label class="control-label">Πληρωτέο</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on">€</span>
<input type="number" id="total" name="total" placeholder="Πληρωτέο από τον πελάτη">
</div>
<span class="help-block">Τελικό πληρωτέο από τον πελάτη στον επαγγελματία.</span>
</div>
</div>
<button type="submit" class="btn">Submit</button>
</fieldset>
</form>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ypologismosfpa bottom -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5156523704579426"
data-ad-slot="4039643219"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- javascript -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$("button").hide();
function calc_and_update(fee){
var tax_percentage = $('#tax_percent').val();
var vat_percentage = $('#vat_percent').val();
var tax = fee*tax_percentage;
var vat = fee*vat_percentage;
var total = fee - tax + vat;
$("#fee").val(fee);
$("#tax").val(tax);
$("#vat").val(vat);
$("#total").val(total);
}
$('#tax_percent').change(function(){
if( $("#fee").val() != "" )
calc_and_update(Number($("#fee").val()));
});
$('#vat_percent').change(function(){
if( $("#fee").val() != "" )
calc_and_update(Number($("#fee").val()));
});
$("#fee").keyup( function() {
if( $("#fee").val() != "" )
calc_and_update(Number($("#fee").val()));
});
$("#tax").keyup( function() {
if( $("#tax").val() != "" )
var tax = Number($("#tax").val());
var fee = tax/tax_percentage;
calc_and_update(fee);
});
$("#vat").keyup( function() {
if( $("#vat").val() != "" )
var vat = Number($("#vat").val());
var fee = vat/vat_percentage;
calc_and_update(fee);
});
$("#total").keyup( function() {
if( $("#total").val() != "" )
var fee = Number($("#total").val())*100/103;
calc_and_update(fee);
});
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47080359-1', 'ypologismosfpa.gr');
ga('send', 'pageview');
</script>
<!-- end javascript -->
</body>
</html>