quarta-feira, 28 de setembro de 2016

segunda-feira, 18 de julho de 2016

jQuery | Uma forma simples de criar e chamar uma função em jQuery


<!-- Código para chamar a função -->
 <script>
$(document).ready(function(){
        $('button').click(function(){
                $.minhafuncao();
        });
});
</script>


<!-- Código para criar a função -->
<script>

$(document).ready(function(){
    $.minhafuncao = function(){
        alert('Olá malta!');
    }
});
</script>



Fonte:

quinta-feira, 14 de abril de 2016

Angular | Precisam de carregar uma imagem e fazer um corte?!

Deixo-vos uma forma de carregarem (upload) uma imagem e depois depois têm a possibilidade e a cortarem (crop) conforme necessitarem:


Efeitos gráficos espetaculares

Aqui ficam alguns efeitos gráficos muito porreiros que podem usar nas vossas aplicações móveis, por exemplo:

Angular | Mostra e esconde um determinado componente HTML

Vejam neste exemplo como podem esconder e mostrar um determinado componente HTML com o Angular e JQuery:



Angular | O mais pequeno carrinho de compras do mundo!

Aqui fica um excelente pequeno exemplo como podem fazer um mini carrinho de compras, com possibilidade de remover itens e tudo. No meu caso adaptei-o adicionar fotos da câmara a uma lista e depois com opção de remover.


<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<script>
var app = angular.module("myShoppingList", []);
app.controller("myCtrl", function($scope) {
    $scope.products = ["Milk", "Bread", "Cheese"];
    $scope.addItem = function () {
        $scope.errortext = "";
        if (!$scope.addMe) {return;}       
        if ($scope.products.indexOf($scope.addMe) == -1) {
            $scope.products.push($scope.addMe);
        } else {
            $scope.errortext = "The item is already in your shopping list.";
        }
    }
    $scope.removeItem = function (x) {
        $scope.errortext = "";   
        $scope.products.splice(x, 1);
    }
});
</script>

<div ng-app="myShoppingList" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="x in products">{{x}}<span ng-click="removeItem($index)">×</span></li>
  </ul>
  <input ng-model="addMe">
  <button ng-click="addItem()">Add</button>
  <p>{{errortext}}</p>
</div>

<p>Try to add the same item twice, and you will get an error message.</p>

</body>
</html>


Retirado de:

quinta-feira, 21 de janeiro de 2016

ionic | Procurar uma string dentro de outra string


        /* Encontrar uma string dentro de outra */
        var s = JSON.stringify($scope.account);
        var emServicoTrueFalse = s.indexOf($scope.DataAtual) > -1;