JavaScript - Checking If Div Is Hidden. Help.

I am using the following script on an e-commerce site to ensure that not both drop downs cannot be selected at the same time, as well as ensuring one must be selected at all times.

Code:

<script language="javascript"><!--
function validate(cart_quantity) {
if (((cart_quantity.elements['id[2]'].value == 9999) && (cart_quantity.elements['id[3]'].value == 9999)) || ((cart_quantity.elements['id[2]'].value != 9999) && (cart_quantity.elements['id[3]'].value != 9999))) {
alert('Please select only one option!');
cart_quantity.elements['id[2]'].value = 9999;
cart_quantity.elements['id[3]'].value = 9999;
cart_quantity.elements['id[2]'].focus();
return false;
}
}
//--></script>

The initial value of the drop down is set to 9999 off the bat.

The problem with this code is that not all of my product pages have these 2 drop downs so I wanted to try and add in an if statement saying that if id2=9999 and id3 == null then pop up the error. That didnt work because I don't think it can be equal to null if it does not exist on the page. So instead I tried to do the following:


Code:

<script language="javascript"><!--
function validate(cart_quantity) {
cart_quantity.elements['id[3]'] = 99999;
if (((cart_quantity.elements['id[2]'].value == 9999) && (cart_quantity.elements['id[3]'].value == 9999)) || ((cart_quantity.elements['id[2]'].value != 9999) && (cart_quantity.elements['id[3]'].value != 9999))) {
alert('Please select only one option!');
cart_quantity.elements['id[2]'].value = 9999;
cart_quantity.elements['id[3]'].value = 9999;
cart_quantity.elements['id[2]'].focus();
return false;
}

if (((cart_quantity.elements['id[2]'].value == 9999) && (cart_quantity.elements['id[3]'].value == 99999)))
alert('Please select an option!');
cart_quantity.elements['id[2]'].value = 9999;
return false;
}
//--></script>

I tried to assign id3 a value of 99999 so that on pages that it doesnt get reassigned after (i.e pages it does not exist on) it will still be equal to 99999 and pop up the error according to the second if clause.

Unfortunately that did not work either. Is there any other way I can do via javascript?

Hi all,
I have this code in javascript that is basically a number base converter and it works fine, all I want to do is add error checking, and I think it would probably be done with if statements??
But I'm not sure where they should go or how to write one, but I know all it will need is basically to say all numbers from 0-9 and all letters from A-F are ok and for the letters to be case insensitive, does that need an "i" flag or something?
Anything else which someone tries to put in I want an alert to appear to say like invalid input or something, can someone help please??

Here is my code:
Code:

</script>
<table cellpadding=5px>
<tr>
<td>
Input Number:
<textarea rows="2" name="inbox" cols="20" wrap="virtual"></textarea><br>      
</td>
<td>
Input base:
<select name=from>
   <option name= dec value=10>Decimal</option>                          
   <option name= bin value=2>Binary</option>                           
   <option name= hex value=16>Hexidecimal</option>                      
   <option name= oct value=8>Octal</option>                             
</select>
</td>
</tr>
<tr>
<td>
Output Number:
<textarea rows="2" name="outbox" cols="20" wrap="virtual"></textarea><br>     
</td>
<td>
<br>
Output base
<select name=to>
   <option name= bin value=2>Binary</option>                          
   <option name= hex value=16>Hexidecimal</option>                      
   <option name= oct value=8>Octal</option>                            
   <option name= dec value=10>Decimal</option>                        
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="Convert" onclick="javascript:convert();">         
</td>
</tr>
</table>
</form>

Thanks to all who help

Hello all

I'm trying to get this function to check for 10 digits only

but alert shows regardless of less / more or exactly 10 digits --- what am I missing?

any help on sorting this greatly appreciated.


Code:

function validate(form) {
if (document.forms[0].callme.checked) { 
			var phone = document.forms[0].mobile.value; // assign value to var
			phone = phone.replace( /[^\d]/g, "" ); // zap all non-digit characters
			
			if ( document.forms[0].mobile.length != 10 ) // chk for 10 digits{
				alert("Enter 10 numbers");
				return false;
			} else {
			alert("Yahoo");
			}
}

low tech

Hi all.

This is a generic question as Google didn't help at all, does anyone know how to check if javascript is enabled and then I want to display info based on that.

I don't mind how I do it, HTML, PHP or whatever

Regards, Magnetica

Hai Friends..I made a registration form.I have used php,html as well as javascript in it.In the onclick event of submit button I've provided a call to a function written in javascript.Things are workin fine i.e validations are working properly and insertion of values to the database is also ok.

And the problem dat I have is, I want to check whether username and emailid provided is unique with respect to my site...that is no two users can't have same emailid or username.I'm able to retreive the entire emailid and username out of the database.But I don't know where should I place the code for checking the equality.I think that the code should be placed in the javascript validation function..but the code for retreiving values from db is in php.

