Code reuse

Web Server in Go

2014-05-29T11:55:00.000+03:00

package main

import (
	"log"
	"net/http"
	"strings"
)
func handler(w http.ResponseWriter, r *http.Request) {
	var sPath string
	if r.Method == "GET" {
		log.Println(r.URL.Path)
		if strings.HasPrefix(r.URL.Path, "/") {
			sPath = r.URL.Path[1:]
		} else {
			sPath = r.URL.Path
		}
		http.ServeFile(w, r, sPath)
	}
}
func main() {
	log.Printf("About to listen on localhost. Go to http://localhost")
	http.HandleFunc("/", handler)
	err := http.ListenAndServe(":80", nil)
	if err != nil {
		log.Fatal("ListenAndServe: ", err)
	}
}

HTML TreeView

2014-02-03T20:51:00.002+02:00

Keep reading...

Draggable IFRAME

2013-06-11T20:34:00.003+03:00

Main.html

<html>
<head>
<title>Draggable IFrame</title>
<style>
iframe {
   position:absolute;
   left:300px;
   top:200px;
}
</style>
</head>
<body>
<iframe src="contents.html"></iframe>
</body></html>

Frame Content:contents.html

<html>
<head>
<title>Draggable IFrame</title>
<style>
#header {
   text-align:center;
   background-color:#0ff;
}
</style>
</head>
<body>
<div id="header" class="draggable">Title</div>
<div>this is content</div>
<script defer src="IFrame.js"></script>
</body></html>

IFrame.js

"use strict";
var addHandle = function(o){
 o.style.cursor="move";
 o.addEventListener("mousedown", mousedown, false)
};
var mousedown = function(evt){
 var oStyle = evt.target.ownerDocument.documentElement.style;
 oStyle.WebkitUserSelect = "none";
 oStyle.MozUserSelect = "none";
 oStyle.MsUserSelect = "none";
 oStyle.userSelect = "none";
 
 evt.target.nX = evt.pageX;
 evt.target.nY = evt.pageY;

 evt.target.addEventListener("mouseup", mouseup);
 evt.target.addEventListener("mousemove", mousemove);
};
var mouseup = function(evt){
 evt.target.style.cursor = "move";
 
 var oStyle = evt.target.ownerDocument.documentElement.style;
 oStyle.WebkitUserSelect = "all";
 oStyle.MozUserSelect = "all";
 oStyle.MsUserSelect = "all";
 oStyle.userSelect = "all";

 evt.target.removeEventListener("mousemove", mousemove);
 evt.target.removeEventListener("mouseup", mouseup);
};
var mousemove = function(evt){
 var oFrame = window.frameElement;
 var oRect = oFrame.getBoundingClientRect();
 var nX = oRect.left - (evt.target.nX - evt.pageX);
 var nY = oRect.top - (evt.target.nY - evt.pageY);
 nX = (nX >= 0? nX:0);
 nY = (nY >= 0? nY:0);
 
 oFrame.style.left = nX.toString()+"px";
 oFrame.style.top = nY.toString()+"px";
};
(function(){
 var Elems = document.getElementsByClassName("draggable");
 for (var nPos = 0; nPos < Elems.length; nPos++) {
  addHandle(Elems[nPos]);
 }
})();

Browser Privacy

2012-06-08T13:38:00.001+03:00

Sites I visit get a lot of info about me that they shouldn't. There are 4 levels of privacy while browsing:

Everything is in the open. This is the default for all browsers.
Incognito-Privacy mode.
Visits are not stored in browser history.
Cookies are deleted
Flash cookies may be deleted after Flash v10.3
Minimum privacy.
Only session cookies.
Longer duration cookies deleted on browser close.
Browser history is NOT deleted (do NOT use it for porn)
Tor

Keep reading...

HTML5 rating 1-5

2012-06-07T15:48:00.000+03:00

Keep reading...

Javascript Unit Testing TDD

2011-08-08T15:50:00.002+03:00

A simple HTML Page that runs all your unit tests (Only Is.Equal is implemented but more are coming).
The web app should be build as MVC or at least have a distinct Model (set of .js files). Keep reading...

Javascript Class Template

2011-07-21T13:37:00.000+03:00

