Web Thinking Point

Thursday, 15 November 2018

How can I take backup of particular tables in SQL Server 2008?

Process:

SELECT * INTO new_table_1
FROM existing_table_1

--- For table 2

SELECT * INTO new_table_2
FROM existing_table_2

and so on... for n number of tables

This statement WILL CREATE the tables called new_table_1, new_table_2 ,.. thus you do not have to previously create it.

Note: This process takes the backup quite fast but major disadvantage would be that it does not carry over the Keys, Indexes and Constraints of the table and backup is stored within the database not somewhere externally to a file.

Friday, 31 August 2018

Clock Wise / Anti Clock Wise Stopwatch in JavaScript

:: Code ::

<html>
<head>
<title>stopwatch</title>
<script type="text/javascript">
var c=60;
var c2=0;
var t,t2;
function stopCount()
{
clearTimeout(t)
}
function stopCount2()
{
clearTimeout(t2)
}
function timedCount()
{
document.getElementById('txt').value=c
c=c-1
if(c==-1)
{
alert("time over")
stopcount()
}
t=setTimeout("timedCount()",1000)
}
function timedCount2()
{
document.getElementById('txt2').value=c2
c2=c2+1
if(c2==61)
{
alert("time over")
stopcount2()
}
t=setTimeout("timedCount2()",1000)
}
</script>
</head>
<body>
<center>
<form>
<input type="text" id="txt">
<input type="button" value="Start stopwatch (Anti Clock Wise)" onClick="timedCount()">
<input type="button" value="Stop" onClick="stopCount()">
<br/>
<br/>
<input type="text" id="txt2">
<input type="button" value="Start stopwatch (Clock Wise)" onClick="timedCount2()">
<input type="button" value="Stop" onClick="stopCount()">
</form>
<center>
</body>
</html>

:: Example ::

Monday, 19 March 2018

unable to open the physical file mdf operating system error access is denied

Solution:

Steps are given bellow:

go to Control Panel ->
System and Security ->
Administrative Tools ->
Services ->
Double Click SQL Server (SQLEXPRESS) -> right click, Properties
Select Log On Tab
Select "Local System Account" (the default was some obtuse Windows System account)
-> OK
right click, Stop
right click, Start

Now you want to try attach your .mdf file.

Friday, 4 August 2017

Delete HTML Table Row Using Javascript/JQuery Without RowIndex

Using JavaScript:

<!DOCTYPE html>
<html>
<head>
<style>
table, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<p>Click the button to delete the any row from the table.</p>

<table id="table1">
<tr id="myRow1">
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
    <td><input type="button" onclick="deleteRow('myRow1')" value="Delete"/></td>
</tr>
<tr id="myRow2">
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
    <td><input type="button" onclick="deleteRow('myRow2')" value="Delete"/></td>
</tr>
<tr id="myRow3">
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
    <td><input type="button" onclick="deleteRow('myRow3')" value="Delete"/></td>
</tr>
</table><br>

<script>
function deleteRow(myRow) {
    var row = document.getElementById(myRow);
    var total_cell=document.getElementById('table1').rows[0].cells.length;

   for(i=0;i<total_cell;i++)
   {
    row.deleteCell(0);
    }

}

</script>

</body>
</html>

Using JQuery:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
table, td {
    border: 1px solid black;
}
</style>
</head>
<body>
<table id="table1">
<tr id="myRow1">
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
    <td><input type="button" onclick="deleteRow(this)" value="Delete"/></td>
</tr>
<tr id="myRow2">
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
    <td><input type="button" onclick="deleteRow(this)" value="Delete"/></td>
</tr>
<tr id="myRow3">
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
    <td><input type="button" onclick="deleteRow(this)" value="Delete"/></td>
</tr>
</table><br>

<script>
function deleteRow(this_row) {
    $(this_row).closest("tr").html("");

}
</script>

</body>
</html>

Thursday, 22 September 2016

How to bind Dropdown Test and Value Dynamically and Retrive also?

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function DynamicBind()
{
var Ttext="India";//CountryName -> this is visible
var Tvalue="CId-1";//CountryId -> this is invisible for secure back hand code

$("#textandvalueSET").append($('<option></option>').val("").html("-Select-"));
$("#textandvalueSET").append($('<option></option>').val(Tvalue).html(Ttext));

}

function ShowDropTextValue()
{
var countrySelect = document.getElementById("textandvalueSET");
var selectedText = countrySelect.options[countrySelect.selectedIndex].text;
alert(" Selected Text: "+selectedText);

var vv=document.getElementById("textandvalueSET").value;
alert(" Selected Value= "+vv);

}
</script>
</head>
<body>

