JavaScript - Referrer Checker Question

I have a js counter which keeps track of how many chars are in a field on an asp form. When the user clicks a button further down in the form, the form generates more fields. This also causes the js counter to reset to its original value, as the page is 'reloading' in a way. How can I check this value and keep it the same when the user clicks this button? I am including the code I have, if anyone has any ideas/suggestions thanks

javascript
Code:

<asp:Content ID="Content1" ContentPlaceHolderID="headContent" runat="server">
<script type="text/javascript">
        //limit of chars
    var lim = 128;
   
    function count(a) { 
        //difference count
        var dif = lim - a.value.length;
    
        while (dif < 0) {
            a.value = a.value.replace(/.$/, '')
            dif = lim - a.value.length;
        }
        
       //display difference count
        document.getElementById('myspan').firstChild.data = dif;
    }
</script>

counter in code
Code:

           <asp:TextBox ID="txtHeadline" runat="server" Width="600px" MaxLength="128"
                    CssClass="VariableText" onkeyup="count(this)"></asp:TextBox>
                        </td>
                        <td valign="middle" width="160px">
 <asp:Label ID="Label14" runat="server" Font-Bold="True" Font-Names="Tahoma" Font-Size="8pt"
                                 Text="Characters Remaining: " Width="130px" CssClass="LABEL" 
                                Height="16px"></asp:Label>                           
 <span id="myspan" Font-Names="Tahoma" Font-Size="8pt">128</span>

button
Code:

<asp:Button ID="btnInitializeTemplate" runat="server" OnClick="btnInitializeTemplate_Click"
                    Text="Initialize Template" CssClass="LABEL" />

i have tried
Code:

 <asp:Button ID="btnInitializeTemplate" runat="server" OnClientClick="return count(document.getElementById('txtHeadline'));" OnClick="btnInitializeTemplate_Click"
                    Text="Initialize Template" CssClass="LABEL" />

it compiles but the value remains reset. any advice on what im doing wrong?

Hi,
I have good script
Code:

<script type="text/javascript">
function chkcontrol(j) {
var total=0;
for(var i=0; i < document.form1.opt.length; i++){
if(document.form1.opt[i].checked){
total =total +1;}
if(total > 11){
alert("No more than 11 please") 
document.form1.opt[j].checked = false ;
return false;
}
}
}
</script>

But this script works only If I have:
<input type="checkbox" name="opt" value="1" onclick='chkcontrol(1)'>Opt 1
<input type="checkbox" name="opt" value="2" onclick='chkcontrol(2)'>Opt 2

I need to proces this form with PHP so, when I change opt to opt[] (<input type="checkbox" name="opt[]"..) script doesnt work anymore.

Couldnt find any script for it, so help me if you can.
Thank you

I badly need a Javascript syntax checker for my Javascript. Any suggestionss will be gratefully received.

Frank

Hello,

I have very little knowledge of javascript, other than modifying existing scripts, and I can't find anything about this particular problem. I need some help on creating a simple script that will display a div ONLY if the user comes from a certain page within the same site.

Not sure if that was clear, but let me try with specifics. There is a link to a page called 'Clients' on the 'About Us' page. If a user goes directly to 'Clients', they should have a normal experience. If, however, they come via the 'About Us' page, I want to display a div at the bottom of the page that will take them back to the 'About Us' page.

I know how to get a referrer, and I know how to show/hide divs. I just don't know how to combine the two. Can anyone help?

Visitors enter information in textarea's and form fields and I wish to allow them to have this spell checked before submitting.

What methods are open to me to do this.

Hello, I'm building a simple custom dropdown menu for a web-site so that I can control look and feel as well as the behavior of an iframe.

I've set it up so that when the user clicks on any of the menu's active components, an "if" sequence in the clickHandler() function is activated that gets the element's class. If the event occurred on a dropdown option, the event-target id is checked, and the appropriate function is called. At least this is how it's supposed to work.