function Person(oInit) {
    this.Clear();
    if (typeof oInit === "object") { this.Init(oInit); }
    this.Init(oInit)
}
Person.sId = "Party";
Person.sColor = "#00f";
Person.sIcon = "../img/user_suit.png";

Person.prototype.Clear = function () {
    this.nkPer = 0;
    this.rvPer = 0;
    this.sPerLNm = "";
    this.sPerEml = "";
};

Keep reading...

String.prototype javascript

2011-06-27T17:22:00.000+03:00

String.prototype.PadLeft = function (nLen, sPad) {
    if (typeof sPad !== "string") sPad = " ";
    if (typeof nLen !== "number") nLen = 2;
    var sResult = this;
    while (sResult.length < nLen) sResult = sPad + sResult;
    return sResult;
};
String.prototype.PadRight = function(sPad, nLen) {
    if (typeof sPad !== "string") sPad = " ";
    if (typeof nLen !== "number") nLen = 2;
    var sResult = this;
    while (sResult.length < nLen) sResult += sPad;
    return sResult;
};
String.prototype.Trim = function () {
    return this.replace(/^\s+|\s+$/g, "");
};
String.prototype.TrimLeft = function () {
    return this.replace(/^\s+/, "");
};
String.prototype.TrimRight = function () {
    return this.replace(/\s+$/, "");
};

Date.prototype javascript

2011-06-27T17:20:00.000+03:00

Date.prototype.Format = function (sFormat) {
    if (typeof sFormat !== "string") 
        return this.getFullYear().toString() + 
               (this.getMonth() + 1).toString().PadLeft("0", 2) +
               this.getDate().toString().PadLeft("0", 2);
    var that = this;
    return sFormat.replace(/dd?d?d?|MM?M?M?|yy?y?y?|hh?|HH?|mm?|ss?/g,
    function (sFormat) {
        switch (sFormat) {
        case "yyyy": return that.getFullYear().toString();
        case "yy": return that.getFullYear().toString().substring(2, 4);
        case "MM": return (that.getMonth() + 1).toString().PadLeft(2, "0");
        case "dd": return that.getDate().toString().PadLeft(2, "0");
        case "hh": return (that.getHours() <= 12 ? that.getHours() : 
                   (that.getHours() - 12)).toString().PadLeft(2, "0");
        case "HH": return that.getHours().toString().PadLeft(2, "0");
        case "mm": return that.getMinutes().toString().PadLeft(2, "0");
        case "ss": return that.getSeconds().toString().PadLeft(2, "0");
        case "M": return (that.getMonth() + 1).toString();
        case "d": return that.getDate().toString();
        case "h": return (that.getHours() <= 12 ? that.getHours() : 
                  (that.getHours() - 12)).toString();
        case "H": return that.getHours().toString();
        case "m": return tht.getMinutes().toString();
        case "s": return that.getSeconds().toString();
        }
    });
};

Color Wheels

2011-05-30T12:43:00.007+03:00

Simplified Color Wheels for Natural Color System

Primary Colors (R-G, B-Y): 4

Keep reading...

C# Collection Class Template

2011-04-12T19:56:00.000+03:00

Use this class as a template for Collection classes.
This is the class Persons to accompany the class Person. Keep reading...

Javascript Collection Class

2011-04-12T19:51:00.000+03:00

Javascript does not need a Template for Connection Classes.
One Class fits all!
Items.js: Keep reading...

C# class template

2011-04-10T19:34:00.000+03:00

Template for a business class in C#.
The example is the "Party" from the "Party-Person-Organization" pattern.Keep reading...

CORS Cross Origin Resource Sharing Javascript

2011-04-10T14:19:00.000+03:00

For many years we were stuck with JSONP if we needed to make a cross domain query.
JSONP was OK except for one major point: The amount of data to send where limited by max URL length and then again it had to be URI encoded.
Now we have a solution supported by all browsers except IE7 & Opera (for some reason). Keep reading...

Google Translate using JSONP

2011-04-05T13:48:00.001+03:00

We have a web page.
In this page there is a set of Fields (input-text/ textarea) with Greek (or whatever google supports) text content.
There are some corresponding Fields where we like to have the english translation.
First get a key from Google API console
You have to remember that max URL length is 2038 characters for IE, that gives less than 1K for the string to translate. You can get more (a lot) from chrome, firefox, opera (>64K).
Google says that you can to it with POST instead of GET, but that is another post.
Keep reading...

