Against All Odds - HTML

405 - HTTP verb used to access this page is not allowed

Wed, 09 Jan 2013 19:10:00 -0700

Yesterday, I've encountered this error "server error:405 - HTTP verb used to access this page is not allowed" when I call "http://www.ppshein.net/test.html" HTTP GET from my android program. I'm confused why I got this error even I've tried following url in my desktop browser is fine. Thus I was googling and find how to solve it. After few minutes, I've found answer how to solve this problem. It's quite simple that change file extension to ".cfm" instead of ".html". It's because of web server doesn't let any request containing POST/GET method to any static page called ".html, .htm", will return such following error called "405". Thanks god that I've got new experience.

One of my favourite changelogs in Firefox

Mon, 28 Mar 2011 21:16:00 -0700

I cannot say what I found in Firefox 4 aren't cool enough but they're awesome. Because of those, I cannot write that much coding for my projects when I push my clients to use Firefox 4 as our project default browser. Don't look at those new changelogs first. Just look GUI of Firefox4. I can feel it's cool because they can screw the layout of menu toolbar and the obvious button for previous browsing history. Another one is saving password. I can obviously see the message box after I typing password into my blog, email or etc. Ok, here is one of my changelogs of Firefox4 for me.

Javascript Alert Box
Javascript Prompt Box
Javascript Confirm Box

[More]

To save data into localStorage when Offline

Sun, 13 Mar 2011 19:40:00 -0700

Today I've found how to save the information of your data when offline (when your internet connection is disconnect). That's same as when Google email work. It's very useful to use because our submitted data is sometimes lost when our connection is disconnect or offline. Using this feature in HTML5 can prevent these bad situation. The important part is we need to check whether our browser can support "localStorage" or not. If not support, cannot develop anymore. If support, let's go. First of all, we need to create manifest file for "localStorage". It's the main part to let browser know our application will be using "localStorage". So, we need to add all of files name we will be using into this manifest file as follow. Current my simple application, I've used 2 files called index.html and lc.js. So, I need to add as follow


CACHE MANIFEST
index.html
lc.js

Now I need to let our clients know he/she is now online or office with following javascript.


navigator.onLine ? "online" :"offline"

After that, I need to create index.html file. As HTML5 standard, I need to follow the rule of HTML5.

[More]

Change default submit action with Javascript

Wed, 29 Dec 2010 17:15:00 -0700

We have one issue to solve the bugs come back by clients yesterday. The problem is when our client change quantity in input box of the item and press enter, this item is oddly disappeared from the main screen. So, I need to troubleshoot this issue and read through this code again. Obviously, I found that there are two submit buttons in this found. If there are two submit buttons in a form, do you know which submit button will work when we press enter?

[More]

DOCTYPE Declaration for CSS

Sun, 17 Oct 2010 04:25:00 -0700

Before time, I didn't notice doctype declaration at the top of every pages and I don't either know how does it work. Yesterday, I created a new style sheet about change button style when mouse-over. As you know, it's very simple to do for developers and don't need to create much coding for it. After creating and then I tested, it doesn't work. I bet all are correct in my style. Here is stylesheet.


	/* button style */
	.button 
	{    
		color: #feeef5;    
		border: solid 1px #d2729e;    
		background: #f895c2;    
		font: 14px/100% Arial, Helvetica, sans-serif;    
		padding: .5em 2em .55em;
	}
	
	.button:hover 
	{    
		background: #f90442;    
		text-decoration: none;
	}
	.button:active 
	{
	    color: #f3c3d9;
	}

[More]

Create gradient button with CSS

Fri, 24 Sep 2010 04:10:00 -0700

It's great that we can create gradient button with only CSS. We don't need any background image for creating gradient button anymore.


/* it's just to create gradient button */

.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}


/* it's just to create color manipluation */

.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

Very thanks to : http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/

Rounded Corner for IE

Wed, 23 Jun 2010 06:32:00 -0700

If you want to make rounded corner box for everything, you may use integrating with images and css. Unless, For firefox, you can set border-radius by prefixing "-moz" to the css property. And ofcource for webkit use "-webkit. For IE, border-radius doesn't work on it. That's why we need to integrate images and css for doing rounded corner. If you're sick of doing so, you can use following coding: CSS


.curved {
	padding:4px 0px 0px 0px;    
	width:80px;     
	height:20px;     
	border:#666666 solid 1px;     
	color:#000000;     
	text-align:center;     
	-moz-border-radius:20px;     
	-webkit-border-radius:10px;     
	behavior:url(border-radius.htc);
}

The HTML:


rouneded div

