CS-JavaScript

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

Can I specify multiple classes on an html tag

Creating a function object from its string name

6) Example java script 1

4-Aug-03

How to include a javascript library
How to include a style sheet
A handful of javascript functions
//************************************************************
//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;
}

8) Flash notes

15-Apr-05

A beginers quest for flash and what is possible

how can I change a mouse pointer?

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

How do you implement inheritance in javascript?

Use document's capture events.

How to construct a local file url for chrome?

How to control ie with signed scripts

Description to be entered

how to disable an html link?

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.

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";
}

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.

How to initialize a javascript object

<html>
<head>
<script>
	function redirectTo()
	{
		location.replace("http://216.187.231.34/akc");
	}
</script>
</head>

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

How to replace tabs with spaces

How to set body onload from javascript

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.

27) How to use Firebug

14-May-10

How to use Firebug

28) How to write ie controls

20-Jan-11

How to write ie controls

29) html: HTML tag reference

31-Dec-10

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

Commonly used html tag reference
tables
text
font

inner function in javascript

javascript and checksum

33) javascript and href

14-Oct-12

javascript and href

Javascript and name spaces

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!

javascript function index of any one character from a string?

Conditional exectuion of functions

isDefined?

isVariableDefined?

isFunctionDefined?

39) Javascript notes

18-Mar-06

Description to be entered

Javascript try, catch, and console

41) Javasscript versions

8-Aug-09

Javasscript versions

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

you will need to use the escape and unescape functions.


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;
}

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

46) js: sample html

17-Mar-06


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

<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>

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>

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

line1 character1 invalid: a javascript error

52) log-in patterns

4-Oct-12

log-in patterns

54) Nature of Javascript

28-Apr-12

Nature of Javascript

55) New OO Javascript

1-Aug-09

New OO Javascript

Read this article for engineering data base driven web sites.

58) Run tidy online

25-Jul-06

http://validator.aborla.net/

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

59) Sample javascript code

12-Oct-12

Description to be entered

Scoping of variables in Javascript


<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://simplythebest.net/info/dhtml_scripts.html

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

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);
}

64) submitting http forms

16-May-14

submitting http forms

Tokenizing strings in javascript

66) Transparent text

26-Aug-09

Transparent text

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>

Understand javascript nulls

69) Understanding cookies

24-Jun-17

Revisit Understanding Cookies

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 

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;
}

72) Web Security Constraints

11-Jun-14

Web Security Constraints

73) what are bookmarklets

8-Aug-09

what are bookmarklets

What html element generated the event?

75) What is HAML?

12-Jun-12

What is HAML?

whats up with coffee script?

Whats up with new UX components: 2017

78) working with Curl

24-Jun-17

working with Curl

Working with radio buttons