Special Characters for HTML

2011-03-28T16:12:00.014+03:00

Special characters with their HTML code like:

½ ¼ ¾ © ® ™ ℗

Unicode characters that have not HTML codes but can be used in HTML Pages like:

☎ ✉ ✔ ☒ ✖

Keep reading...

HTML5 Sticky Footer

2011-03-13T11:38:00.007+02:00

Table layouts are fine for the nonconformists among us.
But there are cases we realy need a CSS layout. Like when we have to rearrange the layout depending on the window size of the browser, to accommodate everything from mobile browsers to extra wide monitors.
Here is a Sticky Footer CSS layout.
Keep reading...

Reference

2011-01-09T11:55:00.012+02:00

CSS drop caps
Various Font Stacks
and more… Keep reading...

Protect post from copy paste

2010-12-10T18:28:00.006+02:00

Friends keep asking me how to protect their blog posts from being copied.
As you can see I have no protection for my blogs because I think that the effort is futile. I'v seen posts of mine plainly copied in other blogs. In some cases they give a reference to my blog, and for those I am really happy.
In other cases they have no reference even though they just copied and pasted without any work of their own.
Still, my friends want to restrict copy-paste, so I prepared a list of the available solutions: Keep reading...

Database Version Control

2010-12-09T20:16:00.004+02:00

There are two types of projects I am involved in these days.

Custom enterprise applications where we design the database and manage it.
Web applications, that we host, where each customer has his own copy of the database.

In both cases there are many copies of the database installed.

Developer databases
Test database (both internal and customer)
Production database

It is obvious that these databases should be under some Version Control so that can be easily synchronized.
Usually when a database is upgraded, a new version of the application is issued. If only one application is using the database then application-database sync is easy.
When multiple applications are using the same database then this problem is quite difficult to solve.
This is my solution to database versioning problem: Keep reading...

SVG Javascript with events

2010-11-23T16:41:00.005+02:00

I need a widget displaying the months of the year. I implemented using SVG and not by Canvas because I needed the capability of SVG to assign events to any element of the picture.

The user should be able to select a month by clicking on it
The widget should give an event for every month change
The user should be able to deselect a month by clicking on it or at the center of the wheel. It really works! Try it.

Keep reading...

sqlite c# wrapper usage

2010-11-08T16:36:00.004+02:00

I wanted to use sqlite from C# and I created a wrapper. The wrapper was published in the previous post:Sqlite c# wrapper.
I found some nice projects doing almost the same thing but I wanted to be able to use the latest version of sqlite just as it comes out of the pipeline.
I hate it when I have to wait for months for the latest version to be ported to the environment I use for development. Keep reading...

sqlite c# wrapper

2010-11-08T16:35:00.003+02:00

Here are the classes to include in your C# project, so that you can use sqlite. The classes should work without problem with sqlite version 3.7.4 2010-12-08.
If you find any problem you can mail me at moc.liamg@oirakp (do not copy paste, it is written rtl and set ltr by CSS) or you can leave a message. I you need a feature, that I did not implement, you can tell me, but no promises here.
The usage of the classes is covered in the next post: Sqlite c# usage. Keep reading...

Div based Infobox with CSS3

2010-11-05T19:34:00.001+02:00

html:

<div class="infobox"
><div class="head">Titlos</div
><div class="body">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam ut mi imperdiet nibh laoreet porta at ut felis. 
Etiam cursus diam a justo lobortis congue. 
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 
Fusce ac pellentesque eros. 
Aenean porta sem id lectus cursus luctus. 
Maecenas sagittis augue non enim laoreet congue. 
Maecenas pretium varius nulla non molestie. 
</div></div>

Keep reading...

Javascript event handling (all browsers except ie7)

2010-09-28T12:47:00.001+03:00

Now that IE9 supports addEventListener and IE7's market share is diminishing (goodle analytics tell me that ie7 and older is at 14% and loses 2% per month).

If we can support ie8 (@31%) we can forever forget attachEvent.
That mean we support all current browsers but not ie7 and older.Keep reading...