JavaScript - Bug Testing In Ie8 - Invalid Argument Error

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>

The suspect line is the following

$('.leaveClan').attr('id') = <?php echo $id; ?>;

the span with the class (there is only one) leaveClan is on the main page, and that line of javascript is on a page being called by AJAX within that page.

Can anyone see why that is causing an error?

Let me know if you need to see any more of the code

Hi,

I have written a function to compare each character in startString with another nominated character (nomChar). If they are the same this character is written to outputString, in the same position. If they are not the same a character is lifted from the same position in altString and placed in the same position in outputString instead. I hope that's clear!

Code as follows:

Code:

function compareChar(startString, altString, nomChar)
{
var outputString = '';
outputString.length = startString.length;
var nextLetter = '';
		
for (var count = 0; count < startString.length; count = count + 1)
{
nextLetter = startString.charAt(count);
			
if  (nextLetter == nomChar)
{
outputString.charAt(count) = nextLetter;
}
else
{
outputString.charAt(count) = altString.charAt(count);
}			
}
}

document.write(compareChar('boston',  'denver' , 'o' )  );

However, the line of code within the if statement Code:

outputString.charAt(count) = nextLetter;

keeps generating an 'Invalid assigment left hand side' error message. Can anyone see why this is the case?
Thanks.

Hi,

so, I had a rethink about my problem discussed in this thread, where the function won't run properly a second time if the page hasn't been reloaded. That one appears not to have a solution, and I was thinking that a reasonable plan B is the following:

a) test if the function has already been run since the page was loaded
b) if not, run the function
c) if it has, reload the page with the onClick, then run the function automatically on reloading.

the problem I envisage is will the page "remember" to run the function once it has been reloaded?

Of course, it would be simpler to do it running the function automatically once the page loads, then just reloading if the test comes back that the function has been run already, but that wouldn't work for the first time you visit the page - it would start running straight away, whereas I want it to wait for that first click.

Is this possible?

Here's the page I'm working on, if you want to have a look.

thanks for any suggestions.

I have a script that I had written for me that works in IE (I guess its a ActiveX?) but I display it in the HTML page as the below HTML. I want to be able to tell in Javascript if this object is available in IE

Code:

<object id="IEPrinterChecker" classid="CLSID:506974F1-EA53-40C6-940A-4A1D47D5934B" width="0" height="0"></object>

Listed below you can tell I can check if the plugin is available in Firefox without having to specify in the html the object. How can I do this in IE?
Code:

<script language="JavaScript">
var plugin;
if ( window.ActiveXObject ) {
  // IE
  alert("How do I check for the plugin here?");
}	else {
	var type = "application/printer-checker-component;version=1.0.0.1"; // your mimeType
	if (navigator && navigator.mimeTypes){
	   var mt = navigator.mimeTypes;
	   for (var i = 0; i < mt.length; i++){
	      if (mt[i].type == type) {
	         plugin = mt[i].enabledPlugin;
	         if (plugin) break;
	      }
	   }
	}
}
if(plugin)	{
	// insert object and/or test the plugin with script
	alert("plugin is available");
}	else	{
	alert("plugin not available or disabled");
}
</script>

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

I have a form with several types of checkboxes, and I'm trying to check all but one of them to determine if any of those have been checked. I do not want to check 'all', but I want to see if any of the 'check_' or 'check2_' checkboxes have been checked. There are a variable number of checkboxes, so this is just an example with two of each. Set 1 and Set 2 will always have the same number of checkboxes as each other, though.

I'm having trouble getting the function to do this - so any guidance would be appreciated.

Code:

<script language="JavaScript">
	function checkForNone() {
		checked=false;
		for (i=0,n=selectForm2.elements.length;i<n;i++) {
		  if (document.selectForm2.getElementById("check_"+String(i)).checked || document.selectForm2.getElementById("check2_"+String(i)).checked ) {
		    checked=true;
		  }
		}  
		if (checked==true) {
		  alert("OK!");
		  return true;
		}
		else {
		  alert("Please select at least one checkbox.");
		  return false;
		}
	}
	</script>