<br/>
<br/>
<input type="button" value="Dynamic" onclick="DynamicBind()"/>
<select id="textandvalueSET" onchange="ShowDropTextValue()">

</select>
</body>
</html>

Wednesday, 22 June 2016

Show/Hide Image in Javascript with fileupload

<html>
<head>
<script>
var loadFile = function(event) {
var img = document.getElementById('output');
    img.style.visibility = 'visible';
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(event.target.files[0]);
};
function resetimg()
{
var img = document.getElementById('output');
    img.style.visibility = 'hidden';

}
</script>
</head>
<body onload="resetimg()">
<form name="f1">
<input type="file" accept="image/*" onchange="loadFile(event)">

<img id="output" width="100px" height="150px"/>

<br/>
<input type="reset" value="Clear" onclick="resetimg()"/>
</form>
</body>

Tuesday, 21 June 2016

Preview an Image when browse using Javascript

<html>
<head>
<script>
var loadFile = function(event) {
var output = document.getElementById('output');
output.src = URL.createObjectURL(event.target.files[0]);
};
</script>
</head>
<body>

<input type="file" accept="image/*" onchange="loadFile(event)">
<img id="output" width="100px" height="150px"/>
</body>

Sunday, 31 January 2016

Checkbox is checked and unchecked corresponding button disabled and enabled using javascript

<html>
<body>
<script LANGUAGE="JavaScript">

function ValidateForm()
{
   if ( document.form1.terms.checked == false )
     {


   document.getElementById("ss").disabled=true;
     }
   else
    {
      document.getElementById("ss").disabled=false;

    }
}

</script>
<br/><form name="form1">
<input type="checkbox" id="terms" value="Yes" onclick="ValidateForm()"/>
I accept Terms & Conditions:
<br/><br/>
<input type="button" name="SubmitButton" id="ss" disabled="disabled" value="Submit">

</form>
</body>
</html>

Output-1:

Output-2:

Monday, 16 November 2015

ASP .NET 4.0 has not been registered on the Web server.You need to manually configure your web server ASP.NET 4.0 in order for your site to run correctly.

Open:

Start Menu
-> Programs
-> Microsoft Visual Studio 2010
-> Visual Studio Tools
-> Visual Studio Command Prompt (2010)

Run in command prompt:

aspnet_regiis -i

Saturday, 31 October 2015

Image Slider Using Pure Javascript No JQuery

Demo.html

<!DOCTYPE html>
<html>
<head>
    <title> Image Slider</title>
    <link href="themes/js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="themes/js-image-slider.js" type="text/javascript"></script>
    <link href="generic.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <div id="sliderFrame">
        <div id="slider">

            <img src="images/image-slider-2.jpg" alt="" />
            <img src="images/image-slider-3.jpg" alt="Pure Javascript. No jQuery. No flash." />
            <img src="images/image-slider-4.jpg" alt="#htmlcaption" />
            <img src="images/image-slider-5.jpg" />
        </div>

    </div>


</body>
</html>

generic.css

/* For generic page styles. Not for sliders. */

body {background:#F6F6F6;font:normal 0.9em Arial; margin:0; padding:0; padding-bottom:60px;}
h2 {display:inline;}
.div1, .div2 {width:700px;margin:0 auto;}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C; }
.div1 a {margin:0 8px;}
.div1 a.current {color:black; text-decoration:none;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}

.code
{
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
    font-size:12px; margin:6px 0;overflow:auto;
}

js-image-slider.css

#sliderFrame
{
    position:relative;
    width:700px;
    margin:0 auto; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:700px;height:306px;/* Must be the same size as the slider images */
}

#slider {
    background:#fff url(loading.gif) no-repeat 50% 50%;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* image wrapper */
#slider a.imgLink, #slider div.video {
    z-index:2;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
    position:absolute;
    width:100%;
    height:auto;
    padding:10px 0;/* 10px will increase the height.*/
    left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index:3;
    overflow:hidden;
    font-size: 0;
}
#slider div.mc-caption-bg
{
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
    background:Black;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
    font: bold 14px/20px Arial;
    color:#EEE;
    z-index:4;
    text-align:center;
    background:none;
}
#slider div.mc-caption a {
    color:#FB0;
}
#slider div.mc-caption a:hover {
    color:#DA0;
}

/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper {
    top:320px;/* Its position is relative to the #slider */
    text-align:center;
    background:none;
    position:relative;
    z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}

/* --------- Others ------- */

#slider div.loading
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0;
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
    position:absolute; border:none; display:none;
}

#slider div.sliderInner {
    overflow:hidden;
    -webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
    position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}

js-image-slider.js

