I would like to show a GIF image on a website but i found that the animation is not working as the browser caches the GIF image after first load. Here is a PHP workaround by adding the current timestamp to the image src url.
<img src="https://eureka.ykyuen.info/example.gif?v=<?php echo Date("Y.m.d.G.i.s"); ?>" />
Done =)
Reference: cache woes, how to force an image to refresh or load fresh
Add the following line inside the HTML <head> to add the favicon.
Done =)
We can remove the text on a HTML button by adding the text-indent css attribute on the button class. but this does not work in Internet Explorer 7. Continue reading CSS – Remove Button Text In Internet Explorer
I was working on a WordPress project which i need to clear the PHP session when the browser or browser tab is closed. Although Javascript provides the window.onbeforeunload event but it will be triggered even whenever you leave the website. Finally i got a simple solution from Daniel Melo in StackOverflow. The following code required jQuery and i have included the Google one in the HTML.
In your web root, create the js/check_browser_close.js. Continue reading jQuery & Javascript – Capture the Browser or Tab Closed Event
This is another example of implementing simple Ajax GET request. Please refer to Ajax – Simple Ajax POST Request for a POST request. Actually, both of them are quite similar and it is good to try both to get more familiar with the generic Ajax requests.
Let’s start our example now. Continue reading Ajax – Simple Ajax GET Request
I just realized that the <hr /> divider line is not longer working in wordpress.com. Luckily i find a very good post which has several pieces of HTML codes to add the divider in WordPress post.
Solid Line
<div class="aligncenter" style="width:400px;height:0;border-top:2px solid #FF7500;font-size:0;">-</div>
Not only the HTML link will have a dotted outline after being clicked, if you have a transparent input button, you will find the dotted outline too.
The following css could help you to remove it.
/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
border : 0px;
}
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {
outline : none;
}
Continue reading HTML – Remove Dotted Line of Transparent Button
After an HTML link is being clicked, there will be a dotted outline of around the HTML Link <a> just like the following picture.
It can be removed by simply adding the following css style to <a>.
a {
outline: 0px;
}
I was working on a legacy CMS which has a HTML form with ISO-8859-1 encoding. I found that whenever i got an Apostrophe (‘) in the string, the data cannot be persisted.
I guess it should be some encoding problem which makes the database fail to persist the data. So i try to use the PHP str_replace function to replace those Apostrophe but it has never replaced them successfully.
Finally, i got the solution. PHP provide a function called htmlspecialchars which will substitute the following special characters into HTML entities. Continue reading PHP – Convert Special Characters to HTML Entities
I try to create a table in a Joomla content page but i find that the text will expand the table if it is too long.
Continue reading HTML – Wrap Text in Table Cell
Eureka! 