All of the drop-down options have been assigned the "dmo" class. When I test the menu and click on other elements, it works fine. But when I click the "dmo" drop-down options, nothing happens. Firebug and IE Explorer Developer Tools both show no errors, but on clicking a dropdown option, the correlate code doesn't run at all, and after hours of head-banging, I have no idea why.

I need help on this one. Here's the code.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">

BODY {
	background:#000;
}
.DropMenu {
	width:228px;
	height:1.5em;
}
.DropMenu span {
	color:#FFF;
	font-size:0.875em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
.DropMenuLabel {
	float:left;
	width:85px;
	height:1.5em;
	padding:0.2em 0 0 0;
	text-indent:0.3em;
}
.DropMenuTopList {
	width:130px;
	float:left;
	height:1.5em;
	padding:0 0 0 0;
	cursor:pointer;
}
.DropMenuTopList img {
	padding:0.4em 0 0 0.3em;
	cursor:pointer;
}
.DropMenu span {
	color:#FFF;
	font-size:.875em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	vertical-align:center;
}
#dropMenuButton {
	cursor:pointer;
}
#dropMenuOptions {
	position:relative;
	width:130px;
	left:85px;
	padding:0.2em 0 0 0;
	visibility:hidden;
	cursor:pointer;
}
.MenuList {	
	list-style-type:none;
	top:0;
	left:0;
	width:100%;
	margin:1.5em 0 0 0;
	padding:0;
}
.MenuList li{
	height:1.5em;
	margin:0.2em 0 0 0;
	padding:0;
	width:100%;
	background-color:#666;
	border-color:#AAA;
	border:0.5px solid;
	text-indent:0.3em;
}
.dmo {
	z-index:100;
}

</style>

<script type="text/javascript" language="javascript">

window.onload = function() 
	{	
		setBehavior();
	}

function setBehavior()
	{
		/*
		var downButton = document.getElementById('dropMenuButton')
		downButton.onclick = new Function ( "showMenu()" );
		*/
		window.onclick = new Function ( "evt" , "clickHandler( evt )" );
	}

function clickHandler( evt )
	{
	
		var dropMenu = document.getElementById('dropMenuOptions');
	
		var e = evt;
		var targ;
	
		if (e.target) {targ = e.target}
		else if (e.srcElement) {targ = e.srcElement}
		
		var targClass = targ.getAttribute('class');
				
		/* classnames 
		
		dmb - dropdown button - this should toggle the dropdown visibility on and off on click, and toggle visibility on over/out
		dmo - option - once clicked, this should turn the dropdown visibility off
		
		*/
		
		var exclude = ("dmb" || "dmo")
		if (targClass != exclude )
			{
				hideMenu()				
			}
		
		else if (targClass == "dmb" )
			{
				if (dropMenu.style.visibility == "visible") { hideMenu() }
				else showMenu();
			}

		else if (targClass == "dmo" )
			{
				if ( targ.id == "option1" ){ window.open(www.bing.com,"Bing") }
				else if ( targ.id == "option2" ){ window.open(www.bing.com,"Bing") }
				else if ( targ.id == "option3" ){ window.open(www.cuil.com,"Cuil") }
				hideMenu();
			}
	}

function showMenu()
	{
		var dropMenu = document.getElementById('dropMenuOptions');
		
		dropMenu.style.visibility= "visible";
	}

function hideMenu()
	{
		var dropMenu = document.getElementById('dropMenuOptions');
		
		dropMenu.style.visibility= "hidden";
	}

</script>


</head>

<body>

<div id="customMenu" class="DropMenu">
	<span>
    
    <div class="DropMenuLabel">Options:</div>
    
    <div class="DropMenuTopList dmb" id="dropMenuTopList">Temp Text
   	    <img class="dmb" id="dropMenuButton" src="Assets/Buttons/DropMenuDownButton.png">
        </img>
    </div>
    
    <div class="dmo DropMenuOptions" id="dropMenuOptions">
        <ul id="menuList" class="dmo MenuList">
            <li id="option1" class="dmo">Option1</li>
            <li id="option2" class="dmo">Option2</li>
            <li id="option3" class="dmo">Option3</li>
        </ul>                
    </div>
        
    </span>    