PHP Code:
echo "
<form name='selectForm2' id='selectForm2'>

Overall:
<br>
<input type='checkbox' name='all' value='' class='resultsAll' id='all'>

Set 1:
<br>
<input type='checkbox' name='check_1' value='01' class='results1' id='check_1'><br>
<input type='checkbox' name='check_2' value='02' class='results1' id='check_2'><br>
<br>

Set 2:
<br>
<input type='checkbox' name='check2_1' value='01' class='results2' id='check2_1' disabled='true'><br>
<input type='checkbox' name='check2_2' value='02' class='results2' id='check2_2'>
<br><br>
Check for none selected <input type='button' onclick=\"checkForNone();\" />

</form>
"; 

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

I am wanting all the inputs of the table cells turn red when invalid data (in this case anything other than a number) is entered.

Object:
1. To add a className to those inputs
2. With the new className 'invalid" the CSS gives a red background to the input

The appending of the className is not showing up in the generated source code and both Firefox and Chrome is not showing any errors in the code.

I can't not figure out what is preventing the execution.

Any advise to this simple problem will greatly be appreciated.


Code:

if (document.getElementsByTagName && document.getElementById) {

var dg = {
	
  // references to the table
  table : document.getElementsByTagName('table')[0],
  tbody : document.getElementById('data').tBodies[0],
  
  //reference to the inputs
  dataInput : document.getElementsByTagName('input'),

  init : function() {
  
  // configure event listening and delegation
    this.util.configEvents();
    
  // assign listeners to the table
    this.util.addEvent(this.table, 'keyup', this.checkData, true);
   
  },
  
  checkData : function(dataInput) {
 
         
      // if it is not a number, mark the input as invalid
      if (isNaN(dataInput.value)) { 
         
        dg.dataInput.className = 'invalid';
             
      }
         
      // if the user deleted the value entirely, remove any invalid indication
      else if (dataInput.value === '') { 
         
        dg.dataInput.className = '';
           
      }

  },
  
  util : {
	
    configEvents : function() {
      if (document.addEventListener) {
        this.addEvent = function(el, type, func, capture) { el.addEventListener(type, func, capture); };
        this.stopBubble = function(evt) { evt.stopPropagation(); };
        this.stopDefault = function(evt) { evt.preventDefault(); };
        this.findTarget = function(evt, targetNode, container) {
         var currentNode = evt.target;
         while (currentNode && currentNode !== container) {
          if (currentNode.nodeName.toLowerCase() === targetNode) { return currentNode; break; }
          else { currentNode = currentNode.parentNode; }
         };
         return false;
        };
      }
      else if (document.attachEvent) {
       this.addEvent = function(el, type, func) { el["e" + type + func] = func; el[type + func] = function() { el["e" + type + func] (window.event); }; el.attachEvent("on" + type, el[type + func]); };
       this.stopBubble = function(evt) { evt.cancelBubble = true; };
       this.stopDefault = function(evt) { evt.returnValue = false; };
       this.findTarget = function(evt, targetNode, container) { var currentNode = evt.srcElement; 
        while (currentNode && currentNode !== container) {
         if (currentNode.nodeName.toLowerCase() === targetNode) { return currentNode; break; }
         else { currentNode = currentNode.parentNode; }
        };
        return false;
       };
      }
    }
  
  }

};

dg.init();

}

I wrote a form and a JavaScript to valid the form. I cannot figure out however how to stop the form from submitting if the form is invalid.

[CODE]
function validateForm()
{

if(""==document.test.custName.value)
{
alert("Please enter your name.");
return false;
}

if(""==document.test.email.value)
{
alert("Please enter your email address.");
return false;
}

if(""==document.test.custComment.value)
{
alert("Please enter your comment.");
return false;
}

return true;
}
[CODE]

