Learn VBA & Macros in 1 Week!

JavaScript - Javascript Compatibility Problem

Full Excel VBA Course - Beginner to Expert

Javascript Compatibility Problem	View Content

Hello, so i got one question. I have this Java Script of old facebook chat which works great at chrome and firefox with greasemonkey but when i tried to put this at IE9 with IEPro plugin , facebook just went crazy. Cant open chat at all, also all site is broken. What is problem with this script at IE,Safari or Opera?
Maybe you can help me thx.

You can find that script here : www.fu.sk/107159.user.js

Full Excel VBA Course - Beginner to Expert

Noob Javascript Ie Compatibility Problem

Similar Tutorials

View Content

I am trying to dynamically add rows to a table when the user clicks a button. here my function

Code:

function addFocusArea()
{
	if(addTlFocusAreaCount <= 5)
	{
		//Create new Title row
		var titleRow = document.createElement("tr");
		var titleCol = document.createElement("th");
		var titleText = document.createTextNode("Additional Focus Area " + addTlFocusAreaCount);
		titleCol.appendChild(titleText);
		titleRow.appendChild(titleCol);
		document.getElementById("focusTable").appendChild(titleRow);		
			
		//Create new category row
		var categoryRow = document.createElement("tr");
		var categoryCol = document.createElement("td");
		var categorySelect = document.createElement("select");
		var categories = document.getElementById("<%=DecisionToolKeys.PRIMARY_FOCUS%>");
                
                //copy a dropdown menu that is already existing on the page
		for(var i=0; i<categories.length; i++)
		{
			var option = document.createElement("option");
			option.value = categories[i].value;
			option.text = categories[i].text;
			categorySelect.options.add(option);
		}

		categoryCol.appendChild(categorySelect);
		categoryRow.appendChild(categoryCol);
		document.getElementById("focusTable").appendChild(categoryRow);			
			
		addTlFocusAreaCount++;			
	}

	else
	{
		alert("You cannot add more than five additional practice areas.");
	}
}

And here is my button
Code:

<input type="button" value="Add Focus Area" onclick="JavaScript:addFocusArea()"/>

This is working in Firefox and Chrome, but not IE 8. Any clue as to why?

Thanks,
Nick

Mac & Pc Compatibility For Javascript....

Similar Tutorials

View Content

Hi, I am not very experienced in programming, but I've noticed I keep running into a problem. I've got a particular javascript coding and for some reason it is only working for my mac visitors, but not PC.

What can I do to make this coding compatible for both? Where might the issues be?

thanks

Ie8 Compatibility Javascript Code

Similar Tutorials

View Content

Hi,
I have an application in which a popup window is opened from main window, from that popup window on clicking a button, the control goes to a servlet and after some calculations the control returns to the popup window. This works fine in IE6. But the same code behaves improperly in IE8. In IE8 on clicking button on popup window instead of control coming back to same popup window a new popup is opened. Can anybody help me on this?

Browser Compatibility And Javascript

Similar Tutorials

View Content

