Angry Doodles

A blog of a multipotential compulsive.

[angry-doodles-blog]

KeyCode in JQuery

$("body").keydown(function(key){ alert(key.keyCode); });

[angry-doodles-blog]

Draw Rectangle in Canvas

function drawRectangle(color, x, y, width, height){ CONTEXT.fillStyle = color; CONTEXT.rect(x, y, width, height); CONTEXT.fill(); CONTEXT.beginPath(); }

[angry-doodles-blog]

Draw Circle in Canvas

function drawCircle(color, x, y, r, initialAngle, endAngle){ CONTEXT.fillStyle = color; CONTEXT.beginPath(); CONTEXT.arc(x, y, r, initialAngle, endAngle); CONTEXT.fill(); CONTEXT.beginPath(); }

[angry-doodles-blog]

Add Stroke in Canvas

function addStroke(color){ CONTEXT.strokeStyle = color; CONTEXT.stroke(); }

[angry-doodles-blog]

Main Colors

BLACK = "#000"; WHITE = "#fff"; GRAY = "#777"; RED = "#ff0000"; GREEN = "#00ff00"; BLUE = "#0000ff"; YELLOW = "#ffff00"; ORANGE = "#ff6600"; PURPLE = "#bf00ff"; PINK = "#ff00ff"; MARRON = "#993300";

[angry-doodles-blog]

Draw Triangle in Canvas

function drawTriangle(color, x1, y1, x2, y2, x3, y3){ context.fillStyle = color; context.beginPath(); context.moveTo(x1, y1); context.lineTo(x2, y2); context.lineTo(x3, y3); context.fill(); }

[angry-doodles-blog]

Snap Text in JQuery

$("input").keyup(function (){ $("body").text($("input").val()); })

[angry-doodles-blog]

Draw GUI in GML

draw_set_color(c_white); draw_set_font(fnt_yourFont); draw_set_halign(fa_center); draw_text(200, 20, string("Your Text");

[angry-doodles-blog]

POM Error Page

<error-page> <error-code>404</error-code> <location>/pages/error/404.xhtml</location> </error-page>

[angry-doodles-blog]

Hide Comments in JSF

<context-param> <param-name>javax.faces.FACELETS_SKIP_COMMENTS</param-name> <param-value>true</param-value> </context-param>

[angry-doodles-blog]

POM Welcome Page

<welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list>

[angry-doodles-blog]

Redirection in JS

location.href = "index.html";

[angry-doodles-blog]

Log Message in JS

var INFO_MESSAGE = "[INFO] "; var ERROR_MESSAGE = "[ERROR] "; var WARNING_MESSAGE = "[WARN] "; var SUCCESS_MESSAGE = "[SUCCESS] "; var UNDEFINED_MESSAGE = "[???] "; function getInfoMessage(type, message){ console.log(checkTypeMessage(type) + message); } function checkTypeMessage(type){ switch(type){ case "error" :return ERROR_MESSAGE; case "info" :return INFO_MESSAGE; case "warn" :return WARNING_MESSAGE; case "success" :return SUCCESS_MESSAGE; default :return UNDEFINED_MESSAGE; } }

[angry-doodles-blog]

Page Back in JS

$("#bnt-back").click(function(){ window.history.back(); });

[angry-doodles-blog]

Date Format dd/MM/yyyy in JS

//This "value" is a Date type. function getMaskDateddMMyyyy(value){ const SEPARATOR = "/"; var day = value.getDate(); var month = ("0" + (value.getMonth() + 1)).slice(-2); var year = value.getFullYear(); return day + SEPARATOR + month + SEPARATOR + year; }

[angry-doodles-blog]

Format Decimal in JavaScript

function formatDecimal(value, amount){ return parseFloat(value.toFixed(amount)); }

[angry-doodles-blog]

This Validation at Hand in Jquery

function validateField(field){ if(field.length < 1){ $("#field").addClass("error"); getErrorMessage(ERROR[0]); $("#button").attr("title", ERROR[0]); return false; }else{ $("#field").removeClass("error"); $("#button").attr("title", ""); $(".message").addClass("hidden"); return true; } }