This article explainis the basic steps for impplementing your own javascript class and use it in a page.
First, you need to write a script that describes the class. This example simply provides a class that verifies the length of a word to see if it has enough length to be used as a password. The file name is PasswordStrengthComponent.js<\/p>\n
\/* When working with JavaScript files in the code editor, you can add a reference to the Microsoft AJAX Library. This will ensure that your coding includes IntelliSense for the library. This is similar to the using statement in C# and the Imports statement in Visual Basic. You embed this reference in a comment at the top of your .js file. The following shows an example. <asp:ScriptManager ID=”ScriptManager1″ runat=”server”> This article explainis the basic steps for impplementing your own javascript class and use it in a page.First, you need to write a script that describes the class. This example simply provides a class that verifies the length of a word to see if it has enough length to be used as a password. The … Continue reading “Implementing Custom Classes for Microsoft AJAX Library (Part 1)”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[32,31,18],"tags":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"Pouya Panahy","author_link":"http:\/\/panahy.nl\/index.php\/author\/pouya\/"},"uagb_comment_info":0,"uagb_excerpt":"This article explainis the basic steps for impplementing your own javascript class and use it in a page.First, you need to write a script that describes the class. This example simply provides a class that verifies the length of a word to see if it has enough length to be used as a password. The…","_links":{"self":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts\/38"}],"collection":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":0,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts\/38\/revisions"}],"wp:attachment":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/categories?post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/tags?post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
*\/
\/\/\/ <reference name=”MicrosoftAjax.js”><\/reference><\/span>
\/\/ register your namespace
Type.registerNamespace<\/strong>(“Panahy.Ajax”);<\/span>
\/\/create constructor
Panahy.Ajax.PasswordStrengthComponent = function () {
Panahy.Ajax.PasswordStrengthComponent.initializeBase<\/strong>(this);
}<\/span>
\/\/define class
Panahy.Ajax.PasswordStrengthComponent.prototype<\/strong> = {
initialize<\/strong>: function () {
\/\/add custom initialization here
Panahy.Ajax.PasswordStrengthComponent.callBaseMethod(this, ‘initialize’);
},<\/span>
passwordStrengthClass: function (password) {
var strPass = new String(password.toString());
if (strPass.length < 5) {
return “Weak”;
}
else if (strPass.length < 8) {
return “Medium”;
} else {
return “Strong”;
}
},<\/span>
dispose<\/strong>: function () {
\/\/add custom dispose actions here
Panahy.Ajax.PasswordStrengthComponent.callBaseMethod(this, ‘dispose’);
}
}<\/span>
\/\/register class as a Sys.Component
Panahy.Ajax.PasswordStrengthComponent.registerClass<\/strong>(
‘Panahy.Ajax.PasswordStrengthComponent’, Sys.Component);<\/span>
\/\/notify script loaded
if (typeof (Sys) !== ‘undefined’) Sys.Application.notifyScriptLoaded();<\/span>
Next, you reference this script file in your page within the ScriptManager:<\/p>\n
<Scripts>
<asp:ScriptReference Path=”Scripts\/PasswordStrengthComponent.js<\/strong>” \/>
<\/Scripts>
<\/asp:ScriptManager>
<\/span>
From this point the script is available and can be used in thepage as in the following example:
<script language=”javascript” type=”text\/javascript”><\/span>
function _OnKeypress<\/strong>() {
var checker = new Panahy.Ajax.PasswordStrengthComponent();
var pass = document.getElementById(“MainContent_TextBoxPassword”).value;
var strength = checker.passwordStrengthClass(pass);
document.getElementById(
“MainContent_TextBoxPassword”).setAttribute(“class”, strength);
}
<\/span><\/script><\/span>
<asp:TextBox ID=”TextBoxPassword” runat=”server”
TextMode=”Password” Width=”200″ onkeyup=”_OnKeypress<\/strong>()” CssClass=”Empty”><\/asp:TextBox><\/span>
<\/span>
Next part<\/a> will take this subject one step forward.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"