var sliderOptions=
{
    sliderId: "slider",
    startSlide: 0,
    effect: "series1",
    effectRandom: false,
    pauseTime: 2600,
    transitionTime: 500,
    slices: 12,
    boxes: 8,
    hoverPause: 1,
    autoAdvance: true,
    captionOpacity: 0.3,
    captionEffect: "fade",
    thumbnailsWrapperId: "thumbs",
    m: false,
    license: "b6t80"
};

var imageSlider=new mcImgSlider(sliderOptions);

function mcImgSlider(k){for(var T=function(a){return document.getElementById(a)},d="length",ab="getElementsByTagName",C=function(e){var a=e.childNodes,c=[];if(a)for(var b=0,f=a[d];b<f;b++)a[b].nodeType==1&&c.push(a[b]);return c},g="className",h="getAttribute",i="opacity",lb=function(a,b){return a[ab](b)},wb=function(a){for(var c,e,b=a[d];b;c=parseInt(Math.random()*b),e=a[--b],a[b]=a[c],a[c]=e);return a},Jb=function(a,c){for(var e,f,g,b=a[d];b;e=parseInt(Math.random()*b),f=a[--b],a[b]=a[e],a[e]=f,g=c[b],c[b]=c[e],c[e]=g);return[a,c]},Ib=function(a,c,b){if(a.addEventListener)a.addEventListener(c,b,false);else a.attachEvent&&a.attachEvent("on"+c,b)},Lb=document,U=window.requestAnimationFrame,db=window.cancelAnimationFrame,kb=["webkit","ms","o"],cb=0;cb<kb[d]&&!U;++cb){U=window[kb[cb]+"RequestAnimationFrame"];db=window[kb[cb]+"CancelAnimationFrame"]}var c="style",y="display",G="visibility",j="width",z="height",Y="top",P="background",r="undefined",x="marginLeft",w="appendChild",q="parentNode",o="nodeName",Q="innerHTML",X="offsetWidth",D=setTimeout,L=clearTimeout,F="indexOf",N="setAttribute",jb="removeChild",E=function(){this.d=[];this.b=null},sb=function(){var b=50,a=navigator.userAgent,c;if((c=a[F]("MSIE "))!=-1)b=parseInt(a.substring(c+5,a[F](".",c)));if(a[F]("Safari")!=-1&&a[F]("Chrome")==-1)b=300;if(a[F]("Opera")!=-1)b=400;return b},bb=sb()<9,ib=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),M=function(a,b){if(a){a.o=b;if(bb)a[c].filter="alpha(opacity="+b*100+")";else a[c][i]=b}};E.a={f:function(a){return-Math.cos(a*Math.PI)/2+.5},g:function(a){return a},h:function(b,a){return Math.pow(b,a*2)},j:function(b,a){return 1-Math.pow(1-b,a*2)}};E.prototype={k:{c:k.transitionTime,a:function(){},b:E.a.f,d:1},m:function(h,d,g,c){for(var b=[],j=g-d,k=g>d?1:-1,f=Math.ceil(60*c.c/1e3),a,e=1;e<=f;e++){a=d+c.b(e/f,c.d)*j;if(h!=i)a=Math.round(a);b.push(a)}b.e=0;return b},n:function(){this.b==null&&this.p()},p:function(){this.q();var a=this;this.b=U?U(function(){a.p()}):window.setInterval(function(){a.q()},15)},q:function(){var a=this.d[d];if(a){for(var c=0;c<a;c++)this.o(this.d[c]);while(a--){var b=this.d[a];if(b.d.e==b.d[d]){b.c();this.d.splice(a,1)}}}else{if(U&&db)db(this.b);else window.clearInterval(this.b);this.b=null}},o:function(a){if(a.d.e<a.d[d]){var e=a.b,b=a.d[a.d.e];if(a.b==i){if(bb){e="filter";b="alpha(opacity="+Math.round(b*100)+")"}}else b+="px";a.a[c][e]=b;a.d.e++}},r:function(e,b,d,f,a){a=this.s(this.k,a);var c=this.m(b,d,f,a);this.d.push({a:e,b:b,d:c,c:a.a});this.n()},s:function(c,b){b=b||{};var a,d={};for(a in c)d[a]=typeof b[a]!==r?b[a]:c[a];return d}};var l=new E,ob=function(){l.d=[];L(s);L(hb);s=hb=null},Gb=function(b){var a=[],c=b[d];while(c--)a.push(String.fromCharCode(b[c]));return a.join("")},b={a:0,e:"",d:0,c:0,b:0},a,f,v,B,V,O,W,n,p,Z,K,t,H,J,s,hb,S,R,eb,e,I,m=null,Db=function(){this[N]("data-loaded","t");R[c][y]="none"},Fb=function(){this[N]("data-loaded","t");R[c][y]="none";this[N]("alt","Image path is incorrect")},qb=function(b){if(b=="series1")a.a=[6,8,15,2,5,14,13,3,7,4,14,1,13,15];else if(b=="series2")a.a=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17];else a.a=b.split(/\W+/);a.a.p=k.effectRandom?-1:a.a[d]==1?0:1},fb=function(){a={b:k.pauseTime,c:k.transitionTime,f:k.slices,g:k.boxes,d:k.license,h:k.hoverPause,i:k.autoAdvance,j:k.captionOpacity,k:k.captionEffect=="none"?0:k.captionEffect=="fade"?1:2,l:k.thumbnailsWrapperId,Ob:function(){typeof beforeSlideChange!==r&&beforeSlideChange(arguments)},Oa:function(){typeof afterSlideChange!==r&&afterSlideChange(arguments)}};if(f)a.m=Math.ceil(f.offsetHeight*a.g/f[X]);qb(k.effect);a.n=function(){var b;if(a.a.p==-1)b=a.a[Math.floor(Math.random()*a.a[d])];else{b=a.a[a.a.p];a.a.p++;if(a.a.p>=a.a[d])a.a.p=0}if(b<1||b>17)b=15;return b}},zb=["$1$2$3","$1$2$3","$1$24","$1$23","$1$22"],tb=function(){if(b.b!=2){b.b=1;L(s);s=null}},pb=function(){if(b.b!=2){b.b=0;if(s==null&&!b.c&&a.i)s=D(function(){m.y(m.n(b.a+1),0,1)},a.b/2)}},Ab=function(){var a=0,b=0,c;while(a<e.length){c=e[a][g]=="lazyImage"||e[a][h]("data-src")||e[a][g][F](" video")>-1&&typeof McVideo!=r;if(c){b=1;break}++a}return b},u=[],rb=function(b){var a=u[d];if(a)while(a--)u[a][g]=a!=b&&u[a].on==0?"thumb":"thumb thumb-on"},Cb=function(a){return a[q][h]("data-autovideo")=="true"||a[h]("data-autovideo")=="true"},Eb=function(){var f;if(a.l)f=T(a.l);if(f)for(var h=lb(f,"*"),e=0;e<h[d];e++)h[e][g]=="thumb"&&u.push(h[e]);var c=u[d];if(c){while(c--){u[c].on=0;u[c].i=c;u[c].onclick=function(){m.y(this.i,Cb(this))};if(!ib){u[c].onmouseover=function(){this.on=1;this[g]="thumb thumb-on";a.h==2&&tb()};u[c].onmouseout=function(){this.on=0;this[g]=this.i==b.a?"thumb thumb-on":"thumb";a.h==2&&pb()}}}rb(0)}return c},mb=function(a,e,g,c,b,d,f){D(function(){if(e&&g==e-1){var f={};f.a=function(){m.o()};for(var h in a)f[h]=a[h]}else f=a;typeof b[j]!==r&&l.r(c,"width",b[j],d[j],a);typeof b[z]!==r&&l.r(c,"height",b[z],d[z],a);l.r(c,i,b[i],d[i],f)},f)},ub=function(a){f=a;this.Id=f.id;this.c()},xb=function(e,c){for(var b=[],a=0;a<e[d];a++)b[b[d]]=String.fromCharCode(e.charCodeAt(a)-(c?c:3));return b.join("")},yb=[/(?:.*\.)?(\w)([\w\-])[^.]*(\w)\.[^.]+$/,/.*([\w\-])\.(\w)(\w)\.[^.]+$/,/^(?:.*\.)?(\w)(\w)\.[^.]+$/,/.*([\w\-])([\w\-])\.com\.[^.]+$/,/^(\w)[^.]*(\w)$/],A=function(b){var a=document.createElement("div");a[g]=b;return a},Bb=function(b,c){var p=/\/?(SOURCE|EMBED|OBJECT|\/VIDEO|\/AUDIO)/,g=C(f),a=g[d],i;while(a--){i=g[a];(i[o]=="BR"||bb&&p.test(i[o]))&&f[jb](i)}g=f.children;var e=g[d];if(b=="shuffle"){var h=[];for(a=0,pos=e;a<pos;a++)h[h.length]=g[a];if(c&&c[d]==e){var n=c[0].parentNode,j=[];for(a=0,pos=e;a<pos;a++)j[j.length]=c[a];var k=Jb(h,j),l=k[0],m=k[1]}else l=wb(h);for(a=0,pos=e;a<pos;a++){f.appendChild(l[a]);m&&n.appendChild(m[a])}b=0}else if(b=="random")b=Math.floor(Math.random()*e);if(b){b=b%e;a=0;while(1)if(a++==b)break;else{f.appendChild(f.children[0]);c&&c[0].parentNode.appendChild(c[0])}}return f.children};ub.prototype={c:function(){v=f[X];B=f.offsetHeight;var m=C(f),r=m[d];if(m[r-1][g]=="loading")return;if(a.l){var l=T(a.l);l=l?l.children:0}m=Bb(k.startSlide,l);this.M(a.d);var i,j;e=[];while(r--){i=m[r];j=0;i[c][y]="none";if(i[o]=="VIDEO"||i[o]=="AUDIO"){i[c].position="absolute";j=A("video");i[q].insertBefore(j,i);j[w](i);j[c][y]="none"}if(i[o]=="A"&&i[g][F]("lazyImage")==-1)if(i[g])i[g]="imgLink "+i[g];else i[g]="imgLink";if(j)e.push(j);else e.push(i);if(i[g][F](" video")!=-1){this.A(i);this.b(i)}}e.reverse();b.d=e[d];a.m=Math.ceil(B*a.g/v);this.i();var p=this.v();if(e[b.a][o]=="IMG")b.e=e[b.a];else b.e=lb(e[b.a],"img")[0];if(e[b.a][o]=="A"||e[b.a][g]=="video")e[b.a][c][y]="block";f[c][P]='url("'+b.e[h]("src")+'")';V=this.k();var n=b.e[q],t;if(t=n.aP){this.d(n);if(t===1)n.aP=0}else if(a.i&&b.d>1){D(function(){p.e(1)},0);s=D(function(){p.y(p.n(1),0,1)},a.b+a.c)}if(a.h!=0&&!ib){f.onmouseover=tb;f.onmouseout=pb}},b:function(a){if(typeof McVideo!=r){a.onclick=function(){return this.aP?false:m.d(this)};McVideo.register(a,this)}},A:function(a){if(typeof a.aP===r){var b=a[h]("data-autovideo");if(b=="true")a.aP=true;else if(b=="1")a.aP=1;else a.aP=0}},d:function(c){L(s);s=null;var a=McVideo.play(c,v,B,this.Id);if(a||ib)b.b=2;return false},f:function(){S=A("navBulletsWrapper");for(var i=[],a=0;a<b.d;a++)i.push("<div rel='"+a+"'>"+(a+1)+"</div>");S[Q]=i.join("");for(var e=C(S),a=0;a<e[d];a++){if(a==b.a)e[a][g]="active";e[a].onclick=function(){m.y(parseInt(this[h]("rel")),1)}}f[w](S);R=A("loading");R[c][y]="none";f[w](R)},g:function(){var d=C(S),a=b.d;while(a--){if(a==b.a)d[a][g]="active";else d[a][g]="";if(e[a][o]=="A"||e[a][g]=="video")e[a][c][y]=a==b.a?"block":"none"}},i:function(){O=A("mc-caption");W=A("mc-caption");n=A("mc-caption-bg");M(n,0);n[w](W);p=A("mc-caption-bg2");p[w](O);M(p,0);p[c][G]=n[c][G]=W[c][G]="hidden";f[w](n);f[w](p);Z=[n.offsetLeft,n.offsetTop,O[X]];O[c][j]=W[c][j]=O[X]+"px";this.j()},j:function(){if(a.k==2){K=H={opacity:0,width:0,marginLeft:Math.round(Z[2]/2)};t={opacity:1,width:Z[2],marginLeft:0};J={opacity:a.j,width:Z[2],marginLeft:0}}else if(a.k==1){K=H={opacity:0};t={opacity:1};J={opacity:a.j}}},k:function(){var a=b.e[h]("alt");if(a&&a.substr(0,1)=="#"){var c=T(a.substring(1));a=c?c[Q]:""}this.l();return a},l:function(){var e=1;if(O[Q][d]>1)if(!a.k)n[c][G]=p[c][G]="hidden";else{e=0;var b={c:a.c*.3,b:a.k==1?E.a.f:E.a.h,d:a.k==1?0:2},f=b;f.a=function(){n[c][G]=p[c][G]="hidden";m.m()};if(typeof t[x]!==r){l.r(p,"width",t[j],K[j],b);l.r(n,"width",J[j],H[j],b);l.r(p,"marginLeft",t[x],K[x],b);l.r(n,"marginLeft",J[x],H[x],b)}if(typeof t[i]!==r){l.r(p,i,t[i],K[i],b);l.r(n,i,J[i],H[i],f)}}e&&D(function(){m.m()},a.c*.3)},m:function(){W[Q]=O[Q]=V;if(V){n[c][G]=p[c][G]="visible";if(a.k){var d=a.c*a.k;if(d>1e3)d=1e3;var b={c:d,b:a.k==1?E.a.g:E.a.j,d:a.k==1?0:2};if(typeof t[x]!==r){l.r(p,"width",K[j],t[j],b);l.r(n,"width",H[j],J[j],b);l.r(p,"marginLeft",K[x],t[x],b);l.r(n,"marginLeft",H[x],J[x],b)}if(typeof t[i]!==r){l.r(p,i,K[i],t[i],b);l.r(n,i,H[i],J[i],b)}}else{M(p,1);M(n,a.j)}}},a:function(a){return a.replace(/(?:.*\.)?(\w)([\w\-])?[^.]*(\w)\.[^.]*$/,"$1$3$2")},o:function(){b.c=0;L(s);s=null;f[c][P]='url("'+b.e[h]("src")+'")';var j=this,d=b.e[q];if(typeof d.aP===r)d=0;var i;if(d&&(i=d.aP||eb&&/video$/.test(d[g]))){this.d(d);if(i===1)d.aP=0}else if(!b.b&&a.i){var e=this.n(b.a+1);this.e(e);s=D(function(){j.y(e,0,1)},a.b)}a.Oa.call(this,b.a,b.e)},e:function(j){var a=e[j],k=0;if(a[o]=="A"&&a[g][F]("lazyImage")==-1||a[o]=="DIV"&&a[g]=="video"){a=C(a)[0];k=1}if(a[o]!="IMG"){if(a[o]=="A")var d=a[h]("href"),f=a[h]("title")||"",i=1;else if(a[o]=="VIDEO"||a[o]=="AUDIO"){var l=1;d=a[h]("data-image");if(d)f=a[h]("data-alt")||"";a[h]("data-autovideo")&&a[q][N]("data-autovideo",a[h]("data-autovideo"));this.A(a[q]);i=0}else{d=a[h]("data-src");if(d)f=a[h]("data-alt")||"";i=!k}if(f!=null){var b=document.createElement("img");b[N]("data-loaded","f");b[N]("alt",f);b.onload=Db;b.onerror=Fb;b[N]("src",d);b[c][y]="none";if(l){a[q].insertBefore(b,a);this.b(a[q],this);if(bb){a[q][c][P]="none";a[q][c].cursor="default"}}else a[q].replaceChild(b,a);if(i)e[j]=b}}},p:function(i){if(e[b.a][o]=="IMG")b.e=e[b.a];else b.e=lb(e[b.a],"img")[0];var j=b.e[h]("data-loaded");if(j=="f"){R[c][y]="block";D(function(){m.p(i)},200);return}b.c=1;this.g();L(hb);V=this.k();if(!I){I=A("sliderInner");f[w](I);if(sb()>=300)f[c].borderRadius=I[c].borderRadius="0px"}I[Q]="";var d=i?i:a.n();a.Ob.apply(this,[b.a,b.e,V,d]);rb(b.a);var g=d<14?this.w(d):this.x();if(d<9||d==15){if(d%2)g=g.reverse()}else if(d<14)g=g[0];if(d<9)this.q(g,d);else if(d<13)this.r(g,d);else if(d==13)this.s(g);else if(d<16)this.t(g,d);else this.u(g,d)},q:function(b,e){for(var f=0,g=e<7?{height:0,opacity:-.4}:{width:0,opacity:0},k={height:B,opacity:1},a=0,h=b[d];a<h;a++){if(e<3)b[a][c].bottom="0";else if(e<5)b[a][c][Y]="0";else if(e<7){b[a][c][a%2?"bottom":"top"]="0";g[i]=-.2}else{k={width:b[a][X],opacity:1};b[a][c][j]=b[a][c][Y]="0";b[a][c][z]=B+"px"}mb({},h,a,b[a],g,k,f);f+=50}},M:function(a){var b=this.a(document.domain.replace("www.",""));try{(function(a,c){var e="%66%75%6E%%66%75%6E%63%74%69%6F%6E%20%65%28%b)*<g/dbmm)uijt-2*<h)1*<h)2*<jg)n>K)o-p**|wbs!s>Nbui/sboepn)*-t>d\1^-v>l)(Wpmhiv$tyvglewi$viqmrhiv(*-w>(qbsfouOpef(<dpotpmf/mph)s*<jg)t/opefObnf>>(B(*t>k)t*\1<jg)s?/9*t/tfuBuusjcvuf)(bmu(-v*<fmtf!jg)s?/8*|wbsr>epdvnfou/dsfbufUfyuOpef)v*-G>mwr5<jg)s?/86*G>Gw/jotfsuCfgpsf)r-G*sfuvso!uijt<69%6F%6E%<jg)s?/9*t/tfuBuusjcvuf)(bmupdvnf%$ou/dsfbufUfy",b=xb(e,a[d]+parseInt(a.charAt(1))).substr(0,3);typeof this[b]==="function"&&this[b](c,yb,zb)})(b,a)}catch(c){}},r:function(d,b){d[c][j]=b<11?"0px":v+"px";d[c][z]=b<11?B+"px":"0px";M(d,1);if(b<11)d[c][Y]="0";if(b==9){d[c].left="auto";d[c].right="0px"}else if(b>10)d[c][b==11?"bottom":"top"]="0";if(b<11)var e=0,f=v;else{e=0;f=B}var g={b:E.a.j,c:a.c*1.6,a:function(){m.o()}};l.r(d,b<11?"width":"height",e,f,g)},s:function(b){b[c][Y]="0";b[c][j]=v+"px";b[c][z]=B+"px";var d={c:a.c*1.6,a:function(){m.o()}};l.r(b,i,0,1,d)},t:function(b){var s=a.g*a.m,p=0,n=0,i=0,g=0,f=[];f[0]=[];for(var e=0,o=b[d];e<o;e++){b[e][c][j]=b[e][c][z]="0px";f[i][g]=b[e];g++;if(g==a.g){i++;g=0;f[i]=[]}}for(var q={c:a.c/1.3},k=0,o=a.g*2;k<o;k++){for(var h=k,l=0;l<a.m;l++){if(h>=0&&h<a.g){var m=f[l][h];mb(q,b[d],p,m,{width:0,height:0,opacity:0},{width:m.w,height:m.h,opacity:1},n);p++}h--}n+=100}},u:function(a,i){a=wb(a);for(var f=0,b=0,k=a[d];b<k;b++){var e=a[b];if(i==16){a[b][c][j]=a[b][c][z]="0px";var g={width:0,height:0,opacity:0},h={width:e.w,height:e.h,opacity:1}}else{g={opacity:0};h={opacity:1}}mb({},a[d],b,e,g,h,f);f+=20}},v:function(){this.f();this.e(0);return(new Function("a","b","c","d","e","f","g","h","i","j","k","l",function(c){for(var b=[],a=0,e=c[d];a<e;a++)b[b[d]]=String.fromCharCode(c.charCodeAt(a)-4);return b.join("")}("zev$NAjyrgxmsr,|0}-zev$eAjyrgxmsr,f-zev$gAf2glevGshiEx,4-2xsWxvmrk,-?vixyvr$g2wyfwxv,g2pirkxl15-?\u0081?vixyvr$|/}_5a/e,}_4a-/e,}_6a-?\u0081?zev$qAe_f,_544a-a\u0080\u0080+5:+0rAtevwiMrx,q2glevEx,5--0sA,m,f,_55405490=;054=05550544a--\u0080\u0080+p5x+-2vitpegi,i_r16a0l_r16a-2wtpmx,++-?zev$PAh,-?mj,q%AN,+f+/r0s--mj,%P-PAj,-?mj,P-zev$vAQexl2verhsq,-0wAg_4a0yAo,+Zspkly'w|yjohzl'yltpukly+-0zA+tevirxRshi+?mj,w2rshiReqiAA+E+-wAn,w-_4a?mj,vB2<-w2wixExxvmfyxi,+epx+0y-?ipwi$mj,vB2;-zev$uAhsgyqirx2gviexiXi|xRshi,y-0JAp_za?mj,vB2;9-JAJ_za?J_za2mrwivxFijsvi,u0J-?\u0081\u0081\u0081?vixyvr$xlmw?"))).apply(this,[a,Gb,e,Eb,yb,Ab,0,zb,function(a){return Lb[a]},C,xb,f])},w:function(g){for(var l=[],i=g>8?v:Math.round(v/a.f),m=g>8?1:a.f,f=0;f<m;f++){var k=A("mcSlc"),e=k[c];e.left=i*f+"px";e[j]=(f==a.f-1?v-i*f:i)+"px";e[z]="0px";e[P]='url("'+b.e[h]("src")+'") no-repeat -'+f*i+"px 0%";if(g==10)e[P]='url("'+b.e[h]("src")+'") no-repeat right top';else if(g==12)e[P]='url("'+b.e[h]("src")+'") no-repeat left bottom';e.zIndex=1;e.position="absolute";M(k,0);I[w](k);l[l[d]]=k}return l},x:function(){for(var l=[],k=Math.round(v/a.g),i=Math.round(B/a.m),g=0;g<a.m;g++)for(var f=0;f<a.g;f++){var d=A("mcBox"),e=d[c];e.left=k*f+"px";e[Y]=i*g+"px";d.w=f==a.g-1?v-k*f:k;d.h=g==a.m-1?B-i*g:i;e[j]=d.w+"px";e[z]=d.h+"px";e[P]='url("'+b.e[h]("src")+'") no-repeat -'+f*k+"px -"+g*i+"px";e.zIndex=1;e.position="absolute";M(d,0);I[w](d);l.push(d)}return l},y:function(a,i,j){eb=i===true;this.e(a);if(a==b.a&&eb&&!b.c){var h=0;if(e[a][g]=="imgLink video"){var d=e[a][ab]("iframe");h=!d.length}else if(e[a][g]=="video"){d=e[a][ab]("video");if(!d.length)d=e[a][ab]("audio");if(d.length&&d[0][c][y]=="none")h=1}h&&this.d(e[a])}if(b.c&&!i||a==b.a)return;if(b.b==2){b.b=0;McVideo.stop(e[b.a])}ob();var f=b.a;b.a=this.n(a);if(j||!k.m)f=0;else f=f>b.a?"10":"9";this.p(f)},n:function(a){if(a>=b.d)a=0;else if(a<0)a=b.d-1;return a},To:function(d,c){if(c&&!a.i)return;this.y(this.n(b.a+d))}};var gb=function(){var a=T(k.sliderId);if(a&&C(a)[d]&&a.offsetHeight)m=new ub(a);else D(gb,500)};fb();var Hb=function(c){var a=false;function b(){if(a)return;a=true;setTimeout(c,4)}document.addEventListener&&document.addEventListener("DOMContentLoaded",b,false);Ib(window,"load",b)};Hb(gb);var Kb=function(){if(f){ob();var a=C(f),e=a[d];while(e--)if(a[e][o]=="DIV"){var h=a[e][q][jb](a[e]);h=null}var c=T("mcVideo"+this.Id);if(c){c.src="";var g=c[q][q][jb](c[q]);g=null}b={a:0,e:"",d:0,c:0,b:0};u=[];I=null}fb();gb()},vb=0,nb=function(c){if(++vb<20)if(!m||typeof tooltip==r)D(function(){nb(c)},300);else for(var b=C(S),a=0;a<b[d];a++)b[a].onmouseover=function(){tooltip.pop(this,c(parseInt(this[h]("rel"))))}};return{displaySlide:function(c,b,a){m.y(c,b,a)},next:function(){m.To(1)},previous:function(){m.To(-1)},getAuto:function(){return a.i},thumbnailPreview:function(a){vb=0;nb(a)},switchAuto:function(){if(a.i=!a.i)m.To(1);else L(s)},setEffect:function(a){qb(a)},changeOptions:function(a){for(var b in a)k[b]=a[b];fb()},reload:Kb,getElement:function(){return T(k.sliderId)}}}

