If you want to show animated gif image after clicking on a submit button to show users that request is on process , here we show you how to do that in so simple way: Let’s assume that we have a form like below:
How to hide, show, or toggle your div
Are you trying to find a way to hide and show your content? The demo below shows a simple yet elegant way of toggling your content and toggling the control text via Javascript and styling.
Category: java script |
Display a loading gif image before a page loads using javascript and Css
Have you ever need to showing a loading image before bage loading?Like this demo.
to do that at first we well need a CSS like below
Category: java script |
How to tell search engines if page has been moved
If you ever want to restructure your site, one of the biggest issue is the already established inlinks and search engine rankings. You do not want to lose those, under any circumstances, but this does not mean you cannot move your pages.
When a user requests a page, their browser sends the request to your server. Your server will return a status code – this status code is 200 for a normal page. You may have also heard of 404, used for a non-existant page. You can redirect your users with a 302 redirect – this is a temporarily moved page, or a 301 redirect – a permanently moved page.
hit counter without needing database | using text file
If you want to have a your owan hit counter on your pages here is simple hit counter using a .txt file. Records hits to a web page, the hit count is stored in a single text file. The total number of hits is displayed on the web page using PHP but can be disabled if desired.
Category: PHP |
how to get empty space instead of using BR tag
If you want to get more space or less than the <BR> tag You can use this code
<div style="height:100px"></div>
Many of the beginner coders used to typing many of <BR> tags to achieve high vertical empty space,but actually it’s not the best way to achieve this goal
By changing the value of Height tag you can change the Height of empty space that you want.
Best JQuery noConflict method
There is some ways to resolving conflicts with other javascript libraries but i will show you most effective method to using multiple java script or jQuery codes in same page
Changing HTML Table or TD Background Color on Mouseover Using CSS
In order to dynamically change the background color of a table, td, or div when the mouse is over it we can use css method.
let’s assume that we have a class in css called “tablebg”
.tablebg{
background-color: #e1eafe;
}
Changing HTML Table TD Div Background Color on Mouseover
if you’re looking for a great way to spice up your HTML tables, this HTML mouseover code may be just what you’re looking for.
Place your mouse pointer over each of the HTML table cells below to view this HTML mouseover effect. The HTML table cells will change to a specified color when you place your pointer over the cells.
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.
Category: HTML Tips |