I'm totally confused.I'm attaching here the registration page that I made...anyone out there please go through it and help me with a solution.

Hi. I'm having some trouble with validating all my fields in my form. I'm posting my code here.
Code:

function validateForm()
{var chk = document.forms["EntryPage"]["studentname"].value;
if (chk==null || chksdtnm=="")
  {
  alert("Student name must be filled out");
  return false;
  }
if (chk==null || chksdtnm=="")
  {
  alert("Student ID must be filled out");
  return false;
  }
}

I need to alert the user with a messagebox for six fields if ever they're not filled in. How do I achieve that?

Hi,

I know this is painfully obvious, but I can't get my head around it.

Basically, these loops:
Code:

            for (var p=0; p < routeInfo.length; p++) {
            times = routeInfo[p].getElementsByTagName("time");
            dirs = routeInfo[p].getElementsByTagName("dirs");
         dist = routeInfo[p].getElementsByTagName("dist");
                  for (q=0;q<dirs.length;q++) {
              count++;
                  time = GXml.value(routeInfo[p].getElementsByTagName("time")[q]);
                  dir = GXml.value(routeInfo[p].getElementsByTagName("dirs")[q]);
              dist = GXml.value(routeInfo[p].getElementsByTagName("dist")[q]);
			 if (time.length>1) {
			          way+='<div class="dir">'+count+'. '+dir+'</div>'+'<div class="results"><div class="time">'+time+'</div><div class="dist">'+dist+'</div><br><br>';
			 }
         else  way+='<div class="dir">'+count+'. '+dir+'</div><br>';			
		   }
	}

outputs lines of text, with two <br> between them. What I want is for if it's the last loop for that only to be one <br>

so I'm thinking something like this:

Code:

if (last loop) {end =<br>}
else end=<br><br>
...

way+='<div class="dir">'+count+'. '+dir+'</div>'+'<div class="results"><div class="time">'+time+'</div><div class="dist">'+dist+'</div>'+end;

but I can't figure out what that "last loop" code should be. Any ideas?

Hey Guys,

I am a student doing my Cert IV in IT and am having a bit of trouble with some code. I have a form that when a letter is entered it returns a message saying you need to enter numbers in, and am trying to find a way of it checking if there are spaces in the numbers entered at the same time as checking if a number has been entered. My code looks as follows:

Code:

<html>
<head>
<title>Activity 2.25</title>
</head>
<script type="text/javascript">
function validateform()
{
        
        var element;
	var BikeMoney;
	var TVMoney;
	var iPodMoney;
	var CarPrice;
	var flag;
	flag="OK"
        
        element=document.getElementsByTagName('input');
        
        for(counter=0; counter<element.length; counter++)
        {
               switch (element[counter].type)
               {
                       case "submit":
                       break;
                       
                       default:
                               if(isNaN(element[counter].value))
                               {
                                      alert("You will need to enter a number into " + element[counter].name);
				      flag="NotOK"
                               }
					else
					{
						BikeMoney=element[0].value;
						TVMoney=element[1].value;
						iPodMoney=element[2].value;
						CarPrice=element[3].value;
					}
               }
               
        }
						if(flag=="OK") 
							if ((Number(BikeMoney)) && (Number(TVMoney)) && (Number(iPodMoney)) && (Number(CarPrice)))
								{

									TotalMoney = parseFloat (BikeMoney) + parseFloat (TVMoney) + parseFloat (iPodMoney)

									if(TotalMoney >= CarPrice)
										{
											alert("The total money is " + TotalMoney + " and the car price is " + CarPrice + " and you can afford the car");
										}
									else
										{
											alert("The total money is " + TotalMoney + " and the car price is " + CarPrice + " and you cannot afford the car");
										}
											}
											else
												{
													alert("Enter numbers Please");
												}
}

</script>
<body>
<form name="input form" method="post" action="">
<table>
        <tr><td>Enter money from bike sale</td><td><input type="text" name="Bike Money"></td></tr>
        <tr><td>Enter money from TV sale</td><td><input type="text" name="TV Money"></td></tr>
        <tr><td>Enter money from iPod sale</td><td><input type="text" name="iPod Money"></td></tr>
        <tr><td>Enter the price of the car</td><td><input type="text" name="Car Price"></td></tr>
        <tr><td></td><td><input type="submit" value="Submit Details" onclick=validateform()></td></tr>
</table>
</form>
</body>
</html>

Hello all,

i'm looking for a way to check if the name of the page is equal to a link inside the page being checked. for instance:

inside the address bar: http://www.mysite.test.html


<body>
<ul>
<li><a href="test.html"></a></li>
<li><a href="test1.html"></a></li>
<li><a href="test2.html"></a></li>
<li><a href="test3.html"></a></li>
</body>

