Code Snippets – Sibeesh Passion https://sibeeshpassion.com My passion towards life Mon, 25 Jan 2016 06:05:09 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 /wp-content/uploads/2017/04/Sibeesh_Passion_Logo_Small.png Code Snippets – Sibeesh Passion https://sibeeshpassion.com 32 32 Remove Time Stamp Form Legend In HighChart https://sibeeshpassion.com/remove-time-stamp-form-legend-in-highchart/ https://sibeeshpassion.com/remove-time-stamp-form-legend-in-highchart/#disqus_thread Mon, 25 Jan 2016 06:04:08 +0000 http://sibeecst_passion.com/?p=11161 In this code snippet we will discuss how we can remove the time stamp from the legend in high chart. Some times it will not be good if we show the the default time stamps in the legend. So to remove the time stamp you can use the labelFormatter function.

[js]
labelFormatter: function () {
return this.name.toString().replace(‘ 00:00:00.000’, ”).replace(‘ 00:00:00.00’, ”).replace(‘ 00:00:00’, ”);
}
[/js]

Just add that function in your legend settings will do the remaining. Happy Coding!.

Please see my other posts code snippets here: Code Snippets

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/remove-time-stamp-form-legend-in-highchart/feed/ 0 Find The Existence Of A String In Other Column https://sibeeshpassion.com/find-the-existence-of-a-string-in-other-column/ https://sibeeshpassion.com/find-the-existence-of-a-string-in-other-column/#disqus_thread Wed, 13 Jan 2016 10:21:22 +0000 http://sibeecst_passion.com/?p=11109 In this post we will see how we can find the existence of a string in other columns in Excel. We will be using a single excel formula to do this task. I hope you will like this.

[csharp]
=COUNTIF(A1:A80,"*"&B2&"*")> 0
[/csharp]

Here we are checking the value of B2 cell is existed anywhere in column A. If the value exists, it will return TRUE or FALSE.

Please see my other posts code snippets here: Code Snippets

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/find-the-existence-of-a-string-in-other-column/feed/ 0 Regex to remove a word from a string https://sibeeshpassion.com/regex-to-remove-a-word-from-a-string/ https://sibeeshpassion.com/regex-to-remove-a-word-from-a-string/#disqus_thread Mon, 02 Nov 2015 10:13:52 +0000 http://sibeecst_passion.com/?p=10890 In this post we will see how we can remove a particular word from a string entirely in jQuery.

[js]
var newString= oldString.replace(/Unspecified/g, ”);
[/js]

Here I am removing the word Unspecified from my variable oldString.

Please see my other posts related to JQuery here: JQuery Posts

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/regex-to-remove-a-word-from-a-string/feed/ 0 Get The Current URL in jQuery https://sibeeshpassion.com/get-the-current-url-in-jquery/ https://sibeeshpassion.com/get-the-current-url-in-jquery/#disqus_thread Mon, 12 Oct 2015 13:13:40 +0000 http://sibeecst_passion.com/?p=10803 In this post we will see how we can get the current URL in jQuery

[js]
<script>
$(document).ready(function ($) {
alert(window.location);
});
</script>
[/js]

Here window.location will return the current location/url of your browser.

Please see my other posts related to JQuery here: JQuery Posts

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/get-the-current-url-in-jquery/feed/ 0 Find the Second Last Element In JQuery https://sibeeshpassion.com/find-the-second-last-element-in-jquery/ https://sibeeshpassion.com/find-the-second-last-element-in-jquery/#disqus_thread Thu, 01 Oct 2015 09:24:34 +0000 http://sibeecst_passion.com/?p=10749 In this post we will see how we can find the second last element from a collection using JQuery collection.