</div>


</body>
</html>

Ok i have been working on this for a while now. I have to have 3 fish swim across the screen in both direction. I have tried a few things but nothing is working. Can someone please explain to me what I am doing wrong. here is my code for you guys to look at it.
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fish tank</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
// <![CDATA[
var fishPos = new Array(3);
  fishPos[0] = "fish1.gif"; 
  fishPos[1] = "fish2.gif"; 
  fishPos[2] = "fish3.gif";
var fillPosition = 10;
for(var i = 0; i < 50; ++i) {
        horizontal[i] = fillPosition;
        fillPosition += 10;
}
function fishSwim(fishNumber) {
document.getElementById("fishPos").style.left = horizontal + "px";
++fishPos[fishNumber];
if (fishPos[fishNumber] == 49)
        fishPos[fishNumber] = 0;
}

function startSwimming() {
        setInterval(fish1Swim, 100);
}
// ]]>
</script>
</head>
<body onload="startSwimming();">
<p><span id="fish1" style=
"position:absolute; left:10px; top:10px"><img src="fish1.gif" alt="Image of a fish" /></span></p>
<p><span id="fish2" style=
"position:absolute; left:10px; top:120px"><img src="fish3.gif" alt="Image of a fish" /></span></p>
<p><span id="fish3" style=
"position:absolute; left:10px; top:250px"><img src="fish2.gif" alt="Image of a fish" /></span></p>
</body>
</html>

I am really not understanding and in my book it only give me a page to read about the animation. I am still new to it. Thanks for looking

hello all
ive been asked to create a javascript slideshow.... and i don't really understand it that much i know a little javscript but not much........ is thier any helpful sites that i can use to teach you step by step to make a javascript slide show????

also if don't want loads of code to be used, i want the code to be clean insted of loads and loads of code what is just unessary.

i will be linking the javascript file to the html file so i need to keep the code to a min


LOL



CHEERS

Hello, i haven't understood how to find the id from buttons, links, button images to auto click yet for example, i want to CLICK HERE how can i do that? how i find the id (I Own firefox with firebug and know basic html) it will be something like
javascript:document.GetElementById('id').click(); right?
but just want to know how to find or create ids on sites for auto click
thanks

Hi all
I am doing an assigment and have gotten to the end and cannot get the unordered list to work.
If I try having my </script> tag below the </ul> it does not display anything
If i have it above it will only display the varible names or what ever I type between the <li> </li> tag and not the varible assigment.
num1,2,3,4 being the varible name. ie.

</script>
<ul>
<li>num1</li> I have tryed
<li>+num2+</li> also tryed
<li>(num3)</li> also tryed
<li>'num4'</li> also tryed and does not display
</ul>
</head>
</html>

The following does not display any thing
<ul>
<li>num1</li> I have tryed
<li>+num2+</li> also tryed
<li>(num3)</li> also tryed
<li>'num4'</li> also tryed
</ul>


</script>

</head>
</html>

I need to get the <li></li> to display not what I type in there but the assigment of the varible name I put in there.,or the output the varible calculation produces.

Hope that was easy to understand lol
Any advise would be awesome,
cheers
Shayne Darcy.

You are given a mathematical expression containing integers and the basic operations: *,+,-, /. Find
the number of unique results that can be obtained by parenthesizing the expression differently. i.e.,
by changing the order of evaluation of the operations. Note that all operations are integer operations.
For example, if the input is 2 ∗ 3 + 6/2, your output should be 4.

Plzz help me with this qs.........

Could someone please take a look at my code? It's a simple quiz with one multiple choice question and one fill in the blank.

When the user clicks on 'submit' I tried to show some kind of response with correct/incorrect images next to the question. It works with the multiple choice question, but not with the fill in the blank. How can I get the fill in the blank question to work. It always shows the answer as being wrong. Thank you.

