Why they do this I do not know nor do I care. All I know is that it is annoying. If I wanted an active border I would add it myself.

There is an easy fix to this. Simply add the following code to your style sheet.

input:focus {
outline:0px;
border:none;
}
textarea:focus {
outline:0px;
border:none;
}

A little explanation of what you are doing:

focus is the action, when someone is adding text to the form field it is active. So :focus = active.

outline:0px removed the outline and border:none removes the border.

Couldn’t be simpler.

Yay.

<!--Change Table Width when on admin page--><%
'response.write request.servervariables("script_name")
if request.servervariables("script_name") <> "/n-tmenu/admin_menu.asp" then %>
<!--end part one -->
<td valign="top" width="519">
<% else %>
<td valign="top" width="700">
<!-- change table width when on admin page part 2-->
<% end if %>
<!--end part two-->

So, to break it down, this is the name of the page you want the rule to take effect on.

"/n-tmenu/admin_menu.asp"

This (519)  is the width that you want the table to be on all ofther occasions.

<td valign="top" width="519">

And this (700) is how you want it on the specific page, in this situation it is my admin page.

<td valign="top" width="700">

Be sure to end your statement and you are good to go. Easy enough to replace the td with a div or whatever else you want.

<% end if %>

Note: If you want to add more than one page, you would change the code to read something like this:

<!--hide the address box when on admin page part 1 of 2-->

<%
'response.write request.servervariables("script_name")
if request.servervariables("script_name") <> "/n-tmenu/admin_menu.asp"  and request.servervariables("script_name") <> "/contact.asp" then %>
<!--end part one of two-->

So you are adding:

and request.servervariables("script_name") <> "/contact.asp"

in between the first page and the “then”

There you have it.

Nifty. Have fun coding!

Breakdown:

onfocus="javascript:document.formname.name.value='';"

onfocus="javascript:document.signup.Name.value='';"

onfocus="javascript:document.signup.Email.value='';"

* html .right_column {
height: expression( this.scrollHeight < 591 ? "592px" : "auto" ); /* sets min-height for IE */
}

.right_column{
min-height: 592px; /* sets min-height value for all standards-compliant browsers */
width: 807px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #FFF;
}

So simply put, using javascript we are able to set the min height in IE. You will notice that the min height 591 592 are not exactily the same. Apparently this is because if they were set the same, IE 6 would crash.

Check out the blog of the author who put some work into this solutuon, here.

Today we will be creating a simple image replacement effect for the form submit button. I am just going to place the code now and later I will post an explanation. All you need to do is replace the image location and name with your own.

<form method="post">
<input name="User Name" size="15" type="text" value="User Name..." />
<input name="Password" size="15" type="text" value="Password..." />
<input onmouseover="javascript:this.src='/images/login_alt.gif';"
onmouseout="javascript:this.src='/images/login.gif';" name="submit"
src="/images/login.gif" type="image" />
</form>

Example:

function pause(){

play();

clearInterval(timer);

};

stop();

timer = setInterval(pause, 5000);

//where 5000 is 5 seconds or 60000, 1 minute.

Tip: if you have more than one pause you wish to make, you can add the function to the first frame in the movie and then add the pause code

(stop())

to the frame that you wish to pause.

<a   href="javascript:cloakmailto('first_part_of_email','second_part_of_email_domain.com?subject=My%20Subject');"  >
<img src="/images/imageofemailme.gif" width="124"  height="18" border="0"></a>

So if we are using thegreatpumpkin {at} peanuts(.)com as an email address and the email subject will be The Great Pumpkin is REAL, the code would look like this:

<a   href="javascript:cloakmailto('thegreatpumpkin','peanuts.com?subject=The%20Great%20Pumpkin%20is%20REAL');"  ><img src="/images/imageofemailme.gif" width="124"  height="18" border="0"></a>

Note: The %20 is a space.

%20

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
user = "sales";
site = "domainname.com";
document.write('<a href=\"mailto:' + user + '@' + site + '\">');
document.write(user + '@' + site + '</a>'); // End --> </SCRIPT>

I was recently asked to create a simple floating menu that would stay in a fixed position in the bottom right corner of a web page. After a bit of searching and digging through some more complected menus using css and javascript I found a simple bit of code that was easily customizable. You can’t beat easy!

There are two parts to this menu, the HTML and the CSS. You can place whatever you want in the floating menu div, links, images, even a video. This code is super simple and flexible! For my example I am using some social media icons.

CSS

div.floating-menu {
	position:fixed;
	background:#CCC
	border:1px solid #ccc;
	width:64px;
	z-index:100;
	bottom: 10px;
	right: 15px;
}

See, cant get much simpler than that. All you need to do is edit the code so that it will work the way you need it to.  You will want to keep the position: fixed. This will keep the div in the same place while you scroll down or up the page. You may want to change the z-index:100 if you do not want the menu to sit above everything.

My menu needed to sit on the bottom and to the right of the screen, so I set the position like so:

        bottom: 10px;
	right: 15px;

HTML

<div class="floating-menu">
<img src="images/facebook.png" alt="Facebook" width="16" height="16" />
<img src="images/twitter.png" alt="twitter" width="16" height="16" />
<img src="images/blogger.png" alt="Blogger" width="16" height="16"
/><img src="images/linkedin.png" alt="linked in" width="16" height="16" />
</div>

I placed the HTML code in my container div before everything else. Just right click on the demo and view the source for the entire code.

You can place whatever you want in the floating menu div. Apply styles and make it yours. My example is very simple, I am just using some social media images without a hover effect.

I love this code, it is so simple and versatile. You can get as creative as you want with it.

Its the small things that make me giddy! Happy coding.

To view the original source, click here.