{"id":70147,"date":"2021-08-27T04:10:08","date_gmt":"2021-08-27T08:10:08","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/recent-posts\/random-notes-on-javascript-html-13\/"},"modified":"2021-08-27T04:10:08","modified_gmt":"2021-08-27T08:10:08","slug":"random-notes-on-javascript-html-13","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=70147","title":{"rendered":"Random Notes on JavaScript\/HTML #13"},"content":{"rendered":"

This short-note will make sense, only if you already have some javascript sense. It can be used – just to refresh memory, once in a while. My JavaScript Experience? started on 2000, conducted a JavaScript Training Session on 2001, wrote a book for a training institute on JavaScript on 2001, using javascript always from that time – for this and that (personal and\/or commercial, at home\/work). Am I an expert? That’s an interesting question – “I am an expert” is a ridiculous statement to me (also in my culture to some extent), However, I can say – whatever I wanted to do or I was required to do in JavaScript – I could do – without much\/any trouble, and without hanging in the forums for weeks waiting for someone else to reply to my silly questions. I also believe, whatever I will require to do in JavaScript, I will be able to do without any\/much trouble.<\/p>\n

    \n
  1. How to embed applet in javascript code:\n
    <\/pre>\n
    Parameter values are passed to the applet<\/li>\n
  2.  Possible attributes of applet tag: code, archive, name, height, width, mayscript<\/li>\n
  3.  Custom applet parameters are sent by using param tag<\/li>\n
  4.  You can use JSObject to pass information from Applet to javascript\n
    Java Side:JSObject jso = JSObject.getWindow(this);jso.eval(\"slider(\" + jCSlider1.getValue() + \")\");JavaScript Side:function slider(theSetting) {document.theForm.txtSetting.value = theSetting;}<\/pre>\n<\/li>\n
  5.  Linking to shockwave files:\n
    http:\/\/value1.dcr<\/a><\/pre>\n<\/li>\n
  6.  Linking to activex objects\/controls:\n
    ActiveXcontrol.property=\"value\";<\/pre>\n
    ActiveXcontrol.property=”value”; is to access activex objects’ properties<\/li>\n
  7.  Communicating with Java Server Pages:\n
    <\/pre>\n<\/li>\n
  8.  Difference Between CSS visibility and display Attributes: When visibility is false, the area is replaced with white spaces. When display attribute is false, the block is completely removed [no white space occulies the area]<\/li>\n
  9.  Within javascript, you can also use CSS properties. The syntax: document.elementname.style.propertyname\n
    Example:document.element1.style.visibility = 'hidden';<\/pre>\n<\/li>\n
  10.  Javascrip and CSS property mapping:
    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    CSS Property<\/th>\nJavaScript Reference<\/th>\n<\/tr>\n
    background<\/span><\/td>\nbackground<\/span><\/td>\n<\/tr>\n
    background-color<\/span><\/td>\nbackgroundColor<\/span><\/td>\n<\/tr>\n
    background-image<\/span><\/td>\nbackgroundImage<\/span><\/td>\n<\/tr>\n
    border<\/span><\/td>\nborder<\/span><\/td>\n<\/tr>\n
    border-color<\/span><\/td>\nborderColor<\/span><\/td>\n<\/tr>\n
    border-style<\/span><\/td>\nborderStyle<\/span><\/td>\n<\/tr>\n
    color<\/span><\/td>\ncolor<\/span><\/td>\n<\/tr>\n
    display<\/span><\/td>\ndisplay<\/span><\/td>\n<\/tr>\n
    font<\/span><\/td>\nfont<\/span><\/td>\n<\/tr>\n
    font-family<\/span><\/td>\nfontFamily<\/span><\/td>\n<\/tr>\n
    font-size<\/span><\/td>\nfontSize<\/span><\/td>\n<\/tr>\n
    margin<\/span><\/td>\nmargin<\/span><\/td>\n<\/tr>\n
    margin-bottom<\/span><\/td>\nmarginBottom<\/span><\/td>\n<\/tr>\n
    margin-left<\/span><\/td>\nmarginLeft<\/span><\/td>\n<\/tr>\n
    margin-right<\/span><\/td>\nmarginRight<\/span><\/td>\n<\/tr>\n
    margin-top<\/span><\/td>\nmarginTop<\/span><\/td>\n<\/tr>\n
    vertical-align<\/span><\/td>\nverticalAlign<\/span><\/td>\n<\/tr>\n
    visibility<\/span><\/td>\nvisibility<\/span><\/td>\n<\/tr>\n
    <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n
  11.  Change element appearance dynamically: 
    document.getElementById(“element id”).style.visibility = “property”;<\/li>\n
  12.  Change the background color of an element: 
    document.getElementById(“element id”).style.background = color;<\/li>\n
  13.  Element content manipulation: \n
    sometext<\/p>document.getElementById(\"para1\").innerText = \"newtext\";document.getElementById(\"para1\").innerText = \"newtext<\/b>\";document.getElementById(\"para1\").innerHTML = \"newtext<\/b>\";<\/pre>\n<\/li>\n
  14.  Validating Forms in JavaScript using Custom objects: I think, an example will make sense\n
       &ltSCRIPT language=\"JavaScript\"> var frmvalidator  = new Validator(\"myform\"); frmvalidator.addValidation(\"FirstName\",\"alpha\");  frmvalidator.addValidation(\"FirstName\",\"alpha\"); frmvalidator.addValidation(\"FirstName\",\"req\",\"Please enter your First Name\"); frmvalidator.addValidation(\"FirstName\",\"maxlen=20\",\"Max length for FirstName is 20\");<\/pre>\n<\/li>\n
  15.  Create temporary cookie:\n
    document.cookie = \"myCookie=gingerbread\";cookieValue = escape(\"A B, C D\");document.cookie = \"myCookie=\" + cookieValue;expDate = \"Wed, 3 Mar 2000 14:41:00 UTC\";document.cookie = \"myCookie=sugardrop;\" + \"expires=\" + expDate;<\/pre>\n<\/li>\n
  16.  To access all cookies in a loop: Get the cookie using var cookieString = document.cookie;, then split the cookiestring using split function at “;” like var cookieArray = cookiestring.split(“;”); Then you can use a loop to traverse the array and retrieve cookie name and value<\/li>\n
  17.  Deleting cookies:\n
    function del_cookie(name) {  document.cookie = name + '=; expires=Thu, 01-Jan-70 00:00:01 GMT;';} <\/pre>\n<\/li>\n
  18.  Javascript Array Examples:\n
    thisArray = new Array();thisArray.Contents = \"Alphabet\";thisArray[0] = \"A\";thisArray[1] = \"B\";thisArray[2] = \"C\";-----garden[\"North Patch\"] = \"vegetables\";garden[\"South Patch\"] = \"herbs\";garden[\"West Border\"] = \"perennial flowers\";-------processors = new Array(\"AMD\",\"Intel\",\"Cyrix\",\"Motorola\");
  19.  Delete an array element: 
    delete anArray[2];  it does not change the length of the array but anArray[2] will have no value and undefined<\/li>
  20.  Destroy an array:anArray.length = 0;anArray = null;<\/li><\/pre>\n<\/li>\n
  21.   Other Javascript articles What you really need to learn in Javascript?<\/a>\n
     How to implement multiple tab webpages in Ajax and Javascript<\/a> <\/p>\n
     Handling Checkbox arrays with Javascript::GetElementsByName:XHTML supported<\/a> <\/p>\n
     Javascript by Example<\/a> <\/p>\n
     Javascript – Form validation<\/a> <\/p>\n
     JavaScript – Miscellaneous Validations<\/a> <\/p>\n
     Javascript Codes<\/a> <\/p>\n
     JavaScript Frameworks<\/a> <\/p>\n
     GWT: Google Web Toolkit<\/a> <\/p>\n
     JavaScript: Pass by Value: Pass by Reference<\/a> <\/p>\n
     Random Notes on JavaScript\/HTML<\/a> <\/p>\n
     Random Notes on JavaScript\/HTML<\/a> <\/p>\n
      JQuery<\/a><\/h3>\n
     <\/p>\n
     Introduction to JQuery<\/a> <\/p>\n
     JavaScript DOM: Must knowledge to understand Ajax<\/a> <\/p>\n
     Ajax: An Overview<\/a> <\/p>\n<\/li>\n<\/ol>\n
     From: http:\/\/sitestree.com\/?p=5208
     Categories:13
    Tags:
     Post Data:2009-03-19 21:26:36<\/p>\n
        Shop Online: <a href='https:\/\/www.ShopForSoul.com\/' target='new' rel=\"noopener\">https:\/\/www.ShopForSoul.com\/<\/a>\n    (Big Data, Cloud, Security, Machine Learning): Courses: <a href='http:\/\/Training.SitesTree.com' target='new' rel=\"noopener\"> http:\/\/Training.SitesTree.com<\/a> \n    In Bengali: <a href='http:\/\/Bangla.SaLearningSchool.com' target='new' rel=\"noopener\">http:\/\/Bangla.SaLearningSchool.com<\/a>\n    <a href='http:\/\/SitesTree.com' target='new' rel=\"noopener\">http:\/\/SitesTree.com<\/a>\n    8112223 Canada Inc.\/JustEtc: <a href='http:\/\/JustEtc.net' target='new' rel=\"noopener\">http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) <\/a>\n    Shop Online: <a href='https:\/\/www.ShopForSoul.com'> https:\/\/www.ShopForSoul.com\/<\/a>\n    Medium: <a href='https:\/\/medium.com\/@SayedAhmedCanada' target='new' rel=\"noopener\"> https:\/\/medium.com\/@SayedAhmedCanada <\/a>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
    This short-note will make sense, only if you already have some javascript sense. It can be used – just to refresh memory, once in a while. My JavaScript Experience? started on 2000, conducted a JavaScript Training Session on 2001, wrote a book for a training institute on JavaScript on 2001, using javascript always from that … <\/p>\n
    Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1917],"tags":[],"class_list":["post-70147","post","type-post","status-publish","format-standard","hentry","category-fromsitestree-com","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":70151,"url":"http:\/\/bangla.sitestree.com\/?p=70151","url_meta":{"origin":70147,"position":0},"title":"JavaScript Short-notes: #13","author":"Author-Check- Article-or-Video","date":"August 27, 2021","format":false,"excerpt":"Ajax: An OverviewHandling Checkbox arrays with Javascript::GetElementsByName:XHTML supportedHow to implement multiple tab webpages in Ajax and JavascriptJavascript - Form validationJavaScript - Miscellaneous ValidationsJavascript by ExampleJavascript CodesJavaScript DOM: Must knowledge to understand AjaxJavaScript FrameworksJavaScript Miscellaneous TopicsJavaScript: Pass by Value: Pass by ReferenceRandom Notes on JavaScript\/HTMLWeb page design standardsWhat you really need\u2026","rel":"","context":"In "FromSitesTree.com"","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":65784,"url":"http:\/\/bangla.sitestree.com\/?p=65784","url_meta":{"origin":70147,"position":1},"title":"Some JavaScript stuff that you need to know #JavaScript","author":"Author-Check- Article-or-Video","date":"July 14, 2021","format":false,"excerpt":"What you really need to learn in Javascript? 1. Where you can place JavaScript codes? Anywhere in the web-pages, ideally in the header section, or in an external file. If you keep javascript codes in an external file, the codes will be re-usable from different web-pages 2. Some basic programming:\u2026","rel":"","context":"In "FromSitesTree.com"","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":26497,"url":"http:\/\/bangla.sitestree.com\/?p=26497","url_meta":{"origin":70147,"position":2},"title":"Javascript : Miscellaneous Code #Programming Code Examples #Javascript #JavaScript","author":"Author-Check- Article-or-Video","date":"April 26, 2021","format":false,"excerpt":"var browser=navigator.appName; var b_version=navigator.appVersion; Note: Brought from our old site: http:\/\/www.salearningschool.com\/example_codes\/ on Jan 2nd, 2017 From: http:\/\/sitestree.com\/?p=10180 Categories:Programming Code Examples, Javascript, JavaScriptTags:JavascriptJavaScript Post Data:2017-01-02 16:04:23 Shop Online: https:\/\/www.ShopForSoul.com\/ (Big Data, Cloud, Security, Machine Learning): Courses: http:\/\/Training.SitesTree.com In Bengali: http:\/\/Bangla.SaLearningSchool.com http:\/\/SitesTree.com 8112223 Canada Inc.\/JustEtc: http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) Shop Online: https:\/\/www.ShopForSoul.com\/ Medium:\u2026","rel":"","context":"In "FromSitesTree.com"","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":65808,"url":"http:\/\/bangla.sitestree.com\/?p=65808","url_meta":{"origin":70147,"position":3},"title":"JavaScript Frameworks #JavaScript","author":"Author-Check- Article-or-Video","date":"July 15, 2021","format":false,"excerpt":"The following web-resources discuss some JavaScript Frameworks. Comparisons among the frameworks can also be found. Discussion on the best JavaScript Framework Google Web Toolkit (GWT) DOJO: Home Page JQuery Dojo in Wikipedia Comparison of JavaScript frameworks A Book on DOJO Install DOJO DOJO Hello World Application From: http:\/\/sitestree.com\/?p=3481 Categories:JavaScriptTags: Post\u2026","rel":"","context":"In "FromSitesTree.com"","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6797,"url":"http:\/\/bangla.sitestree.com\/?p=6797","url_meta":{"origin":70147,"position":4},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f (HTML Scripts)","author":"Author-Check- Article-or-Video","date":"April 6, 2015","format":false,"excerpt":"\u09a8\u09be\u09ae-\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Job category-Php Coder \u00a0 Javascript \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09aa\u09c7\u099c \u0995\u09c7 \u0985\u09a8\u09c7\u0995 \u0997\u09a4\u09bf\u09b6\u09c0\u09b2 \u098f\u09ac\u0982 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u200c\u09cd\u09af\u09be\u0995\u09cd\u099f\u09bf\u09ad \u0995\u09b0\u09c7 \u09a4\u09c1\u09b2\u09c7\u0964 \u00a0 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2