Quote:
answer_list = [
['False'],
['body','hips','knees']

// Note: No comma after final entry
];

response = [];

function setAnswer(question, answer) {
response[question] = answer;
}

function CheckAnswers() {
var correct = 0;

var flag, resp, answ;

for (var i = 0; i < answer_list.length; i++) {
flag = false;
for(var j=0; j<answer_list[i].length; j++){
resp = response[i].toLowerCase();
answ = answer_list[i][j].toLowerCase();


#################################################################################################
if (response[0] == answer_list[0]) {

flag = true;
document.myquiz.a1c.style.backgroundImage="url('correct.gif')";
}
else{
document.myquiz.a1c.style.backgroundImage = "url('incorrect.gif')";
document.myquiz.a1c.value = " ANS: False. Position the head snugly against the top bar of the frame and then bring the foot board to the infant's feet.";
}


if (response[1] == answer_list[1]) {

flag = true;
document.myquiz.a1d.style.backgroundImage="url('correct.gif')";
}
else{
document.myquiz.a1d.style.backgroundImage = "url('incorrect.gif')";

}
###################################################################################################

}

if (flag) { correct++; }
}
document.writeln("You got " + correct + " of " + answer_list.length + " questions correct!");
}

</SCRIPT>
</HEAD>
<FORM name="myquiz">

<B>1. When measuring height/length of a child who cannot securely stand, place the infant such that his or her feet are flat against the foot board.</B>
<label><INPUT TYPE=radio NAME=question0 VALUE="True" onClick="setAnswer(0,this.value)">True</label>
<label><INPUT TYPE=radio NAME=question0 VALUE="False" onClick="setAnswer(0,this.value)">False</label>

<textarea rows="2" cols="85" name="a1c" style="background-repeat:no-repeat"></textarea>


<B>2. When taking a supine length measurement, straighten the infant's <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">, <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">, and <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">.</B>

<textarea rows="2" cols="85" name="a1d" style="background-repeat:no-repeat"></textarea>


<INPUT TYPE="button" NAME="check" VALUE="Check Answers" onClick=CheckAnswers()>
</FORM>
</div>
</FONT>
</BODY>
</HTML>

I'm not sure if this is the correct forum or not, but here goes.

I want to make a very simple XUL document. Just a simple basic window to be opened up, but, i want the XUL to Load and Render an HTML File.
I'm not sure about what function(s) to call to achieve this, can anyone give me any ideas to go on?

here's what i have so far

use my JavaScript Function called LoadFromDisk(FileName), if the file is there or the load is sucessfull, it can be stored as a variable. And then i have a single Division in the XUL document called RenderWindow. From there i set the innerHTML of the RenderWindow to the data that was loaded from the disk.
Is this the right way?

thanks

I was asked to redo a menu for this site:
http://www.listlabs.com/index.php

It was originally an imaged based menu, but they wanted it all changed to css/html. I used quickmenu and it used JS to produce the arrows at the top of each menu item.
Now to my question...

I'm trying to program the menu items to stay active when on the current page. At first, it looks correct, but if you hover back over the menu, it changes back to the inactive state.
Any help would be great!

Thanks.

Hi all,

I am trying to do a simple "animation" of the background color of a button. I want it to do 10 different colors in the course of 1 second. I have a loop like this (pseudo code):

Code:

    var e = "the button element";
    var c = 10;
    while (c--) {
        setTimeout(function(){ e.style.backgroundColor=(random color); }, (c * 100));
    }

I expect that 10 instances of "setTimeout" would be created, each one timing out 0.1 seconds later than the previous one, giving me an "animation" of 10 different colors over the course of 1 second.

Strangely, it doesn't work. All it does is WAIT one second, then set the background to the LAST color.

What am I doing wrong? I can't see it.

Thanks!

-- Roger

Edit:
I also tried to do the loop forward instead... no difference.