RapidinhasCode | Pedacinhos de ajuda para quem bate código!
quarta-feira, 28 de setembro de 2016
ionic | Mais um artigo sobre como ler dados a um endereço http no formato JSON
Aqui fica mais um artigo sobre como ler dados a um endereço http no formato JSON.
Este artigo tem a particularidade de usar o
controller as
em vez do
$scope
.
http://samcroft.co.uk/2016/loading-json-into-an-ionic-app/
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:
https://www.sitepoint.com/community/t/jquery-calling-function-from-other-script/8006/2
https://www.sitepoint.com/5-ways-declare-functions-jquery/
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:
https://jsfiddle.net/rw6q9/2842/
Efeitos gráficos espetaculares
Aqui ficam alguns efeitos gráficos muito porreiros que podem usar nas vossas aplicações móveis, por exemplo:
https://davidwalsh.name/codepen-demos
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:
http://jsfiddle.net/geniuscarrier/tKZjZ/55/
http://geniuscarrier.com/ng-toggle-in-angularjs/
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:
http://www.w3schools.com/angular/tryit.asp?filename=try_ng_app4
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;
Mensagens mais recentes
Mensagens antigas
Página inicial
Subscrever:
Mensagens (Atom)