0) Javascript journal

31-May-19

Javascript journal

1) Polymer

25-Jul-17

Polymer

2) Web Components

25-Jul-17

Web Components

3) React

23-Jul-17

React

4) Understanding cookies

3-Jul-17

Revisit Understanding Cookies

Javascript try, catch, and console

6) working with Curl

24-Jun-17

working with Curl

Whats up with new UX components: 2017

Consider this


function Pair(inMin, inMax)
{
    this.min = inMin;
    this.max = inMax;
}

Which would let me use


var somepair = new Pair(5,10);
somepair.min => 5
somepair.max => 10

See this function now


function getTotalScaledScorePair()
{
    var rpair = getReadingScaledScorePair();
    var wpair = getWritingScaledScorePair();
    var mpair = getMathScaledScorePair();
    
    var tmin = rpair.min + wpair.min + mpair.min;
    var tmax = rpair.max + wpair.max + mpair.max;
    return new Pair(tmin, tmax);
}

Working with radio buttons

10) Web Security Constraints

11-Jun-14

Web Security Constraints

1. How to trim a string
2. How to use arrays
3. How to split a string
4. Uses an aspire function called getSelectedCheckBoxValues

13) submitting http forms

16-May-14

submitting http forms

For mere mortals or the occasional or reluctant practitioner of Javascript this page documents some common errors. Needless to admit that I made all of them! More than once!

http://www.kingsley-hughes.com/tech/script/javascript/esc.asp

Some times when server side needs to write out a string variable that initializes a javascript string it is important to know how to escape strings.

The usual html escape and unescape are either too heavy handed and require probably special handling.

A good approach may be just use the back slashes to skip the quote double or single quotes.

Scoping of variables in Javascript

How to construct a local file url for chrome?

18) javascript and href

14-Oct-12

javascript and href

19) Sample javascript code

12-Oct-12

Description to be entered

line1 character1 invalid: a javascript error

Creating a function object from its string name

How do you implement inheritance in javascript?

whats up with coffee script?

inner function in javascript

25) log-in patterns

4-Oct-12

log-in patterns

27) What is HAML?

12-Jun-12

What is HAML?

javascript function index of any one character from a string?

Tokenizing strings in javascript

30) Nature of Javascript

28-Apr-12

Nature of Javascript


<html>
<head>
<script type="text/javascript" src="/webapp/scripts/file.js"></script>

<script>
function test(field)
{
	alert("hello");
}
</script>

</head>
<body>
<form>
<p>
numeric field 1: 
<INPUT type="text" name="test1" size="20" onblur="test(this)">
</p>

<p>
numeric field 2: 
<INPUT type="text" name="test2" size="20">
</p>
</form>
</body>
</html>

Understand javascript nulls

How to replace tabs with spaces

how to disable an html link?

how can I change a mouse pointer?

how can i control the margin of a div's children

Can I specify multiple classes on an html tag

javascript and checksum

We ran into a usecase where a user has to explicitly target a tab in ie. For example users have logged into salesforce.com cloud in one window. These users are then taking calls in that window. However same users are using another internet application to complete their work. It would be messy to open up these multiple windows every time work needs to be done.

It is probably better to target just one window and the user transferred to one window. Better yet to target a specific tab.

So started my search. I thought it ought to be simple. As it turned out there doesnt seem to be a good way to do this through regular unsigned javascript in ie7. I did find a way to do this in firefox.

ie seem to control tab vs new window purely through user configuration. Users can choose to set a global ie option to open new windows targeted by "_blank" to either an actual new window or a tab. Once they set this option as tab then the simple window.open(url) will open that url in a new tab.

I still want to force to open in a new tab. Perhas I will find a way through signed javascript. that is for another day or week.

If you are further curious what follows is my research and notes on how I came to this conclusion. Click on the item above to see that research.

40) How to write ie controls

20-Jan-11

How to write ie controls

How to set body onload from javascript

42) html: HTML tag reference

31-Dec-10

http://www.mountaindragon.com/html/tables2.htm#TOC

Commonly used html tag reference
tables
text
font

43) How to use Firebug

14-May-10

How to use Firebug

How to control ie with signed scripts

45) Transparent text

26-Aug-09

Transparent text

What html element generated the event?

How to initialize a javascript object

48) what are bookmarklets

8-Aug-09

what are bookmarklets

49) Javasscript versions

8-Aug-09

Javasscript versions

Javascript and name spaces

51) New OO Javascript

1-Aug-09

New OO Javascript

Conditional exectuion of functions

isDefined?

isVariableDefined?

isFunctionDefined?

53) Run tidy online

25-Jul-06

http://validator.aborla.net/

To see if your page is xthml. Also gives an xhtml version of output.


<style>
div.footerDiv1
{
text-align:right;
border-top:1px solid
}

div.footerDiv1 p
{
    margin:0 0 0 0;
}
</style>

<div class="footerDiv1">
<p>Test1
<p>Test1 kddkkkd ddd
<p>Test1 kddkkkd ddd
</div>