Dear all, can somebody help me with browser compatibility and this code. Working fine in Opera and Firefox, but do not working in Internet Explorer and Chrome. With one form working fine in every browser, but when I put second form it stops to work in Explorer and Chrome.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<SCRIPT type="text/javascript">
function showDiv(divIndex) {  var f=document.forms[0];  var d=f.getElementsByTagName('div');
for(i=0;i<d.length;i++)d[i].style.display='none'
d[divIndex].style.display = 'block';
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<select onchange="showDiv(this.value); ">
<option value="0" selected>option 1</option>
<option value="1">option 2</option>
<option value="2">option 3</option>
</select>


<div style="display:block;"><form action="001.htm" method="get" >
Your state<br> 
<select name="statecode" id="statecode">
<option value="">Choose State for option 1...</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
</select> 
<input type="submit" name="search" value="Get Quotes" />
</form></div>

<div style="display:none;"><form action="002.htm" method="get" >
Your state<br> 
<select name="statecode" id="statecode">
<option value="">Choose State for option 2...</option>
<option value="AK">California</option>
<option value="AL">Colorado</option>
<option value="AR">Connecticut</option>
</select> 
<input type="submit" name="search" value="Get Quotes" />
</form></div>

<div style="display:none;"><form action="003.htm" method="get" >
Your state<br> 
<select name="statecode" id="statecode">
<option value="">Choose State for option 3...</option>
<option value="AK">Massachusetts</option>
<option value="AL">Maryland</option>
<option value="AR">Maine</option>
</select> 
<input type="submit" name="search" value="Get Quotes" />
</form></div>

</form>
</BODY></HTML>

Settimeout And Elemid Compatibility Problem

Similar Tutorials

View Content

Hello all.

I am doing an experiment with setTimeout for a much larger project and cant seem to get this bit of code working. What is "supposed" to happen is on hover the div goes black, and on removing the mouse it turns red after 1 second. however, it doesnt work. ive tried a bunch of variations but nothing gets it to work. i want to line up a bunch of divs and not need to write a seperate function for each one. any ideas?

here is the HTML:

Code:

<div id="0" onMouseOver="blackit('0')" onMouseOut="fadeit('0')"></div>
<div id="1" onMouseOver="blackit('1')" onMouseOut="fadeit('1')"></div>
<div id="2" onMouseOver="blackit('2')" onMouseOut="fadeit('2')"></div>
<div id="3" onMouseOver="blackit('3')" onMouseOut="fadeit('3')"></div>

here is the JavaScript:
Code:

function blackit(elemID)
{
document.getElementById(elemID).style.backgroundColor="#000";
}

function fadeit(elemID)
{
setTimeout("document.getElementById(elemID).style.backgroundColor='red'", 1000);
}

there is some CSS but nothing crazy. it should work but it doesnt. the black on hover works but then it either stays black or goes red immediately, not waiting the 1 second.

thanks

Newbie Stuck On Compatibility Problem

Similar Tutorials

View Content

I adapted (well, attempted to, at least) a quote/testimonial rotation script to fit into my website. The script works PERFECTLY on Firefox but after making my modifications, I killed it in IE...and being a total n00b to JavaScripting.....I'm totally stumped.

In Firefox, the script shows at the proper height. In Internet Explorer, the script is only shown at ~40 pixels and doesn't seem to be rotating through the different quotes (it still fades but it fades the same quote back and forth).

The obvious question: HOW DO I FIX IT?!!?

Original script was found at: http://www.caodesigns.com/blog/tutor....php?postID=33

My script is at: http://www.digitalctrl.org/help.html (right sidebar, in the "Testimonials" box).

But something I want to know for future reference.......what is it that causes things to be formatted differently across browsers? This cross browser INcompatability is giving me grey hairs.

I've been lurking around your community for a while now.....I hope you gents don't mind my first post being a question.

If I need to reformat my post or do anything else to get assistance, please let me know so I can take care of it.

Ie Compatibility Issue

Similar Tutorials

View Content

EDIT: i think the problem was i had an html element named 'comment' so IE was getting confused when i made a js variable 'comment'
(don't use IE it is the worst browser)

i am in the process of debugging a website, it works wel in Google Chrome and firefox but not in IE
i am putting all the relevant code below.
this is in the head tag, and is the only JavaScript executed when the debugger show the error
Code:

function first_run(){
answer_state=document.getElementById('state');//set node for 'show_answer' function
answer_ab=document.getElementById('ab');//set node for 'show_answer' function
answer_capitol=document.getElementById('capitol');//set node for 'show_answer' function
answer_next=document.getElementById('next');
comment=document.getElementById('comment')//line marked with error
ui=document.getElementById('UI');//sets 'ui' to form location
score_right=document.getElementById('right');//returns null
score_wrong=document.getElementById('wrong');
score_right=score_wrong.previousElementSibling//score_right work around
score_show_ans=document.getElementById('show_ans');

runs above code on page load
Code:

<body onkeydown="if (event.keyCode == 13){check()}" onload="first_run()">

in body tag, node that erred line refers to.
Code:

<div id=comment>
</div>

the error message in IE's developer tools debugger is "Object doesn't support this property or method" States javascript.html, line 395 character 1"

i've done all of my coding in Chrome and have no expirence in IE's syntax, any ideas what the problem is?

Js/iframe Compatibility In Ie8?

Similar Tutorials

View Content

Hi--

I have the following javascript which is setting up a quiz (delivered from off-site) into an iframe. The javascript code determines if the visitor has Flash or not, and then sets up the page, on button click, to deliver the appropriate version of the quiz into the iframe.

For some reason, this code works in everything (it seems) except IE8. In IE8 without Flash, something (perhaps in the code itself?) kicks the viewer into a blank page. If someone could just test the URL below and tell me if they get the same problem, that would help! Maybe (I am thinking) it is because the computer I tested it on did not have JS enabled? Or maybe there is something in the code? Or maybe with the quiz delivered from off-site?

Here is the code:
Quote:


<article id="page_7c">
<div class="box" id="page1">
<a href="#page_1" class="close"></a>
<div class="wrapper pad_bot1">
<div class="grid_16 prefix_4">

<p></p>
<div id="tester">

</div>

</div>
</div>
</div>
</article>


<SCRIPT>

</SCRIPT>
And here is the URL of the site:

Quote:
http://www.ABCsofUFOs.com
If you click on the link bottom left ("Test Your Knowledge of UFOs") that should send you to the appropriate version of the quiz.

Many thanks for any help!

Compatibility Problems With Ff.

Similar Tutorials

View Content

Hi, I have a piece of code that when executed will change the .onclick and .value of a button,

Code:

/* JAVASCRIPT */

function selectAllDays() {  
	var len = document.booking.days.length;
	for (var i=0; i<len; i++) {
		document.booking.days[i].checked = true;		
	}
	changeDaysButtonD();  
}

function deselectAllDays() { 
	var len = document.booking.days.length;
	for (var i=0; i<len; i++) {
		document.booking.days[i].checked = false;		
	}	
	changeDaysButtonS();  
}

function changeDaysButtonD() {   
	var obj = document.getElementById('selectall');
    obj.onclick = deselectAllDays;
	obj.value = "Deselect All Days";
}

function changeDaysButtonS() { 
	var obj = document.getElementById('selectall');
    obj.onclick = selectAllDays;
	obj.value = "Select All Days";
}

Code:

HTML

<input type="button" id="selectall" name="selectall" value="Select All Days" onclick = "selectAllDays();"><br/>
<input type="checkbox" name="days" value="Monday">Monday<br/>
<input type="checkbox" name="days" value="Tuesday">Tuesday<br/>
<input type="checkbox" name="days" value="Wednesday">Wednesday<br/>
<input type="checkbox" name="days" value="Thursday">Thursday<br/>
<input type="checkbox" name="days" value="Friday">Friday<br/>

So, when the button is initially clicked it runs the selectAllDays() function, which will also run the function to change the state of the button to "Deselect all days" however when I run this in FireFox it gives the error of
Error: selectAllDays is not defined
Source File: http://davidc.herobo.com/groupsite/booking.html

Though in Internet Explorer this runs fine and selects/deselects the checkboxes without any problem.

I'd like to know if anyone knows why it won't work in FireFox?

Help would be much appreciated,
Thanks, Dave.

Browser Compatibility Issue

Similar Tutorials

View Content

Hi i have a php file that contain below content and it works great on firefox but not in IE8

actually IE8 doesnt reload the div

Code:

<?php
print <<<HERE
<script type="text/javascript">
$(document).ready(function() {
$("#loader").load("content.php?uname=$uname");
var refreshId = setInterval(function() {
$("#loader").load("content.php?uname=$uname");
}, 5000);
});
</script>
HERE;
?>

<div id="loader"></div>

also i tried like this and same thing happens

Code:

<?php
print <<<HERE
<script type="text/javascript">

setInterval("calldiv()", 5000);
function calldiv(){
$("#loader").load("content.php?uname=$uname");
}

</script>
HERE;
?>
<div id="loader"></div>

any help would be great

Thanks.

Layer Questions About Compatibility

Similar Tutorials

View Content

Hello

I have this var set:

var floatingMenu =
{
targetX: -270 ,
targetY: 13,

hasInner: typeof(window.innerWidth) == 'number',
hasElement: document.documentElement
&& document.documentElement.clientWidth,

menu:
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};

I want the number to be assigned to targetX (the red part) to be different for Firefox, Chrome or Internet Explorer. How do i do that?

Also, can i avoid this IE's warning about running active x content? Come on... This is a javascript for making a floating menu, there's no security issue whatsoever!

Javascript Problem, Editing Img Src With Javascript

Similar Tutorials

View Content

I got an index.php
Code:

<html>

<form action="bacakomik.php" method='post'>
<select name="kodekomik">
<option value='../komik1/|23'>Judul Komik1</option>
<option value="../komik2/|20">Judul Komik2</option>
<option value="../komik3/|10">Juduk Komik3</option>
<option value="../komik4/|20">Judul Komik4</option>
</select>
<input type="submit" />
</form>
<?php
echo ('<select>');
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
echo ('</select>');
?>
</html>

As you can see, each of the option brings specific value "../komik1/|23"
komik1 is a directory
| is a delimiter
23 is the pages in one chapter and can be considered also as how many images are there on a specific directory

This is my bacakomik.php
Code:

<?php
$dirkomik = $_POST['kodekomik'];
$exploded = explode("|", $dirkomik);
echo ($exploded[0]); //picture directory
echo ("<br>");
echo ($exploded[1]); //total page in the comic
$pagecount = (int)$exploded[1];
//Take last posted value, process it right away
echo ('<FORM name="guideform"> ');
echo ('<select name="guidelinks">');
$i=1;
do  {
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
$i= $i+1;
}while($i <= $pagecount); //Printing option and select
echo ("</select>");
?>
<input type="button" name="go" value="Go!" onClick="document.getElementById('im').src=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value+'.png';"> </FORM>
<img src="img0.jpg" id="im">

With the current code on bacakomik.php, I only can change the img src of id "im" in the same directory only. What I want is that the Javascript could "add" the "$exploded[0]" variable so that the picture can be loaded from different directory. Anyone can do this?
I believe that the fix should be somewhere on input tag inside OnClick, or do you know where?

Anyway, I found this on the net
http://p2p.wrox.com/php-faqs/11606-q...avascript.html
Please help me to those who can...

Firefox, Opera, Safari, Netscape Compatibility

Similar Tutorials

View Content

<BODY onLoad="populateYearSelect()">
<font face="Verdana">
<title>owner Calendar</title>
</font>



function populateYearSelect()
{
d = new Date();

curr_month = d.getMonth();

document.getElementById('arrivemonth').options[curr_month + 1].selected=true;

curr_year = d.getFullYear();

for(i = 0; i <= 3; i++)
{
document.getElementById('arriveyear').options[i] = new Option(curr_year+i,curr_year+i);
}

}
</script>

This is the function I am using and it works great in IE but all other browsers are not even loading the function at all. What must i do to make this work in other browsers? I need them to work more so in Firefox and Safari more so than Opera, Avant or Netscape.

Safari Compatibility Issue With Dynamic Population Of Selects

Similar Tutorials

View Content

Anyone have any issues with Safari in relation to javascript compatibility?

I have a page that loads dynamically through user selections as follows:

There is a set of three radio buttons. The user selects one and a div opens revealing a select box populated with entries related to the radio button selection.

When the user makes a selection from the select box, one of two things happen. 1) If there are child records relating to their selection, a second div opens revealing another select box containing the child entries relating to the first select box choice. Or 2) if there are no child entries relating to the selection in the first select box, a div opens displaying a description relating to the selection they made in the first select box.

The data is all coming from prepopulated javascript arrays.

This works like a dream in IE and Chrome. Unfortunately, when we were in the final stages of testing before release to a live environment, we discovered it works in Safari only as far as the user makes a selection from the three radio buttons driving the opening of the first div layer containing the first select. At this point it stops working completely.

On top of that, I can not find where in the latest release of Safari, that I can see any javascript errors (or if I even can). I am REALLY in need of help. Anything you can offer?

Thanks!!

Dmxsmith

Onmouseout On Div Tag--bubbling Problems, Cross Browser Compatibility?

Similar Tutorials

View Content

Hi all, I am having trouble with an onmouseout event on a div tag. I have read about bubbling a little, and put to use some information I found on the internet, but I still can't overcome a few problems.

What I am trying to achieve is that the addStyleDiv function will only call the addStyle function if the user mouses out of the 'rollover' div. As the code stands, the addStyleDiv function is called when any element within the div is moused out (this is expected--bubbling) and the addStyleDiv function handles these instances properly. However, when mousing out of the rollover div, the rollover div is never the source element that triggers the onmouseout event. There is no empty space in the rollover div, that is, it is entirely filled with elements, so that could be part of the problem, but shouldn't bubbling cause the event to be triggered twice-once for the internal element and once for the div itself?

I would also be interested in knowing if the method by which I am handling the events is reliable on most browsers or if someone with more expertise can offer a suggestion to increase cross browser compatibility.

Thanks a million in advance.

HTML
Code:

<div id="rollover" onmouseout="addStyleDiv(event,'feat_main');">
<ul id="featured">  
<li class="medical" onmouseover="addStyle('feat_medical');"><a href="equipment/medical">Medical</a></li>
<li class="fabrication" onmouseover="addStyle('feat_fabrication');"><a href="services/metal_fabrication">Fabrication</a></li>
<li class="capsnap" onmouseover="addStyle('feat_capsnap');"><a href="equipment/capsnap">CapSnap&trade;</a></li>
<li class="hurricane" onmouseover="addStyle('feat_hurricane');"><a  href="equipment/parts_washing/hurricane">Hurricane</a></li>
<li class="media" onmouseover="addStyle('feat_media');"><a href="video">Media</a></li>
</ul>
<div id="flyout" >
    <ul id="feat_main">
        <h1>Midbrook</h1>
        standard page no rollover
    </ul>
    <ul id = feat_medical>
        <h1>Medical</h1> 
    </ul>
    <ul id = feat_fabrication>
        <h1>Fabrication</h1>
    </ul> 
    <ul id = feat_capsnap>
        <h1>CapSnap</h1>
    </ul>
    <ul id="feat_hurricane">
        <h1>Hurricane</h1>
    </ul>
    <ul id = feat_media>
        <h1>Media</h1>
    </ul>   
</div>
</div>

JS
Code:

function addStyleDiv(e, x)
{
   if (!e) var e = window.event;
   var tg=(window.event) ? e.srcelement : e.target;
 
 if (tg.id != 'rollover') 
 {
     alert('leaving '+tg.tagName + ' '+tg.id);
     return;
 }
   /*These next two lines are NEVER reached no matter what*/
   alert('It must have finally seen rollover');
   addStyle('feat_main');
}
 
function addStyle(x){
 removeAllStyle();
 document.getElementById(x).style.display="block";
}
function removeAllStyle()
 {
     removeStyle('feat_main');
     removeStyle('feat_hurricane');
     removeStyle('feat_fabrication');
     removeStyle('feat_capsnap');
     removeStyle('feat_medical');
     removeStyle('feat_media');
 }

Ie9 Javascript Problem

Similar Tutorials

View Content

Hi All,

I am desperately pulling my hair out... can you help me understand how I can resolve the below errors:

SCRIPT1028: Expected identifier, string or number
calender.js, line 318 character 17
SCRIPT1006: Expected ')'
blenheim-palace-lunch-cotswolds-p-170.html, line 88 character 35
SCRIPT5007: The value of the property 'getStartDate' is null or undefined, not a Function object
blenheim-palace-lunch-cotswolds-p-170.html, line 643 character 7

For this web address... http://tinyurl.com/79msxqm

What can I change to fix the issue? The site is working properly in all other browsers but not IE9.

Hope you can help. Thanks.

Problem In Javascript

Similar Tutorials

View Content

hi all i m having the following problem and i m a newbie in javascript.
i have 6 .html pages and 1 .js page and those 6 html pages make use of .js page for functions. each html page contains yes or no button.

i have problem in validation
1) As soon as the user click 3 yes's he should b directed to the result.html page

