Quick Tip – TinyMCE : Use full url while inserting image

Problem:This is a common scenario. You are using tinyMCE in admin of a site to insert a link to image.  While displaying that image on frontend tinyMCE makes it relative path instead of absolute.
Solution:
When setting up tinyMCE set these 2 configuration options:

relative_urls : false
remove_script_host : false

Both these options are true by default. As the name implies, “remove_script_host” removes the protocol and host part of URLs. “relative_urls” must be set to false is you want to set “remove_script_host” to false.

TinyMCE documentation for relative_urls and remove_script_host.

Hope it helps.

Javascript advice for beginners

As you know, Javascript can be thought of as an extension to HTML – this allows authors to incorporate some functionality into their website, from controlling webpage navigation to adding interactive content. Javascript is one of the best ways to jazz-up your webpage.

There are so many advantages of using  Javascript, so if you are right in the middle of setting up your very first website then you are sure to be interested in reading this blog post which will show you  some good Javascript books to get you started.

Javascript is used on almost all websites. Social networking sites like Facebook use it so we can post a status without leaving the page, while gaming sites like http://www.partycasino.com use it to make their content interactive, as well as animate their pages with pictures and videos. Javascript is also commonly used to record information about the user’s reading habits, like how long they stayed on a certain page and what they looked at. Let’s have a look at some handy Javascript books to get you started.

Continue reading

Create sharing icons for Facebook, Twitter and LinkedIn to share URLs

Social sharing icons are commonplace on websites these days. Almost every blog or website has links to share on Facebook and Twitter at least. Normally, these can be embedded by copy-pasting some JavaScript and HTML code from their respective sites. This is clearly an overhead for your web page if all you want to do is share a link from your web page.

In this post, we will see, how your can create your own sharing icons to share links on Facebook, Twitter and LinkedIn in a simple manner. Let us start now.

Continue reading

Code snippet : WordPress qTranslate – Getting current language

So I was working with the qTranslate plugin of WordPress’s and needed to select an image depending on language. qTranslate provides a utility function which returns the current language.

The function is called qtrans_getLanguage() and it works as follows:

$currentLang = qtrans_getLanguage();
if($currentLang == 'fr')
{
	//show french logo
	$imageName = logoFR.png';
}
else if($currentLang == 'hi')
{
	//show Hindi logo
	$imageName = logoHI.png';
}
else
{
	//show english logo to rest
	$imageName = logoEN.png';
}

You can find this function in qtranslate_utils.php file in qTranslate directory.

 

Code Snippet : javascript – Checking for blank spaces in sentence without regex

This is actually very interesting. I had a text field which expected a single word string and I had to check it on client side. Using jQuery and JavaScript’s split function we can easily check if an input string contains spaces or not.

split function accepts a delimiter as first parameter, a string as second paramter and splits the string into an array by that delimiter. Returns original string if delimiter is not found.

Here is the code I used :

// id of the textbox is timeTaken
var strText = $.trim($('#timeTaken').val());
if(strText.split(' ').length > 1 )
{
    console.log('no spaces please');
}
else
{
    console.log('yep. correct.');
}