JavaScript - Testing Checkboxes With Variable Names

Hi,

The following code tests the 'numbers' field for numbers. It generates an alert if the field contains anything but numbers.

Code:

<script type='text/javascript'>
function isNumeric(elem, helperMsg){
	var numericExpression = /^[0-9]+$/;
	if(elem.value.match(numericExpression)){
		return true;
	}else{
		alert(helperMsg);
		elem.focus();
		return false;
	}
}
</script>
<form>
Numbers Only: <input type='text' id='numbers'/>
<input type='button' 
	onclick="isNumeric(document.getElementById('numbers'), 'Numbers Only Please')"
	value='Check Field' />
</form>

However, if I want to change the above statement to read if the textfield does not equal to a number, return true, else, alert the user and return false. I change the branch statement and have it read "if(!(elem.value.match(numericExpression)))," to try to do this. But, the alert message does not generate if I enter "abc123" even though that value clearly contains numbers.

Not sure what is going here. Please help me. Thank you.

Hello,

JavaScript Obfuscation is always a topic which generates some controversy. Its use has many pros and cons depending on what one wishes to achieve. We have extensive knowledge about the subject and we would like to encourage a open discussion on the topic of JavaScript obfuscation: Techniques, application cases, ...

Why are we interested in talking openly about this? Well, we are developing a new tool for javascript obfuscation which is still in beta and would like to improve it based on you feedback. If you wish you can check it out at: www.jscrambler.com.

Thanks

Why is this happening?

Code:

var pattern = /^\s+|\s+$/g;
var string = "   spaces";

		while(pattern.test(string))
		{ // -> true
			alert(pattern.test(string)); // -> false
			break;
		}

alert(pattern.test(string)); // -> true

Hi,

So I'm testing my webpage in IE8. In firefox it looks and runs greag, but in IE 8, one issue I'm having is this: I have a button that opens a popup window. Works fine in Firefox, but I get 'invalid argument' error in IE8 and the window does not open. I've enabled at a whim some scripting things in the Internet Options hoping that would resolve the issue, but not so. Here's the code. The "invalid argument" occurs on the window.open call.
Code:

function open_report() 
{
	createURL();
	var report_vars = created_URL;
	report_vars = report_vars.substr(69);
	report_array = report_vars.split('=');
	var from_d = report_array[2].substr(0,10);
	var to_d = report_array[3].substr(0,10);
	window.open('detailedreport.shtml' + report_vars, 'My Site | Detailed Report - ' + from_d + ' to ' + to_d, 'title=yes, status=no, toolbar=no, location=no, menubar=no, scrollbars=yes, modal=yes, alwaysRaised=yes, width=' + window.outerWidth / 1.1 + ', height=' + window.outerHeight);
}

In addition, is there any way to have that tile I've given it, "my Site..." appear in the window header? Right now it's not appearing at all in either browser.

Thanks for reading!

Hi,
So firstly this is likely not in the right place at all, as it's a bit OT but I figured it's the best place to ask..

I have to document 4 different tests to my code; what structure should I take when doing this?

I was thinking:
* State the aim of the test
* State the inputs, and what I believe the output should be.
* State the actual output, and whether this positively or negatively affect my code.

Please help,



I have built a HTML5 ap with local database using phonegap, I am now testing in xcode...



my ap works fine in Web Kit browser but when I test on my iphone through xcode, I get the error message: There has been an error: no such table: ****

here is my code:

Code:

        <script type="text/javascript">
        
      var html5rocks = {};
      html5rocks.webdb = {};
      html5rocks.webdb.db = null;
      
      html5rocks.webdb.open = function() {
        var dbSize = 10 * 1024 * 1024; // 10MB
        html5rocks.webdb.db = openDatabase("Todo", "1.0", "Todo manager", dbSize);
      }
      
      html5rocks.webdb.createTable = function() {
        var db = html5rocks.webdb.db;
        db.transaction(function(tx) {
          tx.executeSql("CREATE TABLE IF NOT EXISTS bmical(ID INTEGER PRIMARY KEY ASC, height1 TEXT, weight1 TEXT, bmires TEXT, added_on DATETIME)", []);
          tx.executeSql("ALTER TABLE bmical ADD bmires INTEGER");
        });
      }
      
      html5rocks.webdb.addTodo = function(todoText) {
        var db = html5rocks.webdb.db;
        db.transaction(function(tx){
          var weight1 = document.getElementById("weight1").value;
          
        var height2 = todoText / 100
  		var BMI = weight1  / (height2 * height2)
        
        var BMI = BMI;
		var bmires = BMI.toFixed(3);
          
          
          var addedOn = new Date();
          tx.executeSql("INSERT INTO bmical(height1, weight1, bmires, added_on) VALUES (?,?,?,?)",
              [todoText, weight1, bmires, addedOn],
              html5rocks.webdb.onSuccess,
              html5rocks.webdb.onError);
         });
      }
      
      html5rocks.webdb.onError = function(tx, e) {
        alert("There has been an error: " + e.message);
      }
      
      html5rocks.webdb.onSuccess = function(tx, r) {
        // re-render the data.
        html5rocks.webdb.getAllTodoItems(loadTodoItems);
      }
      
      
      html5rocks.webdb.getAllTodoItems = function(renderFunc) {
        var db = html5rocks.webdb.db;
        db.transaction(function(tx) {
          tx.executeSql("SELECT * FROM bmical ORDER BY added_on ASC", [], renderFunc,
              html5rocks.webdb.onError);
        });
      }
      
      html5rocks.webdb.deleteTodo = function(id) {
        var db = html5rocks.webdb.db;
        db.transaction(function(tx){
          tx.executeSql("DELETE FROM bmical WHERE ID=?", [id],
              html5rocks.webdb.onSuccess,
              html5rocks.webdb.onError);
          });
      }
      
      function loadTodoItems(tx, rs) {
        var rowOutput = "";
        var todoItems = document.getElementById("todoItems");
        for (var i=0; i < rs.rows.length; i++) {
          rowOutput += renderTodo(rs.rows.item(i));
        }
      
        todoItems.innerHTML = rowOutput;
      }
      
      
      
      function renderTodo(row) {
        return "<li>On: <span>" + row.added_on + "</span> Height: <span>" + row.height1 + "cm</span> Weight: <span>" + row.weight1 + "lbs</span> BMI: <b>" + row.bmires + "</b><a class='delete' href='javascript:void(0);'  onclick='html5rocks.webdb.deleteTodo(" + row.ID +");'>Delete</a></li>";
      }
      
      function init() {
        html5rocks.webdb.open();
        html5rocks.webdb.createTable();
        html5rocks.webdb.getAllTodoItems(loadTodoItems);
      }
      
      function addTodo() {
        var height1 = document.getElementById("height1");
        html5rocks.webdb.addTodo(height1.value);
        height1.value = "";
      }
    </script>

Hi,

I have the below function and I keep getting the error Lid is not defined.
Code:

<script type="text/javascript">
function loadTips(file,ID,File,id){
alert(file);
alert(ID);
alert(File);
alert(id);
loadXMLDoc(file,ID);
var l=setTimeout("loadXMLDocRefresh(File,id)",10000);
}
</script>

My trigger button is:

<input type="button" class="button3" value="Tips" onclick="loadTips('getTees.php','txtHintTees','getLees.php','txtHintLees')" />


So my alert Lid comes up with txtHintLees, so it is working up until the alert. Which leads me to believe that maybe it doesn't like being wrapped in "", without "" though firebug halts the process. I tried wrapping it in {} e.g. {loadXMLDocRefresh(File,id)} but that wasn't liked either. I'll stop my list of things I tried that don't work now.

But does anyone have any ideas?

Hello, I am using javascript to dynamically edit a form and have run into some problems. In this excerpt of code "x" is already defined, "num" is already defined, and "eval(q)" is just pointing to the proper field in the proper form.

Code:

eval(q).onkeydown=function onkeydown(event)
		  {
			checkLength(event,x,num,5);
		  };

Now the problem is, it is literally calling the function with "x" and "num" instead of their values. I tried "eval(x)" and "eval(num)" but that literally calls it with that whole statement as the parameter. How can I call this with the actual values inside of x and num? Thank you.

Hi all,

Apologies if this is a lame question, but I could not find an answer. Firstly, I am unable to post full HTML as it is way too long and I don't have a server to upload it to yet.

I have a form that accepts a name and DOB and stores it in an array. Later in the form, a layer is triggered. Within this layer the previously enterred name(s) and DOB(s) are retrieved from the array and displayed on screen, with the addition of two extra input text fields. The code within the layer is as follows. As you can see I'm using the loop to add the additional fields, which in itself, does what I want, but may also be the root of my problem.

Code:

         for (i=0;i<40;i++)
          {
           if (Array[i][0] != null)
            {
	     lyrSrc += "<table style='width:600px;'cellspacing=0 cellpadding=0 border=0>"	
	     lyrSrc += "<tbody id='table1'>"
	     lyrSrc += "<tr><td>&nbsp;<\/td><\/tr>"
	     lyrSrc += "<tr><td style='width:220px;'>Name:<\/td><td>&nbsp;&nbsp;" + Array[i][0] + "<\/td><\/tr>"
	     lyrSrc += "<tr><td style='width:220px;'>DOB:<\/td><td>&nbsp;&nbsp;" + Array[i][1] + "<\/td><\/tr>"
	     lyrSrc += "<tr><td style='width:220px;'>Text 1:<\/td><td>$<input type=text name=\"txtone\" size=10><\/td><\/tr>"
	     lyrSrc += "<tr><td style='width:220px;'>Text 2:<\/td><td>&nbsp;&nbsp;<select name=\"txttwo\" size=10><\/td><\/tr>"
	     lyrSrc += "<tr><td>&nbsp;<\/td><\/tr>"
	     lyrSrc += "<\/tbody>"
	     lyrSrc += "<\/table>"
	    }
	  }