.plzz reply its urgent.

Thanks..

Javascript Problem

Similar Tutorials

View Content

I'm having a problem with a javascript code I put together. For all of the PHP, CSS, HTML that I know, well it doesn't carry over to JavaScript, so my attempt at trying this is probably a very bad attempt.

Anyways, what I'm trying to accomplish with this code is to get the height of one table and set the padding-bottom to another table, to keep page dimensions even.

Code:

<script type="text/javascript">
var divArray = document.getElementById('tablecontent').offsetheight;
//Subtracting 442 because that's the height of the table. I'm just trying to add onto the bottom.
var subtraction = divarray - 442;
var tablesidebar = document.getElementById('tablesidebar');
tablesidebar.style.paddingbottom = subtraction + 'px';
</script>

Any help to get this working is well appreciated.

Thanks,
Jeremy

Javascript Problem

Similar Tutorials

View Content

Hi all I am a newbie and I don't know much about JavaScript. Can anyone help me with an issue that I am having.

Please see code below.

Code:

  <form id="mySurvey" name="mySurvey" onSubmit="return markMe(this);">
<table width="510" border="0" cellspacing="0" cellpadding="0" align="center" class="datatable1">
	  <tr> 
	  	<th class="leftme" width="15">&nbsp;</a></th>
	    <th width="465">TASKS/ACTIVITIES</th>
	    <th width="30" class="midme">HRS</th>	
		<th width="30" class="midme">MINS</th>
	  </tr>
	  <tr> 
	    <td class="leftme">1.</td>
	    <td>Sleep</td>
	    <td class="midme">
			<select name="option1h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option1m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">2.</td>
	    <td>Food Preparation/consumption (breakfast, dinner, lunch)</td>
	    <td class="midme">
			<select name="option2h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option2m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">3.</td>
	    <td>Work commitments</td>
	    <td class="midme">
			<select name="option3h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option3m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">4.</td>
	    <td>Exercise/recreational sports</td>
	    <td class="midme">
			<select name="option4h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option4m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">5.</td>
	    <td>Socialising</td>
	    <td class="midme">
			<select name="option5h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option5m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">6.</td>
	    <td>Family commitments</td>
	    <td class="midme">
			<select name="option6h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option6m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">7.</td>
	    <td>Relaxation (watching television etc.)</td>
	    <td class="midme">
			<select name="option7h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option7m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">8.</td>
	    <td>Travel</td>
	    <td class="midme">
			<select name="option8h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option8m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>
	  <tr> 
	    <td class="leftme">9.</td>
	    <td>Other</td>
	    <td class="midme">
			<select name="option9h" size="1">
				<option value="0" selected>0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>			
			</select>
		</td>
		<td class="rightme">
			<select name="option9m" size="1">
				<option value="0" selected>0</option>			
				<option value="5" >5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="25">25</option>
				<option value="30">30</option>
				<option value="35">35</option>
				<option value="40">40</option>
				<option value="45">45</option>
				<option value="50">50</option>
				<option value="55">55</option>
			</select>		
		</td>
	  </tr>	  	  	  	  	  	  	  
	  <tr> 
	    <th colspan="4" class="midme"><input type="submit" value="Submit"></th>	
	  </tr>  
	</table>
