How to display Prev/Next buttons on a Nivo slider when MouseOver
Most of slider effects will display the Prev/Next buttons by default once you open the page that contain a slider effect. Whether you build a slider for a CMS or a shopping cart or a regular HTML page, you can be able to change the codes in CSS and slider block on your HTML page. Here’s how you do it. Open the CSS file that supports the slider, add a style for the Prev/Next layer. Hide the layer on display first. .parent .navigation-links { display:none;…
How to stop a webpage from auto refreshing constantly
There’re a few questions related to this matter I received today from my clients. Some of them have tried “break;” and “window.stop();” and “pause();” and “window.location.reload(false);”, … you name it; however, non of them works. There’s a trick to reload a webpage once and stop the webpage from auto-refreshing itself. At the end of the URL, add the pound sign like this # in the Get or Post URL. Then when you retrieve the value by GET/POST variables, remember to remove the # sign by…
How to use dynamic text in an html/htm page
Whether you have a Joomla, WordPress, or E-commerce website, updating the copyright year on your website may not be a legal requirement, but it’s a smart marketing method to prove that your business is active. Showing the year is especially important if you have a site without dates on its content. There’re many ways you can automatically refresh the copyright year by inserting a simple JavaScript or php script (see below) into your website’s html code, or you can manually change the year in the…
window.location.href not working in Chrome
When your Javascript is not working in browser (IE or FF or Chrome latest version), you can replace the codes window.location.href (or) document.location.href with the one below. Somehow, setTimeOut works across all browsers with latest version (IE 8 &9, FF 8.0.x, Chrome 23.0.1271.x function redirect_home(){ setTimeout(function(){document.location.href = “ext_search.php?mode=dropoff”},500); }
Change the background color of a row using OnMouseOver function
When displaying data in multiple rows and multiple columns, you want your customer to be able to view data through all the columns of a specific row easily. Well, there’s a onMouseOver function in JavaScript that lets you change the background color of the entire row in a table when user places mouse over that row. Usage: <table> <tr> <td height=”18″>First name</td> <td height=”18″>Last name</td> <td height=”18″>Email address</td> <td height=”18″>Phone number</td> </tr> <tr onmouseover=”this.className=’change-bg'” onmouseout=”this.className=’white-bg'” > <td height=”18″>Peter</td> <td height=”18″>Hug</td> <td height=”18″>hisemail@yahoo.com</td> <td height=”18″>800-111-0000</td> </tr>…