The array is designed to store multiple names/dobs. If more than one name/dob is enterred, what I'm trying to find out is how to append the fieldnames of the two additional text fields so that the fieldnames are unique, as it returns an error if I try to call the field values if there is more than one name/dob in the array.

I would appreciate any assistance or points,nudges,pushes in the right direction. I looked at trying to add the extra fields dynamically, but I couldn't get it to work, probably because of the layer(?).

cheers.

I have just bought a JS animated web template. I made changes to the file names on the splash page (index.html) and 2 landing pages www.keithmacstanton.com/dez Now everything is all messed up. Help

I have a function that capitalizes surnames including Scottish surnames, I can't remember where I found it but it has been working perfectly....until recently!

The function will uppercase names that start with mc or mac, so mcdonald will become McDonald and macdonald will become MacDonald.

The problem is if someone has the surname mack, it comes out as MacK.

I think a good fix would be to tell the expression there needs to be at least 2 characters after mc or mac for it to assume it is Scottish but I have no idea how to do it.
The code I have so far is
Code:

var temp = s.value.toLowerCase().replace( /\b((m)(a?c))?(\w)/g,
              function($1, $2, $3, $4, $5) { if($2){return $3.toUpperCase()+$4+$5.toUpperCase();} return $1.toUpperCase(); });

Can anyone help tweaking what I have please? I'm useless on regular expressions

Hello All,

I have a form where I ask my users for a comma seperated web site list.
I want to make sure this list only contains the host names of URLs without any white spaces

Original list: site1.com, http://site2.com, http://www.site3.com,sub.site4.com
Edited list: site1.com,site2.com,site3.com,sub.site4.com

Currently I have the following to get the comma separated list

Code:

var list = document.getElementById( "list" ).value ;

Can some one please help me with above task
I highly appreciate your help or direction.

I have 2 questons.


1) Is there a way for the loop counter to loop while less then [a php variable]?
2) Is there a way to use a counter in the name of the form elements? Example, instead of "switchBox1" use: "switchBoxCounter"
instead of "nameaddy1" use: "nameaddyCounter"
Code:

if(document.form1.switchBox1.checked)
  {
    document.form1.nameaddy1.style.backgroundColor = "#E5E5E5";
  }
 else
  {
    document.form1.nameaddy1.style.backgroundColor = "#FFFFFF";
  }

Hello everybody.


I am trying to make it so JavaScript changes my form's SELECT to what my PHP session equals.
My method has always worked, except for in this instance.

I have not been able to come up with an engineering solution to my problem, so turn to fellow coders for help.

This collaboration of code is a stripped down version of what I am wanting to do:
PHP Code:
<?php $_SESSION['service'] = 'C'; ?>
<FORM action="" method="post" name="form">
    <DIV>
        <SELECT name="service" onchange="this.form.action = this.value;">
            <OPTION value="a/">A</OPTION>
            <OPTION value="b/">B</OPTION>
            <OPTION value="c/">C</OPTION>
            <OPTION value="d/">D</OPTION>
        </SELECT>
        <INPUT type="submit" value="OK">
    </DIV>
</FORM>
<SCRIPT type="text/javascript">
    document.forms["form"]["service"].value = "<?php echo $_SESSION['service']; ?>";
</SCRIPT>

I am not receiving a JavaScript error and I believe the problem is with clashing use of value between the SELECT element and JavaScript instruction, and that the value being that of the OPTION value attribute.
The behaviour of this collaboration of code will work; note the differences:
PHP Code:
<?php $_SESSION['service'] = 'C'; ?>
<FORM action="foobar.html" method="post" name="form">
    <DIV>
        <SELECT name="service">
            <OPTION>A</OPTION>
            <OPTION>B</OPTION>
            <OPTION>C</OPTION>
            <OPTION>D</OPTION>
        </SELECT>
        <INPUT type="submit" value="OK">
    </DIV>
</FORM>
<SCRIPT type="text/javascript">
    document.forms["form"]["service"].value = "<?php echo $_SESSION['service']; ?>";
</SCRIPT>

Does anyone know a solution to my problem?

Hi everybody,


I have a php file with an almost-standard html form. The not-so-standard part is that the name-attributes of the form elements are dynamically generated as such:

PHP Code:
<? for($i=0; $i<5; $i++) { ?>
<input type="text" name="field_<? echo $i; ?>" />
<? } ?>

Now I want to do some javascript validation on the fields, but I'm having a bit of trouble accessing the values of the fields. My current code is as follows:

Code:

var i = 0;
var num = <? echo $step1_sag_faktura_num; ?>;
						
for (i=0; i<num; i++){
window['file_' + i] = document.forms["nyisagform_step2"]["sag_fak_file_" + i].value;
}

But this doesn't seem to work. It gives no error message. It just validates true.

Can somebody tell me a way to do this? I'm no good at javascript and the code above is pieced together by bit I found on the internet.


Thanks in advance,
deafdigit