</form>

</div>


<script language="JavaScript">
<!--

function markMe(mySurvey){

	var timeCount = 0; var timeLeft=0; var totalHours = 0; var totalMins = 0; 
	for (var i=0; i < mySurvey.elements.length; i++){	
		var e = document.mySurvey.elements[i];
    	var inputType = e.type;	var inputName = e.name; var inputValue = e.value;
		if (inputType == 'select-one'){
			
			var theLength = inputName.length;
			var theKey = (inputName.substring(theLength - 1, theLength));
			if (theKey == 'h'){
				timeCount+=parseFloat(inputValue*60);
			}
			if (theKey == 'm'){
				timeCount+=parseFloat(inputValue);
			}
		}
	}
	
	if (timeCount > 1440){
		alert('TRY AGAIN:\n\nThere are only 24 hours in a day - please re-calculate your figures!');
		document.getElementById("theresponse").innerHTML = '';
	}
	else{
		timeLeft = (1440 - timeCount);
		totalHours = parseInt(timeLeft/60);
		totalMinutes = (timeLeft%60);
		var myResponse = ('<b>Based on these calculations, you have a maximum of ' + totalHours + ' hours and ' + totalMinutes + ' minutes free time for this course.</b>');

		if (document.getElementById){
			document.getElementById("theresponse").innerHTML = myResponse;
		}	
		else {
		alert ('myReponse')
		}
	}

return false;	
}
//-->
</script>