http://www.checkupdown.com/status/E302.html

Will the java url libraries deal with this correctly?

>> Tuesday, April 04, 2006 6:44:53 PM - Comments by satya

Codes that need to be handled

Handling redirects manually through java api

301 Moved Permanently. HttpStatus.SC_MOVED_PERMANENTLY 
302 Moved Temporarily. HttpStatus.SC_MOVED_TEMPORARILY 
303 See Other. HttpStatus.SC_SEE_OTHER 
307 Temporary Redirect. HttpStatus.SC_TEMPORARY_REDIRECT 

56) Javascript notes

18-Mar-06

Description to be entered

function getCursorPositionInTextField(textFieldObj) 
{
	//This is required if you were to be clicking on a button to invoke this
	//otherwise your selection is the button
	textFieldObj.focus();
	
	textrange = document.selection.createRange().duplicate();
	//You may have to make sure the selection and focus is with your object
	//because the selection is document level entity.
	//if (textrange.parentElement() != textFieldObj)
	//{
	//	alert("Sorry you are not the field");
	//}
	
	var i=0;
	while(textrange.move("character",1) == 1)
	{
		i++;
	}
	return textFieldObj.value.length() - i;
}

58) js: sample html

17-Mar-06


<html>
<head>
</head>
<body>
</body>
</html>

http://www.quirksmode.org/index.html?/js/cookies.html

Where you find one, you find many

//************************************************
// createCookie
// Borrowed from the internet (Scott Andrew)
//************************************************
function createCookie(name,value,days)
{
   if (days)
   {
      var date = new Date();
      date.setTime(date.getTime()+(days*24*60*60*1000));
      var expires = "; expires="+date.toGMTString();
   }
   else var expires = "";
   //document.cookie = name+"="+value+expires+"; path=/";
   document.cookie = name+"="+value+"; path=/";
}

//************************************************
// readCookie
// Borrowed from the internet
//************************************************
function readCookie(name)
{
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for(var i=0;i < ca.length;i++)
   {
      var c = ca[i];
      while (c.charAt(0)==' ') c = c.substring(1,c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
   }
   return null;
}

http://www.pageresource.com/jscript/jscreen.htm

How to figure out screen resolution in javascript

Example

if ((screen.width>=1024) && (screen.height>=768))
{
 window.location="highres.html";
}
else
{
  window.location="lowres.html";
}

http://scriptasylum.com/tutorials/encdec/encode-decode.html

you will need to use the escape and unescape functions.

This articles explores a couple of ways of hiding div sections in an html document. The discussion will apply to other html controls as well that exhibit "display" and "visibility" properties. The article also contains sample code.

//************************************************************
//Returns a string value 
//of the url for the image of an anchor object
//************************************************************
function getImageSrc(saveAnchor)
{
   //alert("Working with an anchor:" + saveAnchor.href);
   imgElement = saveAnchor.children[0];
   if (imgElement == null)
   {
      //alert("Warning: this saveanchor does not have an image element");
      return null;
   }
   //alert("An image anchor found");
   //alert("The source of the image is: " + imgElement.src);
   return imgElement.src;
}

66) Flash notes

15-Apr-05

A beginers quest for flash and what is possible

Use document's capture events.

Read this article for engineering data base driven web sites.

How to parse a url using javascript

How to get a relative url from any url address

How to use a static html page to redirect to a different web address

Create an anchor with a name at the bottom


<a name="bottom"> </a>

Jumpt to it from anywhere


<p><a href="#bottom">Go to the bottom</a></p>

tbd


<script language="JavaScript" type="text/JavaScript">
function setHTML(e) {
	if (e) {
		document
		.getElementById("example_area")
		.innerHTML
		=document
		   .getElementById(e)
		   .innerHTML;
	}
	else {
		document
		 .getElementById("example_area")
		 .innerHTML=" ";
	}
}
</script>

http://www.goodellgroup.com/tutorial/

Introduction: Structure of Tutorial
Chapter 1: What is HTML anyway?
Chapter 2: Basic concepts
Chapter 3: Primary tags
Chapter 4: Creating your first Web page
Chapter 5: Basic text formatting
Chapter 6: Lists
Review #1
Chapter 7: Attributes: Adding interest to your page
Chapter 8: Advanced Text Formatting
Review #2
Chapter9: Links down the street to around... 
Chapter 10: Graphics
Chapter 11: Building pages with tables
Chapter 12 More on tables

http://simplythebest.net/info/dhtml_scripts.html

1. time and date scripts
2. menu scripts
3. Javascript documentation links
4. A plug for dhtml
Description to be entered

79) Example java script 1

4-Aug-03

How to include a javascript library
How to include a style sheet
A handful of javascript functions
<html>
<head>
<script>
	function redirectTo()
	{
		location.replace("http://216.187.231.34/akc");
	}
</script>
</head>

<body onload="redirectTo()">
</body>
</html>