Opening an url in same window

Opening an url in same window

First create the javascript function:

function selfWindow(){
window.location.href = ‘http://www.ambedkar.org’;
}

then call that function on ‘onClick’ event on button or on anchor link
<input type=”button” onclick=”selfWindow();” value=”open”>

<a href=”#” onclick=”selfWindow();“>Open this</a>

Customizing default browse button

Customizing the default browse button is now a very easy stuff

You will need only four things:
  1. File filed
  2. Javascript function
  3. CSS classes and ID
  4. Browse button image

Follow this process:

1. Javascript function:

  <script type=’text/javascript’>
    function fileForm(){
      document.overForm.overInput.value = document.realForm.realInput.value;
    }
</script>


2. CSS Classes and ID:

  .fileUpload {
    -moz-opacity:0; /* for Firefox */
    -khtml-opacity: 0; /* for Safari */
    filter:alpha(opacity: 0); /* for IE */
  }
  span.realSpan, span.overSpan{
    position: absolute;
    middle: 10px;
    left: 10px;
  }
  span.realSpan{z-index: 20;}
  span.overSpan{z-index: 10;}
  #fileInputs{float:left;}


3. File filed:

  <span class=”realSpan”>
    <form name=’realForm’>
      <input type=’file’ class=’fileUpload’ name=’realInput’ onkeyup=’fileForm();’ onmouseout=’fileForm();’ style=”cursor:pointer;”>
    </form>
  </span>
  <span class=”overSpan”>
    <form name=’overForm’>
      <div id=”fileInputs” style=”clear:both;”>
      <div id=”fileInputs”><input type=’text’ name=’overInput’></div>
      <div id=”fileInputs”><input type=’image’ src=’browse_btn.jpg’ style=”cursor:arrow;” onmouseover=”window.status=”; return true;”></div>
    </form>
  </span>

Thats it!

You can refer these links for huge description:
http://www.michaelmcgrady.com/simple.jsp
http://www.quirksmode.org/dom/inputfile.html

Placing default cursor in textbox in Rails

The default cursor means when the page loads in a browser, the cursor should be in/on a particular part, say textbox or textarea.

There is a simple javascript method focus() to place the default cursor:

<script type=”text/javascript”>
   document.getElementById(id).focus();
<script>

But this will not work in rails. Why? Because the page not refreshed in rails.
To overcome this I found one solution, which has crossbrowser compatibility.

def set_focus(id)
  <<-END
  <script language=”javascript”>
     document.getElement ById(“#{id}”).focus();
     if(navigator.appName == “Microsoft Internet Explorer”){
        document.getElementById(“#{id}”).focus();
     }
  </script>
   END
end

Display logo in browser’s address bar

There are two methods to display logo in browser’s address bar:

1. <link rel=”icon” href=”iconname.ico” type=”image/x-icon” />

2. <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

…but it has crossbrowser issue.

The first method works in IE only. If we use both methods that will also works in IE only. To overcome this, use second method:
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

so that your logo will display in IE and Firefox as well.