Calculator demo with AngularJS and JQuery
Calculator
The source code:
<style>
.calcu{
width:200px;
margin:50px auto;
padding:20px;
border:1px solid #323232;
border-radius:6px;
}
.h2{
text-align:center;
margin-top:0px;
}
.row{
width:95%;
margin:auto;
clear:both;
}
.button{
display:inline-block;
width:20px;
padding:10px;
background-color:#ccc;
margin:2px;
text-align:center;
}
.button:hover{
background-color:#323232;
color:#fff;
cursor:pointer;
}
.result{
background-color:#C3E4ED;
padding-right:5px;
border:1px solid #fff;
width:100%;
height:30px;
text-align:right;
font-weight:bold;
}
.val{
margin-bottom:10px;
}
</style>
<div class="calcu" ng-app="" ng-controller="calcaController" >
<h2>Calculator</h2>
<div class="row val">
<input class="result" type="text" ng-model="calc.res" />
</div>
<div class="button-set">
<div class="row">
<div class="button" ng-click="calc.res= calc.res+'1';">1</div>
<div class="button" ng-click="calc.res= calc.res+'2';">2</div>
<div class="button" ng-click="calc.res= calc.res+'3';">3</div>
<div class="button" ng-click="calc.res= calc.res+'4';">4</div>
</div>
<div class="row">
<div class="button" ng-click="calc.res= calc.res+'5';">5</div>
<div class="button" ng-click="calc.res= calc.res+'6';">6</div>
<div class="button" ng-click="calc.res= calc.res+'7';">7</div>
<div class="button" ng-click="calc.res= calc.res+'8';">8</div>
</div>
<div class="row">
<div class="button" ng-click="calc.res= calc.res+'9';">9</div>
<div class="button" ng-click="calc.res= calc.res+'0';">0</div>
<div class="button" ng-click="calc.res= calc.res+'+';">+</div>
<div class="button" ng-click="calc.res= calc.res+'-';">-</div>
</div>
<div class="row">
<div class="button" ng-click="calc.res= calc.res+'*';">*</div>
<div class="button" ng-click="calc.res= calc.res+'/';">/</div>
<div class="button" ng-click="calc.res=calc.calculate();">=</div>
<div class="button" ng-click="calc.res= calc.clear();">C</div>
</div>
</div>
</div>
<script>
function calcaController($scope) {
$(".result").focus();
$scope.calc = {
res: '',
calculate:function(){
var x = $scope.calc;
return eval(x.res);
},
clear:function(){
$(".result").focus();
return '';
}
};
}
</script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
No need to do this manually anymore!
AngularJS – Communicating Between Controllers
AngularJS == Javascript for MVC programmers
The video tutorial covers communicating and sharing state between controllers using a shared service and $rootScope.
http://www.youtube.com/watch?v=1OALSkJGsRw
The code: http://jsfiddle.net/simpulton/XqDxG/
Startup
Két Tech Startup Naplója http://startupdate.hu/ket-startup-naplo
Tanulságos írás.
A StartUp itthon általában nagy titokban készül hónapokig.
A végén 1-2 több neves ismerős előtt prezentálva lesz, de nem fogják használni.
Az ötletesnek tartják a programot, de az eddig bevált eszközeikkel meg tudják oldani azt a műveletet.
A cikk nem tulajdonít nagy jelentőséget kód tesztelésének. A felhasználókra hagyják a hibák jelentését ott baj van a működtetéssel.
uninstall package in Laravel
- Remove decleration from composer.json (in “require” section)
- Remove Service Provider from “app.php” (reference in “providers” array)
- Remove any Class Alliases from “app.php”
- Remove any references to the package from your code 🙂
- Run “composer update”
- Manually delete the published files
PHP jobs in USA
Latest Job opportunities for PHP Developers
IoC Container
The Laravel inversion of control container is a powerful tool for managing class dependencies. Dependency injection is a method of removing hard-coded class dependencies. Instead, the dependencies are injected at run-time, allowing for greater flexibility as dependency implementations may be swapped easily.
Understanding the Laravel IoC container is essential to building a powerful, large application, as well as for contributing to the Laravel core itself.
the requirements for dependency injection
- Don’t create class instances in other classes (if they are dependencies) — pass them into the class from outside.
- Don’t type-hint concrete classes — create interfaces.
A siker titka
“Sosem volt különösen jó labdaérzékem, sosem fociztam,kosaraztam jól, nem dobtam különlegesen nagyot a labdával, és ma már ennél is kisebbet dobok. Nem vagyok kifejezetten sem erős, sem okos, nem úszom túlságosan jól, a vízfekvésem teljesen átlagos. Gyerekkoromban tizenegyszer szúrták fel a fülemet, ugyanennyiszer tiltott el az orvos az uszodától. Magasságomat nézve ma már kicsinek számítok a csapattársaim között, súlyra viszont elértem a 100 kilót. Szépen beszélni talán sosem tudtam, középiskolai eredményeim közepesek voltak, sosem gondoltam, hogy a mondataim hatással lehetnek másokra. A katonaságtól gerincsérv miatt felmentést kaptam, azóta már a nyakamban is van két porckorongsérv, 16 éve csuklószorítóval játszom, képtelen vagyok a kézfejemre támaszkodni. Először 2005-ben voltak problémáim a szívemmel, amik 2009-ben megismétlődtek. Akkor miben is voltam jó?”
Benedek Tibor háromszoros olimpiai bajnok vízilabdázó nyilatkozata
http://www.sikerrefel.hu/hogy-csinaljak-az-elsportolok/
Aki nagyon szorgalmas, van benne hit és bizonyítási vágy, ott tud lenni ugyanolyan nagyon magas szinten, mint egy vele született adottságokkal rendelkező ember.