JavaScript - Proper Structure When Documenting Testing?

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!

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

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

OK, I'm filling in for a coworker on a radio stations website.

The station currently streams live online. I want to add an event tracking so I can track how many people are streaming. I'm really new to js, but I think I figured it out (keyword is "think"). However, there was already an onclick event within the anchor tag. Can I have two in the same tag? Is there a better way to do this?

Code:

<a href="/fmstream/listen.asx" onclick="window.open(this.href,'Listen','resizable=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,width=400,height=400,status'); return false" onClick="pageTracker._trackEvent('Stream','Listen_Button','Stream_Live');">
<img src="/images/filecabinet/folder1/listen1.png" alt="listen1"></a>

Hi all,

I have some code that attempts to save a user's preference settings. It first tries to use "localStorage", and if that fails (only old versions of MSIE), then a cookie is used instead.

I tried several different tests, such as:

Code:

    if (localStorage) {
        alert('True');
    } else {
        alert('False');
    }

and.......

if (typeof localStorage)....

and.......

if (typeof localStorage == 'object')....

but none of these are reliable. For example, if I intentionally misspell "localStorage" by instead using "localStor" (simulating a browser that doesn't understand the object name), the code simply does not run.

What I ultimately want is this:

Code:

if (user_wants_to_save_settings && localStorage) {
    save_to_local_storage;
} else
if (user_wants_to_save_settings) {
    save_to_cookie;
}

...unfortunately, that doesn't work. Anyone have ideas? I've been staring at this too long and am probably missing the obvious....

Thanks!

-- Roger

Is it just considered proper format to always have comment tags in javascript code
such as


*/ and /*

and //

etc?
thanks

I am trying to build a simple test/questionnaire where the user inputs answers into a form.

These answered are then checked with stored data in arrarys to see if they are correct or not.

At the end the score is totaled and given to the user

PROBLEM

im confused at to how to structure the code and also am aware that i am missing several coding functions ect e.g. i know that i need to use 'getelementbyid' somewhere.

ANY HELP WOULD BE APPRECIATED, THANK YOU

CODE

Code:

<html>
<script language="text/JavaScript">
function checkanswer()

{
if (q1==answer[0])
{
alert('Right well done u got it correct')
}
else
{
alert ('unlucky you got it wrong')
}

answer = new Arrary();
answer[0] = "blue";
answer[1] = "green";
answer[2] = "red";

</script>
<body>
<form action="qform">

question 1: <input type="text" id="q1" value="" /> <br />
question 2: <input type="text" id="q2" value="" /> <br />
question 3: <input type="text" id="q3" value="" /> <br />
<input type="submit" value="submit" />

</form>


</body>
</html>

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?

Something like this:

['level1key':['level2key:'value']]

That is the value itself is any object.

please help me~~Hi I have to create a table using javascript. Firefox displays the expected result but for IE, the column width is screwed >"<

I have to use the col tag to set width because sometimes the first row maybe merged. All I need is to create a table that strictly displays according to the inputted column widths from my program.

In below I have setup very short example that construct table in a similar way to my original javascript function. I also draw a ruler to help showing the proper width of 400px on the screen. column 1 should be 100px width and column 2 should be 300px.

Please help me~~T_T

Code:

<?xml version='1.0' encoding='UTF-8'?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<body onload="init()">
Hard Coded:

<DIV style="WIDTH: 400px; HEIGHT: 25px;overflow:hidden;">
<TABLE style="border:none; BORDER-SPACING: 0px; WIDTH: 400px; TABLE-LAYOUT: fixed" cellSpacing="0" cellpadding="0">
<col width="100px">
<col width="300px">
<TBODY>
<TR>
<TD style="background-color:blue">
a
</TD>
<TD style="background-color:green">
b
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
Ruler:
<div id='ruler' style="background-color:yellow;width:400px;height:28px;"></div>

Javascript inserted:

<div id="hi">
</div>

</body>
<script  language="javascript">		
	function init() {
		var w = [100, 300]
		// test table create
		var testDiv, testTBody, testTable, testTr, testTd, testCol;
		document.getElementById("hi").appendChild(testDiv = document.createElement("div"));
		with (testDiv.style) {
			width="400px";
			height="25px";
		}
		testDiv.appendChild(testTable = document.createElement("table"));
		with (testTable) {
			style.tableLayout="fixed";
			style.borderSpacing="0px";
			style.width = "400px";
			appendChild(testCol = document.createElement("col"));
			testCol.style.width = 100 + 'px';
			appendChild(testCol = document.createElement("col"));
			//testCol.style.width = 300 + 'px';
			appendChild(testTBody = document.createElement("tbody"));
			cellSpacing= 0
		}
		testTBody.appendChild(testTr = document.createElement("tr"));
		with (testTr){
			
		}
		for (var i= 0; i < 2; i++) {
			testTr.appendChild(testTd = document.createElement("td"));
			testTd.innerHTML = "Testing";
			with (testTd) {
				style.borderTop = "1px solid lightgray";
				style.borderLeft="1px solid lightgray";
				style.borderRight="1px solid black";
				style.borderBottom="1px solid black";
			}
		}
	}
</script>
</html>

I apologize for all the text I'm about to type, but I just want to make sure I explain my problem in detail.

So I have created a simple Weather Forecast algorithm containing the JavaScript code that uses a prompt to allow a user to enter a temperature in degrees Celsius, and based on the degrees entered (temperature scale is below), the program will display one of the following messages based on the selection structure I have created: (Kindly find attached .txt file of my entire code, I wasn't able to upload an HTML file.)

-18 degrees Celsius: "Bundle up! It's freezing out there!"
-18 - 0 degrees Celsius: "Pretty cold with a chance of snow!"
15 degrees Celsius: "Don't forget your jacket. It's still chilly out!"
16 - 27 degrees Celsius: "Perfect, lovely weather... unless it rains."
28 - 35 degrees Celsius: "Nice and warn. Go for a swim."
35 degrees Celsius: "Really hot! Best to stay in air conditioning."

HELP
Now i want improve on the same program and let the user enter the degrees in either unit using a prompt to ask the user whether the entry is Celsius(C) or Fahrenheit (F) (F scale is below) and use the correct degree breakdown to display the same messages:

Less than 0 degrees Fahrenheit: "Bundle up! It's freezing out there!"
0 - 32 degrees Fahrenheit: "Pretty cold with a chance of snow!"
33 - 59 degrees Fahrenheit: "Don't forget your jacket. It's still chilly out!"
60 - 80 degrees Fahrenheit: "Perfect, lovely weather... unless it rains."
81 - 95 degrees Fahrenheit: " Nice and warn. Go for a swim."
Greater than 95 degrees Fahrenheit: " Really hot! Best to stay in air conditioning."


I'd appreciate if anyone can help me with this. Again, I've attached my original file where the user can only enter in degrees Celsius and gets the corresponding messages. I have tested it and it works perfectly.
Attached Files hourlyForecast1.txt (954 Bytes, 24 views)