please advise.

thanks,

jav

_________

Need to append a hidden value to a floating div that is made via javascript. I tried the most obvious way but I am getting mismatch error in debug.


.HTML
Code:

<input type="hidden" id="desc1" value="blah blah blah" />

.JS
Code:

var item;
var image;
var description;

function one(){
	item = document.getElementById("product1");
	image = document.getElementById("i1");
	description = document.getElementById("desc1");
	expand();
}



function expand() {
	//changes css of the div
	item.innerHTML = "";
	item.style.position = "absolute";
	item.style.top = "27%";
	item.style.left = "21.3%";
	item.style.width = "952px";
	item.style.height = "610px";
	item.appendChild(image);
	image.height = "300";
	image.width = "400";
	image.align = "left";
	image.id = "cenimage";


   ifrm = document.createElement("IFRAME"); 
   ifrm.setAttribute("src", "form.html");
   ifrm.setAttribute("frameborder", "0");
   ifrm.setAttribute("scrolling", "no"); 
   ifrm.style.width = 950+"px"; 
   ifrm.style.height = 300+"px";
   item.appendChild(ifrm); 
  
// mismatch error !!

   var x = description.value;
   item.appendChild(x); 

}

Hello. The link below is the result of a product search on a website. It displays 2 results. However, the actual results (picture & information) that are displayed on the web page are not present in the "Page Source".

For example, if you search the page source for the string '860723' (which is one of the product numbers visible on the web page) it is not there. What is going on here? It looks to me like dummy images & information in the HTML are first loaded by the browser, and then that dummy info gets replaced by the real information via a javascript function. Is that what's going on?

http://www.lightsamerica.com/metro/s...mber:SL9469-8;

I'm trying to retrieve that information by downloading the source in my PHP program. The problem is that the information I want isn't present in the source. It stands to reason that the information is somehow being sent to the browser because I can see it... any ideas?


Thanks for your time,
-Scott

Hey guys! How are ya?


Gettin' right to the point, I need a help!

I already created a javascript code to hide my div when click on close "[x]". What I need to do is get it movin' around the website

here's the code:

it's between <head></head>
Code:

<script language=javascript type='text/javascript'>
function hidediv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideShow').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideShow.visibility = 'hidden';
}
else { // IE 4
document.all.hideShow.style.visibility = 'hidden';
}
}
}

function showdiv() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hideShow').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.hideShow.visibility = 'visible';
}
else { // IE 4
document.all.hideShow.style.visibility = 'visible';
}
}
}
</script>

and it's between <body></body>
Code:

<div id="hideShow">
<img src="../imagens/tela01CQ_07.jpg" alt="teste"/><a href="javascript:hidediv()">[x]</a></div>

and it's in CSS Code:

#hideShow {
	position:absolute;
	margin: 300px 110px;
	}

thx!

After searching the web most of the day, nothing has resolved this issue:

Code:

<!-- ALERT IS NEVER HIT -->
<html>
	<input type="hidden" id="info" name="info" value="testInformation"/>
	<script type="text/javascript">
		var me = document.getElementById('info').value;
		alert(me);
	</script>
</html>

Code:

<!-- ALERT SAYS "null" -->
<html>
	<input type="hidden" id="info" name="info" value="testInformation"/>
	<script type="text/javascript">
		var me = document.getElementById('info');
		alert(me);
	</script>
</html>

Code:

<!-- WORKS GREAT, BUT I NEED THE INPUT FIELD HIDDEN -->
<html>
	<input type="text" id="info" name="info" value="testInformation"/>
	<script type="text/javascript">
		var me = document.getElementById('info').value;
		alert(me);
	</script>
</html>

Any idea how I can keep the input value "hidden" and have javascript still see the value? And yes, I've even tried using the "defer" method.

Hi all

I believe this to be a JS quesiton, but perhaps there is something here of CSS too?

I have an "ecard" which is:

- a <div id="outer_ecard"> wrapping an <iframe>...
- is hidden by default (via a JS function that fires onload of the parent doc), ..
- that gets its display and visibility turned on when the user clicks a link in the parent doc, ...
- and then gets its display and visibility turned off again via a call to that same JS function in the parent doc that hid it in the first place by default.

here is just the relevant snip of the hiding JS function -
Code:

elementToSet.style.display = "none";
elementToSet.style.visibility = "hidden";

everything works fine, *BUT* this issue:
after the <div> disappears (the 2nd time, when the above snip is triggered in the iframe's parent via an onload event in the iframe doc)... then hyperlinks (in the parent file) that are geographically positioned underneath the <div id="outer_ecard"> do not work (i.e. they still think the ecard div is sitting on top of them (z-index:1).

Can anyone advise me here? I need the links underneath the ecard to behave as though that div was never there.

Thanks!
-Govinda