[js]
$(‘#columnsList li:nth-last-child(2)’);
[/js]

Here columnsList is the ID of our element which has the collection. In my case I am having li as inner elements.

Please see my other posts related to JQuery here: JQuery Posts

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/find-the-second-last-element-in-jquery/feed/ 0 Make Last Option As Selected In Select,Drop Down,Combo Box https://sibeeshpassion.com/make-last-option-as-selected-in-select-drop-down-combo-box/ https://sibeeshpassion.com/make-last-option-as-selected-in-select-drop-down-combo-box/#disqus_thread Tue, 25 Aug 2015 12:59:38 +0000 http://sibeecst_passion.com/?p=10351 In this post we will see how we can make the selected property to the last option of a select or drop down or combo box. We will use a jquery selector for making the last option as selected.

Consider I have a following select element.

[html]
<select name="mySelect" id="mySelect" class="select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
[/html]

Now by default we need that last option as selected right? To do that we can use the following script.

[js]
$("#mySelect option:last").attr("selected", "selected");
[/js]

Here mySelect is the ID of our element.

Please see my other posts related to JQuery here: JQuery Posts

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/make-last-option-as-selected-in-select-drop-down-combo-box/feed/ 0 Check Whether An Element Is Visible Or Hidden Using JQUery https://sibeeshpassion.com/check-whether-an-element-is-visible-or-hidden-using-jquery/ https://sibeeshpassion.com/check-whether-an-element-is-visible-or-hidden-using-jquery/#disqus_thread Fri, 14 Aug 2015 12:58:03 +0000 http://sibeecst_passion.com/?p=9561 In this post, we will see how we can check whether an element (eg: a div) is visible or not using JQuery. I hope you will like it.

Using The Code

To check whether element is visible

[js]
$("#myDiv").is(‘:visible’)
[/js]

To check whether element is hidden

[js]
$("#myDiv").is(‘:hidden’)
[/js]

Here myDiv is my div.

Please see other code snippets here: Code-Snippets

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/check-whether-an-element-is-visible-or-hidden-using-jquery/feed/ 0 Find An Inner Div Which Has A Particular Attribute And Remove https://sibeeshpassion.com/find-an-inner-div-which-has-a-particular-attribute-and-remove/ https://sibeeshpassion.com/find-an-inner-div-which-has-a-particular-attribute-and-remove/#disqus_thread Fri, 14 Aug 2015 08:52:49 +0000 http://sibeecst_passion.com/?p=9541 In this code, we will find an inner div which has a particular attribute and delete the same.

Using The Code

Consider following is my HTML

[html]
<div class="dragDiv">
<div id="dragDivInner">
<div myid="1" class="droppable" myval="I"></div>
<div myid="2" class="droppable"></div>
</div>
</div>
[/html]

And what if, I need to find out a div which has attribute value ‘myid’=2 dynamically?

[js]
$(".dragDiv div[myid=" + ui.item.attr(‘myid’) + "]").remove();
[/js]

Here ui.item.attr(‘myid’) is the attribute value I am getting dynamically.

Please see other code snippets here: Code-Snippets

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/find-an-inner-div-which-has-a-particular-attribute-and-remove/feed/ 0 Make Image Fit To The Screen https://sibeeshpassion.com/make-image-fit-to-the-screen/ https://sibeeshpassion.com/make-image-fit-to-the-screen/#disqus_thread Fri, 14 Aug 2015 08:46:02 +0000 http://sibeecst_passion.com/?p=9511 In this code, we will see how we can set an image to fit the screen completely. By doing this we can make sure that there is repeating of images in the background.

Using The Code

Here I am setting the image to the body tag.

[css]
#body {
background: url("http://sibeeshpassion.com/content/images/indian%20flag%20banner.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
[/css]

Please see other code snippets here: Code-Snippets

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/make-image-fit-to-the-screen/feed/ 0 Drill Down And Drill Up Events In Drill Down Highchart https://sibeeshpassion.com/drill-down-and-drill-up-events-in-drill-down-highchart/ https://sibeeshpassion.com/drill-down-and-drill-up-events-in-drill-down-highchart/#disqus_thread Fri, 24 Jul 2015 12:05:21 +0000 http://sibeecst_passion.com/?p=7901 In this post, we will see how we can fire drill down and drill up events in drill down highchart. I hope you will like it.

Using The Code

[js]
chart: {
type: ‘column’,
events: {
drillup: function (e) {
alert(‘drill Up’);
},
drilldown: function (e) {
alert(‘drill down’);
}
}
}

[/js]

Here chart is my chart property.

Please see other code snippets here: Code-Snippets

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/drill-down-and-drill-up-events-in-drill-down-highchart/feed/ 0