I am using a jQuery slider on a website but the code comes up with invalid, is there any wat to get around this without using a div tag? Thanks for any help on this:

Line 26, Column 27: document type does not allow element "div" here
.before('<div id="buttons">')

Code:

<script type="text/javascript">
$(document).ready(function() {
$('#slider')
.before('<div id="buttons">')
.cycle({
fx: 'fade',
pager:  '#buttons'
});
});
</script>

I have the following work in progress:

PHP Code:
var radiolist = [];
var labellist = [];
var rps;
var tablecells = [];
  
  //function taken from JavaScripter.net which will return a hex value for the color
  function RGBtoHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)}
   function toHex(N) {
    if (N==null) return "00";
    N=parseInt(N); if (N==0 || isNaN(N)) return "00";
    N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
    return "0123456789ABCDEF".charAt((N-N%16)/16)
      + "0123456789ABCDEF".charAt(N%16);
  }

  
  //this function will add all the radio buttons to an array
  function getRadios(){
    var inputs = document.getElementsByTagName('input');
    for (i=0; i<inputs.length; i++){
      if (inputs[i].type === 'radio'){
        radiolist.push(inputs[i]);
      }
    }
  }
  
  //this function will add all labels of the "LabelWrapper" class to an array
  function getLabels(){
    var inputs = document.getElementsByTagName('span');
    for (i=0; i<inputs.length; i++){
      if (inputs[i].className === 'LabelWrapper'){
        labellist.push(inputs[i]);
      }
    }
  }
 
getRadios();
getLabels();
//alert("There are " + radiolist.length + " radios");
//alert("There are " + labellist.length + " statements");
rps = radiolist.length / labellist.length;
//alert("There are " + rps + " radios per statement")

  //this function will shade cells depending on their class name  
  function identifyCells(){
       var cells = document.getElementsByTagName('td');
       for (i=0; i<cells.length; i++){
         for (j=3; j<(rps+4); j++){
           var tclass = "c" + j;
           if ((cells[i].className === tclass + "   ") || (cells[i].className === tclass + " last  ")){
             xred = Math.round((j-2) * 255/(rps));
             xblue = Math.round((j-2) * 255/(rps) - 50);
             xgreen = Math.round(50 + (rps-j+4) * 255/(rps));
             xcolor = "#" + RGBtoHex(xred,xgreen,xblue);
             cells[i].setAttribute('col',xcolor);
             cells[i].addEventListener('mouseover',highlightCells,false);
             cells[i].addEventListener('mouseout',clearHighlights,false);
             }
           }
         }
       }
    }
  //this function will highlight all preceding cells in the same row
  function highlightCells(){
    var y = this.getAttribute('col');
    var z0 = this.className.split("c"); //split the classname in two so that we can use parseInt function
    var z = parseInt(z0[1]);
    this.style.backgroundColor = y;
    var cellfamily = this.parentNode.childNodes;
    for (i=0; i<cellfamily.length; i++){
      cellname = cellfamily[i].className.split("c");
      cellnum = parseInt(cellname[1]);
      if (cellnum > 3 && cellnum < z){
        cellfamily[i].style.backgroundColor = y;
      }
    }    
  }
  
  function clearHighlights(){
      var z0 = this.className.split("c");
      var z = parseInt(z0[1]);
      this.style.backgroundColor = "transparent";
      var cellfamily = this.parentNode.childNodes;
      for (i=0; i<cellfamily.length; i++){
        cellfamily[i].style.backgroundColor = "transparent";
      }    
  }
      
identifyCells(); 


FireFox is giving me the "missing ) after argument list" at the following line:
function highlightCells(){

I can't figure out why I am getting an error. The code was 'working' before and I was able to get the highlighting on the table cells, but I don't know what I did that caused the issue.

Any help would be greatly appreciated.

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?