.gif)
Clock the visitor time visiting the page
If you want to display the total time a user spend on your webpage then the below javascript code is for you.
if you want to add a link or a button which if you click on it the page going to top you can have it and whenever the user click on the link the page goes again to the first of the page, the below javascript code will provide the same thing.
Simply Cut and Paste code snippet
Be sure to properly place script in body of html where link is to appear.
Disply calendar on your website
If you want to disply a calendar on your webpage then the below javascript code is for you,this code will display calendar on your webpage and it also highlight the current date.
Just copy paste the below code .
If you're using HTML tables within your web page and you want to add a color border, this HTML code will guide you.Below is HTML code of a table which has The background color set to #EAE8E8 and the border color is set to #C6C6C6.
To set the HTML table border color we use the BORDERCOLOR property of table and for table background we use BGCOLOR property of Table column.
Edit the text indicated in bold to suit your needs.
To set the HTML table border color we use the BORDERCOLOR property of table and for table background we use BGCOLOR property of Table column.
<TABLE BORDER="1" BORDERCOLOR="#C6C6C6" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
<TR>
<TD BGCOLOR="#EAE8E8">Your Text</TD>
</TR>
</TABLE>
<TR>
<TD BGCOLOR="#EAE8E8">Your Text</TD>
</TR>
</TABLE>
Edit the text indicated in bold to suit your needs.
Display Will Look As :--
| This is table with border and background color |
Some time you need to set a image as background of a HTML table The below HTML code will show you how you can set an image as a background of a table.
We can contain image backgrounds, colored backgrounds, borders of different sizes, and an unlimited number of rows and columns.
change the code acording to your need.
We can contain image backgrounds, colored backgrounds, borders of different sizes, and an unlimited number of rows and columns.
<TABLE BORDER="0" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
<TR>
<TD BACKGROUND="yourbgimagepath.gif" WIDTH="50%"></TD>
<TD BGCOLOR="#ffffffff"></TD>
</TR>
</TABLE>
<TR>
<TD BACKGROUND="yourbgimagepath.gif" WIDTH="50%"></TD>
<TD BGCOLOR="#ffffffff"></TD>
</TR>
</TABLE>
change the code acording to your need.
You can change your webpages HTML forms text boxes to match the look of your web site. you can change the background and font colors of your text boxes .The below HTML code will show you how you can change the background and font colors of textboxes.
Display :
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
Display :
If you want to redirect your visitors to a new page, then by using this HTML redirect code you can do that.
By Placing the following HTML redirect code between the <HEAD> and </HEAD> tags of your HTML code you can redirect visitors to a new page.
<meta HTTP-EQUIV="REFRESH"
content="0;
url=http://www.yourdomain.com/index.html">
Note: don't forget to replace yourdomain.com with your domain name.
In this tip i will tell you a way to open a new window when someone leave a web page, this code may be what you're looking for.We can use <body> Tag onUnload event for this .
This below HTML code will open the web page which you specify as soon as you leave the original web page.
This below HTML code will open the web page which you specify as soon as you leave the original web page.
<body onUnload=”window.open('http://www.domain.com'); self.blur();”>
Copy paste this code in body tag of your page and replace www.usetricks.com with your desire page url.
onUnload=”window.open('http://www.usetricks.com');
self.blur();”
This effect can be used for your
entire web page background, or within your table cells.
To use the gradient effect as your web page background, use the following BODY tag:
<body
style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">
To use the gradient effect within
your HTML tables, place the following code within your table tag:
style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"
Here in this tip i will show you how you can Embed a Web Pages within other Web Pages.Use the below HTML code to do that.
In the below example , I am displaying a web page within the current web page .
This HTML code will enable you to display rotating tips, images or whatever you'd like.
Copy and paste the below code into your web page where you would like to embed the web page.
In the below example , I am displaying a web page within the current web page .
This HTML code will enable you to display rotating tips, images or whatever you'd like.
Copy and paste the below code into your web page where you would like to embed the web page.
<object data=http://www.usetricks.com width="500" height="450"> <embed src= http://www.usetricks.com width="500" height="450"> </embed> Error: You
Can’t see Embedded data. </object>
It Will Look Like this:
Here in this
tip i will show you how you can change color of
HTML table cells when you place your pointer over the cells.
Place your
mouse pointer over each of the HTML table cells below to view this HTML
mouseover effect.
| Place Data here |
| Place Data here |
| Place Data here |
This HTML code
will enable you to give your HTML tables a more professional look and feel, as
it will greatly improve the presentation of your HTML table data.
Your table code will look like the below code:
<TABLE BORDER="1" CELLPADDING="1" WIDTH="100%">
<TR onMouseover="this.bgColor='#FF90000'"onMouseout="this.bgColor='#FFFFFF'">
<TD>Place Data here</TD>
</TR>
<TR onMouseover="this.bgColor='#FF90000'"onMouseout="this.bgColor='#7987A1'">
<TD>Place Data here</TD>
</TR>
<TR onMouseover="this.bgColor='#FF90000'"onMouseout="this.bgColor='#7987A1'">
<TD>Place Data here</TD>
</TR>
</TABLE>
HTML TITLE tag
The title tag is an important part of any web page and it provides us with an opportunity to spell out the content of our page, and the most important keywords should go first. All pages should have a title tag and all title tags in your site should be unique. Don't repeat the same title tag for multiple documents. It should be inserted into the header of your web page and it looks like:
<HEAD>
<TITLE>XYZ Company Home Page</TITLE>
</HEAD>
<title>is also used by search engines to index pages.
Decide on the keywords for the page and then build the title tag around them. Make sure you have all the keywords / key phrases in the title tag.
<HEAD>
<TITLE>XYZ Company Home Page</TITLE>
</HEAD>
<title>is also used by search engines to index pages.
Decide on the keywords for the page and then build the title tag around them. Make sure you have all the keywords / key phrases in the title tag.
you can play music on your
personal web site.
The code very simple you
have to just palce it in body section of your HTML document.
How to use an <EMBED> tag:
<EMBED SRC=Sound_file.mid
autostart="true" WIDTH="144"
HEIGHT="60"
LOOP=1>
LOOP=2 will tells browser how many times to
play sound.
IF the visitor are using browsers that do not
support the embedded sound. then do this in that case on that page:
<embed src="Sound_file.mid"
hidden="true"
autostart="true"
loop="1">
<noembed>Your browser doesn't support EMBED,
but you can still listen to the background sound of this page by<a href="Sound_file.mid
"> clicking here.</a></noembed>
Using bgsound Tag
This tip explains how sound
or music can be played when a visitor passes the mouse pointer over an image.
Note: This tip will work
only in Internet Explorer.
<bgsound src="#"
id="songs"
autostart="true">
<img src="nameofimage.gif"
width="100"
height="106"
border="0"
onmouseover="document.all.songs.src='Sound_file.mid' ">
| This is First Cloumn Before html vertical separator | This is Second Cloumn After html vertical separator |
The layout above consists of a table 202 pixels wide. This table has only one row with three Column. The first and the last column are 100 pixels wide while the middle column is 2 pixel wide. It's the center column that makes the vertical separator.
Its html code will looks like below code:
Its html code will looks like below code:
<table border="0" cellpadding="0" cellspacing="5">
<tbody>
<tr>
<td><span style="font-size:
large;"><b>This is First Cloumn Before seprator</b></span></td>
<td bgcolor="Red" width="2"></td>
<td><b><span style="font-size:
large;">This is Second Cloumn After seprator</span></b></td>
</tr>
</tbody></table>
This summary is not available. Please
click here to view the post.
To view webpages which uses JavaScript, you need to ensure that your browser has JavaScript enabled. if JavaScript is disable, you can still view the webpage without JavaScript, but you will not be able to take advantage of the JavaScript functionality.
How do you check if your browser has JavaScript enabled?
This will depend on the browser you're using. Steps for some of the more common browsers are below:
Internet Explorer (6.0):
- Go to Tools from the top menu
- Select Internet Options
- Click on the Security tab
- Click Custom Level
- Scroll down until you see the Scripting section
- Ensure that the Active Scripting option is set at Enabled
- Click OK
Netscape Navigator (4.8):
- Go to Edit from the top menu
- Select Preferences
- Select Advanced
- Select Scripts & Plugins
- Check the Enable JavaScript checkbox
- Click OK
Mozilla Firefox (1.0):
- Go to Tools from the top menu
- Select Options
- Select Web Features from the left menu
- Ensure the Enable JavaScript option is checked
- Click OK
Mozilla Firefox (1.5):
- Go to Tools from the top menu
- Select Options
- Click on the Content button
- Ensure that the Enable JavaScript option is checked
- Click OK
Apple Safari (1.0):
- Go to Safari from the top menu
- Select Preferences
- Select Security
- Ensure that the Enable JavaScript option is checked
- Click OK
If you are a developer and you had develope web pages with JavaScript, then it is good practice to view your website with JavaScript disabled. This will show you what your website will look like to users who choose to disable JavaScript.
Video tutorial about enabling JavaScript in one of the most commonly used web browsers: Google Chrome
How To Turn Javascript On/Off IE
Video tutorial about enabling JavaScript in one of the most commonly used web browsers: Safari.
How to enable JavaScript in Mozilla Firefox
HTML, JavaScript Scripting, ,Scripts, Java, WebBrowser, browser