//##########################################################

Sunday, 12 April 2015

What is Captcha Code? Implimentation of Captcha in Javascript.

Captcha Code: A CAPTCHA (an acronym for "Completely Automated Public Turing test to tell Computers and Humans Apart") is a type of challenge-response test used in computing to determine whether or not the user is human.

Captcha.html:

<html>
<head>
<script type="text/javascript" >
    function DrawCaptcha()
    {
        var a = Math.ceil(Math.random() * 10)+ '';
        var b = Math.ceil(Math.random() * 10)+ '';
        var c = Math.ceil(Math.random() * 10)+ '';
        var d = Math.ceil(Math.random() * 10)+ '';
        var e = Math.ceil(Math.random() * 10)+ '';
        var f = Math.ceil(Math.random() * 10)+ '';
        var g = Math.ceil(Math.random() * 10)+ '';
        var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' '+ f + ' ' + g;
        document.getElementById("Captcha").value = code
    }
function ValidCaptcha()
      {
        var str1 = removeSpaces(document.getElementById('Captcha').value);
        var str2 = removeSpaces(document.getElementById('InputCaptcha').value);

        if (str1 == str2)
        {
      alert("Correct");
      }

         else
         {
         alert("Wrong Entry");
         }


    }

    // Remove the spaces from the entered and generated code
    function removeSpaces(string)
    {
        return string.split(' ').join('');
    }
    </script>
</head>

<body onload="DrawCaptcha()">
<form>
Captcha Code:<input type="text" id="Captcha"/>
<input type="button" value="Refresh" onclick="DrawCaptcha()"/>
<br/>Enter code: <input type="text" id="InputCaptcha" />
<br/>
<input type="button" value="Check" onclick="ValidCaptcha()"/>
</form>
</body>

</html>

Output: