This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight (for not too heavy text).

This editor is free and freely distributable (released under LGPL, Apche and BSD licenses). All I ask is that I receive credit for my work. I will also enjoy to receive mail to tell me if you 're using it, just in order to have an idea of how much this editor is used. ;-)

Current limitations

• automatic focus on the textarea on page load.
• can be slow when editing huge files (javascript is not a fast language).
• only on syntax language at the same time (no html and php syntax highlight at the same time).

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a parser has been written for the language you are editing (see below for a list of supported languages), the code will be coloured, and the editor will help you with indentation.

Supported browsers

At this time, the following browsers are supported:

• Firefox 1.5 or higher
• Internet Explorer 6 or higher
• Safari 3 or higher
• Opera 9.52 or higher
• Chrome

Making it work on other browsers that have decent support for the W3C DOM model should not be too hard, but I am not actively testing against those.

While I was searching for Javascript info i came across this menu that Janko made a copy of the top navigation implemented on Vimeo.com. I will add-on to the features and add to the new templates for JomVideo Media Content Kit. For now its a primer so i can find it easy and update it when i am ready.

What I like the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.

What is CurvyCorners?

A free JavaScript library for creating gorgeous rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.

Why use CurvyCorners?

CurvyCorners is designed to fill a gap in modern browser support for rounded corners on block elements while we wait for CSS3 to be finalised and supported by all browsers. Currently Firefox, Safari and Chrome have limited support for the proposed CSS3 border-radius selector.

Will CurvyCorners use native border-radius if available?

Yes! CurvyCorners only does its magic on browsers that don't have CSS3 border-radius support, namely IE and Opera. This is good solutions to achieve round corners in Internet Explorer since it does not support the CSS code to achieve this.

Besides Turn off the lights feature I explained earlier, YouTube has more great stuff. I believe that you noticed "change view" feature which allows you to switch between normal and wide mode and thus expand/shrink movie area. I like this feature because in different circumstances, I need a different view. But the thing I like the most is that, although layout changes, it is done seamingly and all the information remains easily accessible.

Wireframes above shows what happens when you change the view. By changing to wide view sidebar goes down and content stretches fully. Creating this is very simple. The trick is in properly defined structure and a bit of jQuery.

We will be adding the Javascript code below in the HEAD tag of the page containing form input field to do this task. What we are planning to do is, The input field contains default value.

Onclick default value disappears and allows the user to insert text. If the user types anything it remains there but if he does not write anything and clicks at next input field than the default value reappears in previous field.

function remName(a, b){
if(a.value==b){
a.value='';
}else if(a.value==''){
a.value=b;
}else{
a.value=a.value;
}
}
 
function chkName(a, b){
if(a.value==''){
a.value=b;
}else{
a.value=a.value;
}
}