Best Credit to : http://www.htmlremix.com/files/20080924-border-radius.zip

Embedding windows media player WMV

Thu, 28 Jan 2010 06:32:00 -0700

I'm now creating misspeople2008 section for www.people.com.mm. In these days, I need to do one video file into index page. First of all, I was thinking about how about embed flv player into my site. But, it's problem that my server hasn't installed Flash Player Server. That's why I decided to use with window media player. Blow is coding how to embed Video Player in HTML Page.

How? It's easy, isn't it?

Access the value in frame

Sat, 19 Sep 2009 06:33:00 -0700

In my project, I need to access some value in top frame from my current working frame which is below of top frame. I was dilemma when I encounter this problem. Finally, I gotcha how to access. Here you go, window.frames['frame_name'].document.form_name.input_field_name.value

Remove spacing in textarea

Fri, 11 Sep 2009 06:33:00 -0700

It's simple problem for web developers. Sometimes, such problem make us to stop our progress by finding how to solve these problems. This problem is, when we cursor in our textarea box, this cursor isn't arrived to left align, it stays at center or somewhere else when we create our textarea box as so:

Here is Value....

But, how to solve this problem is kinda simple. Just do so. Here is value How? It's simple, isn't it?

Text shadow

Wed, 29 Jul 2009 06:33:00 -0700

In this morning, I'm thinking of how to decorate template design to look nice and how to upgrade. At that time, I found w3.org saying : we can make nicer text message with shadow without using image files. It's really great. Unfortunately, it works in only firefox, not support IE 7+. http://www.w3.org/Style/Examples/007/text-shadow

Want to make fake website for fun?

Wed, 13 May 2009 06:32:00 -0700

In these days, I got free spare time to surf websites. That's why I was surfing here and there. Oddly, I've found one website support us to make fake website for fun.

Open the website what you want to fake (ex: http://www.google.com)
copy this message, javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 into address bar (URL) and press Enter.
So, you can see this website as in rich-text editor.

Dynamically create textarea with Javascript

Thu, 30 Apr 2009 06:32:00 -0700

One of my projects need our clients to create textarea input dynamically with javascript. Seems it's kinda simple but actually, create dynamically is simple but how to fetch data from these is kinda complicated. So, I reserach through and thinking of about that. Finally, I gotcha..!! Here you gooo... Example.html




Add more input field(s)

Remove field(s)



var arrInput = new Array(0);
var arrInputValue = new Array(0);
function addInput() {
arrInput.push(arrInput.length);
arrInputValue.push("");
display();
}
function display() {
document.getElementById('parah').innerHTML="";
for (intI=0;intI
";
}
function deleteInput() {
if (arrInput.length > 0) {
arrInput.pop();
arrInputValue.pop();
}
display();
}
var arrInput = new Array(0);

var arrInputValue = new Array(0);

function addInput() {

arrInput.push(arrInput.length);

arrInputValue.push("");

display();

}

function display() {

document.getElementById('parah').innerHTML="";

for (intI=0;intI
";

}

function deleteInput() {

if (arrInput.length > 0) {

arrInput.pop();

arrInputValue.pop();

}

display();

}

Vertical Marquee Banner

Mon, 30 Mar 2009 06:32:00 -0700

I was supposed to create randomize rotated ads banner with javascript. But it's not quite alright and not have enough performance to all browsers. That's why I considered to do this small function with old-fashioned coding which is marquee tag. Because we shouldn't stick in attemption for serveral times when we're solving and finding bugs. That's why I decided to do with marquee tag and save my time. It's quite easy and flexiable to all browser but it's awful that before page is completely loaded by browser if banners images are more than 10 images.

How to Embed MP3 Audio Files In Web Pages

Mon, 23 Mar 2009 06:32:00 -0700

I'm not kinda happy in these days. Because my server is spontaneously crushed whenever visiting users are building up. I feel it might be because of stream section of our website called "Music Portal". As we all know, all of over people away from mother land miss the sounds of our native land such as music, movies, articles and so on. That's why 70% of our customers are listening songs from our websites make our server to be in crush. Being developers of site, I gotta solve this problem and prevent not to crush our server again. I embed window media player for listening songs from our site. How about flash media player instead of window media player? Embed flash media player in website can reduce bandwidth? I'm in delimma in such questions. So, I try seeking embed flash media player in Google. Fortunately, I've found this website providing developers to putting flash media player in their websites. It's kinda cool and I've embed it in our website already. The one I need is to compare server load is going as usual or gradually decreased. Best Credit to : http://www.labnol.org/internet/design/html-embed-mp3-songs-podcasts-music-in-blogs-websites/2232/