It has been a whileSunday, May 11, 2008 I know it has been more than a month since i last blogged about anything.
It's a very hard responsibility to keep a blog going and most of you
know that. Over the past month several events have happened in my life
for example i now do website related consulting work and client support
from home for the company i use to work for Rhythm Ltd and Geographical Media because they are in the process of relocating their office outside of the Gambia. Working from home has a lot of fun involved in it which is a good thing but one of the most challenging things is the motivation factor. It's very hard to find anything to stimulate your motivation to do work at all and then you begin to feel it - less productivity. I have been trying to find something that will keep me moving on and this morning i thought perhaps if i should start blogging on a regular bases that should help. I have been experimenting with a lot of new technology for a while now and over the coming days i shall be writing about some of those exciting things I've learnt. So there you have it.... am starting the blogging engine. Stay tuned. How to build a live comment preview with Javascript and HTMLThursday, March 27, 2008 In recent times, it has become quite a trendy and nifty trick to show a live comment preview on a lot of blog websites. I remember just how excited i was the first time i saw this in action on a dotnet blogengine application. In this article i will show you how to implement a live comment preview on your website with just simple javascript and HTML. Okay, to get started i will start by creating a javascript(.js) file with the following on it.
As you can see the javascript is almost self explanatory. First, I declared variables and i assigned various id's of the HTML elements i cared about to them from our page. Finally i take the value of the entered comment and placed it as the value of the comment preview. Some of the HTML
<textarea id="CommentBody" onkeydown="ShowCommentPreview();"></textarea>
Finally, i added a HTML attribute to the textarea called the "onKeydown" which is a special javascript thing that we use to wired up the HTML and the javascript method to do the final trick. That's it ... pretty easy thing to do. I hope you will enjoy building it on your own website. Good luck. Download the Sample file live-comment preview.zip (4kb).Free HTML Encoder![]() Sunday, March 16, 2008 More and more i feel the need to encode script and HTML tags or elements into to encoded strings so that i could input them along with my blog post without actually rendering the HTML or Javascript. Accomplishing a task like this will be hard and will be prone to many errors if i was to do it by hand. i knew i needed a little application to do this task for me. So therefore this morning i decided to write Free HTML Encorder. This is quite a very useful utility when you want to encode script, HTML tags and even characters like " ; &" etc into encoded characters that you could input into a WYSIWYG without rending the HTML or script. It is quite a necessary tool if you are a blogger or an administrator of a CMS application. Download Free HTML Encoder. If you are also interested in the source code please send me an email through my contact form. NOTE: In-order to run this program, you must have the Microsoft .Net framework 2.0 or later installed on your computer. If you are running Windows Vista you already have the .Net framework installed.500+ Free icons for your website or applicationSaturday, February 16, 2008 This is a collection of more than 500 free high quality and crystal clear icons. Head over to wikimedia to download them now. Making a background image hover effect work properly in Internet Explorer 6Monday, February 04, 2008 Earlier today while i was working on a new menu style, i came across a weird bug in IE 6 wherein a background-image for a hover effect just would not disappear even when am not hovering over the link that was suppose to cause the effect. So after spending what seems to be like an hour trying to figure out what was causing the problem..... and finally i added background-repeat: repeat-x; in to my CSS file and that seems to have solved my problem. Before
After
.MenuSo it turns out that i must have background-repeat: repeat-x; in order to make that hover effect work properly in IE6. Very weird indeed. |
Comments on Lamin and Joshua Hi Lamin. hope you not too sad about Mela and Josh leaving...do you remember us? We came to Gambia in Nov. 2006.Very nice website, all the best for... Claudia Lars Comments on How to build a live comment preview with Javascript and HTML seems nice, i might try this out later Ali Comments on Making a background image hover effect work properly in Internet Explorer 6 Your after CSS has hover.png in it twice. Good to know about the repeat-x though, thanks :-) Ted Friends and others Sponsored Links
|