focusing on textfields 1

[MrMiyagi]

Hi,

I have a function like this to focus on textfields:

function focusEffect(element){
document.getElementById(element).focus();
}

I am using it to an element like this:

onmouseover = "focusEffect('field1')" onMouseout="focusEffect('')


I need to change this so that onmouseover event: "if not allready focused in some other textfield ---> focus on ID="field1".

and for the onMouseout event: "stay focused to the textfield that is currently active/selected"

Thanks for all answers.

 

[vicvirk]

might not be the best way to do it, but here's one way:

1. When the document is loaded, fire off an event that assigns a new property to all the input boxes called "isInFocus" and set it to false.

	window.onload = function() {
		var elements = document.getElementsByTagName("input");
		for (var i = 0 ; i < elements.length ; i++) {
			elements[i]["isInFocus"] = false;
		}
	}

2. Create a function that sets this property whenever an input box is in focus or blurred

	function setFocus(element,blnFocus) {
		element["isInFocus"] = blnFocus;
	}

3. Create a function that checks all the input boxes to see if any are currently in focus

	function checkFocus() {
		var elements = document.getElementsByTagName("input");
		for (var i = 0 ; i < elements.length ; i++) {
			if (elements[i]["isInFocus"]) {
				return true;
			}		
		}
		return false;
	}

4. Create the onmouseover function to focus an element if no others are in focus

	function focusElement(element) {
			if (!checkFocus()) {
			element.focus();
			element["isInFocus"] = true;
		}
	}

5. Assign the events to the input boxes add the 'onmouseover' event to the input boxes you want to have this behaviour.

<input type="text" id="one" onfocus="setFocus(this,true);" onblur="setFocus(this,false);" /><br />
<input type="text" id="two" onfocus="setFocus(this,true);" onblur="setFocus(this,false);" /><br />
<input type="text" id="three" onfocus="setFocus(this,true);" onblur="setFocus(this,false);" /><br />
<input type="text" id="four" [b][COLOR=red]onmouseover="focusElement(this);"[/color][/b] onfocus="setFocus(this,true);" onblur="setFocus(this,false);" /><br />

Thanks to Fotiman of Web Master World - it's surprising what Google can find you...




--------
GOOGLE is a great resource to find answers to questions like "how do i..."

If you don't know exaclty what you want to do or what to search on, try Google Suggest:

http://www.google.com/webhp?complete=1&hl=en

--------
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javasc