JavaScript - Top Down Execution

How to know the execution time of a function?

For example, which of these functions run in less time? That is, which of these functions are more weightless to run?

Code:

document.getElementById("my_image").src = "images/picture.png";

//or

document.getElementById("my_image").style.webkitTransform = "rotate(45deg)";

Thanks in advance!

I have code that I have written to clean up the value of a text box before submitting it to a database, the problem I have is that if the value is blank, I want to throw up an alert and halt the JS from continuing, normally I would put in a return false statement and be done, but since the function is already returning a value I was wondering if there was another way to stop code execution.

So if cleanString is not blank after it processes code should continue, if it is blank it should stop everything after the alert message. I know I can code for it on the calling side but I was hoping to include it all in one function. If I return false after the alert the output box actually says false and code continues to process.

Code:

<script>
function cleanString(myString){
//Removes All Special Characters and Double Spaces and trims the text
temp = myString.replace(/[^a-zA-Z 0-9]+/g,'')
temp = temp.replace(/^\s+|\s+$/g, '');
temp = temp.replace(/\s+/g, ' ');
	if(temp == ""){ 
		alert('Input string cannot be blank, or contain special characters.');
		//Halt Code execution here
	} else { 
		return temp;
	}
}

function testan(i){
document.getElementById('output').value = cleanString(i);
alert("still going");
}
</script>

Input: <input type="text" id="input" style="width: 500px;" value="     Test    (Parens)     [brackets]     1234 2 4 ,Comma &quot;Quote      "/><br />
Output: <input type="text" id="output" style="width: 500px;" /><br />
<input type="button" value="Go" onclick="testan(document.getElementById('input').value);" />

Hi,

I have a javascript function that is formatting data before it is being passed along to an Ajax call. The same function is formatting data for two variables but it seems as though the first call to the is being preempted by the same function call for the second variable's data formatting. On top of that the function does not seem to finish execution by the time it reaches the Ajax call so none of the data seems to be passed along.

Here's a condensed version at what I'm dealing with:

Code:

var data_group1 = FormatData('type_1');
var data_group2 = FormatData('type_2');

Ajax(data_group1, data_group2);

How can I ensure that the first call to FormatData is finished before the next call to it begins. Additional how can I prevent the Ajax function from executing until the first two lines have executed.

Thanks a ton.

Say that I've got the following XML

Code:

<document>
<block key="block1">
<p>This is a <bold>paragraph</bold></p>
</block>
<block key="block2">
<p>Additional paragraph</p>
</block>
</document>

Obviously the schematics of this data and the constraints placed upon them can be described using XSD. For example, the following rules would apply:

* must be a document element as the top-level parent element
* must be at least one block element as a child of document
* each block must have a unique key value
* blocks can have 1...n p child elements.
* p elements can have 0...n bold child elements


What I'm looking for is an engine that executes on the client-side (JavaScript / jQuery) that can parse the XSD and flag any errors. In addition I would also need to be able to interrogate the engine in order to determine what are valid child nodes at a particular level of the XML. For example, the following types of queries might be asked of the engine:

* Q: Is the overall XML valid? A: yes / no + report
* Q: I'm looking at the element block (key="block2"). What are the valid child elements of this element? A: p (1...n).
* Q: I'm looking at the element p in the first block (key="block1"). What are the valid child elements of this element? A: #text, bold (0...n).


Determining the valid child elements of a particular element is something akin to how Visual Studio e.g. 2010 uses Intellisense. For example, given a schema Visual Studio let's you know what the valid elements are at a particular position as you type enter the XML.


Finally I've mentioned XSD / XML above but we do not necessarily have to be constrained to these technologies so alternative ideas will be appreciated equally as well.



Thank you for taking the time to examine my post.

Without elaboration plz see my code:
Code:

<body>
<script>
var b="s";
</script>

<button target="_blank" onclick="window.open('http://......php?b="javascript:document.write(b);"&id=2&q=<?php print $_GET['q']; ?>','1','');return false;">xyz</button>
</body>

i don understand why this javascript:document.write(b); doesnt work in url...
i know its simple yet it make my hair out of my head. plz count it..