Thanks in advance for any help,

Fergal

Javascript If Or Problem

Similar Tutorials

View Content

Hi and hope someone can help.

I'm trying to put together some code within a form that tests whether someone has supplied an email address or a telephone number when the Submit button is pressed. Neither of these fields are require mandatory input.

Trouble is my current code always supplies a true result even if no data is put in these fields i.e. the 1st IF statement returns true. What am I doing wrong?

Here's my code.
Thanks
R
_____
Code:

<script type="text/javascript">
function check_id() {
	if (document.feedback.email !="" || document.feedback.tel !="") {
		alert("Thank you. You will be entered into our free prize draw. Good luck!");
	} else if (document.feedback.email =="" && document.feedback.tel =="") {
		confirm("You will not be entered in our free prize draw unless you supply your email address or telephone number. Is that O.K?");
	}
}
function clear (){
	var email="";
	var tel="";
}
</script>

    <form action="" method="get" name="feedback" enctype="application/x-www-form-urlencoded" onSubmit="check_id();" onReset="confirm('This will clear all your entries, is that O.K?'); clear();">
          <div>
        <label for="email">Your email address:</label>
        <input name="email" type="text" id="email" size="50" value="" />
      </div>
      <div>
        <label for="tel">Your telephone number:</label>
        <input name="tel" type="text" id="tel" size="50" value="" />
      </div>
      <div>
        <input type="reset" name="reset" id="reset" value="Reset" />
        <input type="submit" name="submit" id="submit" value="Submit" />
      </div>
</form>