Anil Kumar Buddha's Blog

Sunday, December 1, 2013

Value of CKeditor using Javascript

To get the value of the CKeditor content using Javascript or jQuery. We need to use the below syntax.

CKEDITOR.instances['article_long_desc'].getData().length => It provides the length of the content in the editor

CKEDITOR.instances['article_long_desc'].getData() => It retrieves the value of the Textarea

Where "article_long_desc" is the textarea name

Monday, November 18, 2013

Random values from an Array using php

Below is the function to pick random values from an existing array

function array_pick_random($arr, $number = 1) {
shuffle($arr);

$r = array();
for ($i = 0; $i < $number; $i++) {
$r[] = $arr[$i];
}
return $number == 1 ? $r[0] : $r;
}

In the above function '$arr' is the Array which we want to get the random values.

'$number' is the number of array elements need to return.

Function returns an array if '$number' contains more than 1.

Sunday, October 20, 2013

ajax with cross domain

We may worked with jQuery ajax in many cases but when we try to use jQuery AJAX to get the data from other domain, we need to use "crossDomain" & set it to true.

Let us consider the basic jQuery AJAX within the domain.

$.ajax({
url: "show_users.php",
data: {data1:"val1", data2="val2"},
type:'POST',
success: function(res)
{
$('#element_name').html(res);
},
error: function (){alert('something went wrong');}
});

Above is the AJAX request within the domain & just we are passing the data to the page "show_users.php" with two values. As it is simple AJAX request, it works fine.

But when we work with cross domains (i.e. AJAX request to other domain from our domain) we need to rewrite the jQuery AJAX as below.

$.ajax({
url: "http://domain.com/show_users.php",
data: {data1:"val1", data2="val2"},
type:'POST',
crossDomain: true,
success: function(res)
{
$('#element_name').html(res);
},
error: function (){alert('something went wrong');}
});

We need to use "crossDomain" & set it to TRUE & in the domain.com show_users.php page we need to set an header as below.

header('Access-Control-Allow-Origin: *');

We can set the "Access-Control-Allow-Origin" with only one IP address or '*' if it is not limited to single IP address

Sunday, October 6, 2013

Verify whether HTML object has the event using javascript or jQuery

We would be using multiple events or plugins to get our requirement done using jQuery.

While adding them we may not know whether the plugin is activated or not that gives error to the browser if it does not initiate and stops the next line of scripts in jQuery which we should not be doing.

To get rid of this, we can use jQuery hasOwnProperty which tells whether the HTML object has the event which we are checking for.

Below is the sample code:

Consider we have included the CKEDITOR in the script and it applies for the textareas.

<html>

<head>

<script type="text/javascript" src="ckeditor.js">

<title>Test Object Event Existence</title>

</head>

<body>

<ul>

<li>First name: <input type="text" name="fname" /> </li>

<li>Last name: <input type="text" name="lname" /> </li>

<li>Address: <textarea name="address" id="address" ></textarea></li>

</ul>

</body>

</html>

For the above script, to check whether the textareas has CKEDITOR or not we can check as below

$('#address').hasOwnProperty('CKEDITOR')

If it exists it returns true else returns false.