JavaScript - Is A Loop Needed? I Have No Idea !

Hello everyone I have this grand idea of creating a website and on it would be a large cube that, when one clicks and drags a corner, the cube would rotate in correspondence to the direction one drags his/her mouse and displays the other sides of the cube.

I'm a total beginner in Javascript so I don't know where to start out! Should I first make the cube in a 3-D model rendering program such as Blender? Or Photoshop? Etc.

All help is appreciated.

i have a great idea about a website where people make a profile and then make a music playlists based on there moods. but i cant find how to make user accounts. i have a code for the sign up and login sheets, but they lead to nothing. I am a a really new beginner at coding, so any help would be very thankful.
This is the code for the sign up sheets:
PHP Code:
<form id='login' action='login.php' method='post' accept-charset='UTF-8'>  

<fieldset >  

<legend>Login</legend>  

<input type='hidden' name='submitted' id='submitted' value='1'/>  

<label for='username' >UserName*:</label>  

<input type='text' name='username' id='username'  maxlength="50" />  

<label for='password' >Password*:</label>  

<input type='password' name='password' id='password' maxlength="50" />  

<input type='submit' name='Submit' value='Submit' />  

</fieldset>  

</form> 



AND THIS IS the code for the log in sheet:
PHP Code:


<form id='register' action='register.php' method='post'





    accept-charset='UTF-8'>





<fieldset >





<legend>Register</legend>





<input type='hidden' name='submitted' id='submitted' value='1'/>





<label for='name' >Your Full Name*: </label>





<input type='text' name='name' id='name' maxlength="50" />





<label for='email' >Email Address*:</label>





<input type='text' name='email' id='email' maxlength="50" />





<label for='username' >UserName*:</label>





<input type='text' name='username' id='username' maxlength="50" />





<label for='password' >Password*:</label>





<input type='password' name='password' id='password' maxlength="50" />





<input type='submit' name='Submit' value='Submit' />





</fieldset>





</form> 

Hi,
Ive been days searching posting, trying to find a solution to my pure css hover menu that works perfect, except in toucscreens.
Ive been today to apples shop to test, and yes sometimes it opens on click other it wont open, something strange.
So the best is to serve another menu to toucsreens such as smartphones and tablets, or make the menu work on both.
I have tried my menu (Peterneds whateverhover) but cant manage, also have no touchscreen to do tests on.

Searching I found Suckerfish Dropdowns and the dropdown have a script for ie6 as ie6 does not support hover.
This is the script:
Code:

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

I wonder, isnt it posible to change the onmouseover and onmouseout to touchstart and touchend?
I imagine that sounds just to easy, suppose if that were the case it would already been done, however I read that touchstart is for iphone etc...
Any help please, I do understand javascript when I read it, but am not able to do my own functions.
Thanks
Helen

[CODE]<script type="text/javascript" language="Javascript">
<!-- Hide script from older browsers

function toggleMenu(currMenu) {
if (document.getElementById) {
thisMenu = document.getElementById(currMenu).style
if (thisMenu.display == "block") {
thisMenu.display = "none"
}
else {
thisMenu.display = "block"
}
return false
}
else {
return true
}
}

// End hiding script -->
</script> [CODE]

[CODE]<a href="javascript:void(0);" onclick="return toggleMenu('menu3')">Title</a>[CODE]

It freezes in Internet Explorer; but works fine in Chrome.

Ok, I'm nearly pulling my hair out with this one. I have been looking at this code for two evenings now, and rewrote it 4 times already. It started out as jQuery code and now it's just concatenating strings together.

What I'm trying to do: Build a menu/outline using unordered lists from a multidimensional array.

What is happening: Inside the buildMenuHTML function, if I call buildMenuHTML, the for loop only happens once (i.e. only for 'i' having a value of '0'.) If I comment out the call to itself, it goes through the for loop all 3 times, but obviously the submenus are not created.

Here is the test object:
Code:

test = [
	{ 
	  "name" : "Menu 1", 
		"url" :  "menu1.html",
		"submenu" : [
		  {
				"name" : "menu 1 subitem 1",
				"url" :  "menu1subitem1.html"
			},
			{
				"name" : "menu 1 subitem 2",
				"url" :  "menu1subitem2.html"
			} ]
	},
	{ 
	  "name" : "Menu 2",
	  "url" :  "menu2.html", 
		"submenu" : [ 
		  { 
			  "name" : "menu 2subitem 1", 
			  "url" :  "menu2subitem1.html"
			},
		  { 
			  "name" : "menu 2subitem 1",
			  "url" :  "menu2subitem1.html"
		  } ]
	},
	{ 
	  "name" : "Menu 3",
	  "url" :  "menu3.html", 
		"submenu" : [ 
		  { 
			  "name" : "menu 3 subitem 1", 
			  "url" :  "menu3subitem1.html"
			},
		  { 
			  "name" : "menu 3 subitem 1",
			  "url" :  "menu3subitem1.html"
		  } ]
	}
];

Here is the recursive function:
Code:

function buildMenuHTML(menuData,level) {
	var ul;
	if (level == 1) {
		ul = "<ul id='menu'>";
	} else {
		ul = "<ul class='level" + level + "'>";
	}

	for (i = 0; i < menuData.length; i++) {
		menuItemData = menuData[i];
		
		ul += "<li>";
		ul += "<a href='" + menuItemData.url + "'>" + menuItemData.name + "</a>";
		
		if (typeof menuItemData.submenu != 'undefined') {
			ul += buildMenuHTML(menuItemData.submenu,level + 1);
		}
		
		ul += "</li>";
	}
	
	ul += "</ul>";
	return ul;
}

Here is how the function is called initially:
Code:

buildMenuHTML(test,1);

This is it's return value (with indentation added for readability):
Code:

<ul id='menu'>
  <li><a href='menu1.html'>Menu 1</a>
    <ul class='level2'>
      <li><a href='menu1subitem1.html'>menu 1 subitem 1</a></li>
      <li><a href='menu1subitem2.html'>menu 1 subitem 2</a></li>
    </ul>
  </li>
</ul>

'Menu 2' and 'Menu 3' don't show up! I'm sure it's something small that I'm overlooking, but any help would be appreciated.

Hi all

I'm well aware that I can't post assignments here and expect an answer, however, I have been staring at this code for so long. I feel I am close to the solution (to get the correct output to the browser) but I just cannot get it to count how many moves it takes. I don't want an answer, but a nudge in the right direction would be very grateful.
As you can see from the code and the output, it will attempt to write to the browser how many moves, but only '0'.

Code:

function rollDie()
{
	return Math.floor(Math.random() * 6) + 1;
}

/*
*searches for a number in a number array.
*
*function takes two arguments
*	the number to search for
*	the  number array to search
*function returns the array index at which the number was found, or -1 if not found.
*/
function findIndexOf(number, numberArray)
{
    var indexWhereFound = -1;
    for (var position = 0; position < numberArray.length; position = position + 1)
    {
        if (numberArray[position] == number)
        {
            indexWhereFound = position;
        }
    }
    return indexWhereFound;
}

//ARRAYS that represent the board -- you do not need to change these
//array of special squares
var specialSquaresArray = [1,7,25,32,39,46,65,68,71,77];
//array of corresponding squares the player ascends or descends to
var connectedSquaresArray = [20,9,29,13,51,41,79,73,35,58];

//VARIABLES used -- you do not need to change these
//the square the player is currently on
var playersPosition;
//play is initially at START
playersPosition = 0;

//what they score when they roll the die
var playersScore;

//the index of the player's position in the special squares array or -1
var indexOfNumber;

//MAIN PROGRAM

//TODO add code here for parts (iii), (iv)(b), (v), and (vi)
// start of question(iii)
playersScore = rollDie();
	document.write(' Sco  ' + playersScore);
playersPosition = playersScore + playersPosition;
	document.write(', Squa  ' + playersPosition);

indexOfNumber = findIndexOf(playersPosition, specialSquaresArray);

if (indexOfNumber != -1)
{
	document.write(', Ladder to Squa  ' + connectedSquaresArray[indexOfNumber]);
	playersPosition = connectedSquaresArray[indexOfNumber];
	indexOfNumber = -1;
}
document.write('<BR>')
// end of question(iii) 

// start of question(iv)(b) 
while(playersPosition<=80)


{
playersScore = rollDie()
	document.write(' Sco  ' + playersScore)
playersPosition = playersPosition + playersScore
	document.write(', Squa  ' + playersPosition)
indexOfNumber = findIndexOf(playersPosition, specialSquaresArray)


if(indexOfNumber != -1)
{
	document.write(', Ladder to Squa  ' + connectedSquaresArray[indexOfNumber]);
	playersPosition = connectedSquaresArray[indexOfNumber];
}	
	document.write('<BR>');
}
var countMoves = 0;
while(countMoves <= 0)
{
	document.write('You took ' + countMoves + ' moves to get out');
	countMoves = countMoves + 1
}	

/*for (var countMoves = 0; countMoves < playersPosition; countMoves = countMoves + 1)
{
	countMoves = countMoves + playersPosition;
	document.write('You took ' + countMoves + ' moves to get out');

}*/




// end of question(iv)(b) 

// start of question (v) 
/*if (playersPosition >=80)
{
	document.write('The player is out');
}*/
// end of question (v)





 
</SCRIPT>

</HEAD>
<BODY>
</BODY>
</HTML>

Many thanks.

Hey there. I'm creating my web-site now. I'm planing to have some slide/object change by itself. I know Java Script perform this task. I have get the code and apply to the image I want. It works. My idea is each of my image upper left corner have the representative number of the slide. When the slide1 go to slide 2 automatically, the number will change colour from 1 to 2. When the user click the number, the slide will change according to the number. Let said I have 3 slide. Each slide and have no 1 ,2 ,3 move forward, move backward icon on the upper left corner. I have slide1 ,slide2, slide3 change by itself within 2.5 second. When the user go thru slide 1, slide 2 and till slide3, user find out he/she interested on slide 1 and by clicking 1 on the upper left corner, the slide will change back to slide 1. Something like showing on the home page at www.easyjet.com.EN or http://www.thomascook.com/ . Both home page show a slide. This is what exactly I want. I learn HTML code before but not Java Script. I have borrow many Java Script reference book. but no idea how to inside the number on the upper left corner on each slide and how the number work accordingly with the slide.

So sorry if you can't understand what I was talking about. But, anyone who understand me or have any idea how can I mortify the Java script to what I want. Just answer or email me to trista_soo@yahoo.com or facebook me on sym107@hotmail.com.

Thanks for your time and efforts. Your help I really appreciate. Cheers!

Hello... Thanks for reading...

I am getting an undefined error when i try to get a value from this array in the interior loop...

Code:

// This is the array I am trying to access
AuditTable [0] = ["Visio Modifed date","Word Modified Date","User Status","User Comment","Last Audit","Audit Status","Audit Comment"]
AuditTable [1] = ["11/23/2009 8:52:18 AM","missing","OK","user comment number 1","1/1/2009","ok","audit comment number 1"]
AuditTable [2] = ["11/24/2009 12:21:19 AM","missing","Out of Date","Changes from 2008 not implemented","1/2/2009","Out of Date","needs update"]
AuditTable [3] = ["11/22/2009 9:24:42 PM","missing","Incomplete","Document doesnt cover all possibilities","1/3/2009","Inadequate","needs update"]

I have hard coded values and had success such as:
Code:

data = AuditTable[1][0]

But when I put the vars associated with the loop in I get an undefined error - AuditTable[i] is undefined:
Code:

// produces error
data = AuditTable[i][j]
//Works but retrieves wrong data
data = AuditTable[j][i]
//Works but retrieves wrong data
data = AuditTable[1][i]
//Works but retrieves wrong data
data = AuditTable[j][2]

I must be trying to access the array incorrectly or something... I have defined all the vars, and tried many combinations, alerted the values of both vars so I can prove it is not a scope issue... Am I missing something obvious? Thanks much...

Code:

var reportArray=new Array();
var reportData, title, subTitle, data;
		

for(i in parmarray)// loop thru AuditTable array and get values
		{
			title = '<div style="font-family:verdana; font-size:14px; font-weight:bold; margin:25px 0px 5px 30px">';
			title += namearray[i][0];
			title += '</div>';
			reportArray.push(title);//Take compiled variable value and put it into array
			
			for(j=0; j < AuditTable[0].length; j++)// loop thru AuditTable array and get values
			{
				
				subTitle = AuditTable[0][j];//points to first row of AuditTable where the labels are
				data = AuditTable[1][0];//points to the current row where actual data is
				
				html = i + j +'<div style="font-family:verdana; font-size:12px; color:#696969; font-weight:bold; margin-left:30px;">';
				html += subTitle;
				html += '</div><div style="font-family:verdana; font-size:12px; color:#a9a9a9; margin-left:30px; margin-bottom:10px">';
				html += data;
				html += "</div>";

				reportArray.push(html);// put results into array
			}		
		}

it wont loop, as long as you enter something in the name field it will submit. also how do i stop from submitting if all fields are not filled out? any help will be appreciated)
======
function checkForm(form)
{
var len = form.elements.length;
var h=0;
for (h=0; h<=len; h++){
if ((form.elements[h].value==null) || (form.elements[h].value=="")){
alert("Please enter "+document.myForm.elements[h].name);
document.myForm.elements[h].focus(); return false;
}
return true;
} }
===body-==
<FORM NAME="myForm" METHOD="post"
ACTION="http://ss1.prosofttraining.com/cgi-bin/process.pl">
Name:<BR>
<INPUT TYPE="text" size="30" NAME="name"><br>
Email address:<BR>
<INPUT TYPE="text" size="30" NAME="email address" onBlur="emailTest(this);"><br>
Phone number:<BR>
<INPUT TYPE="text" size="30" NAME="phone number"><br>
Fax number:<BR>
<INPUT TYPE="text" size="30" NAME="fax number"><p>
<INPUT TYPE="submit" VALUE="Submit Data" onClick="return checkForm(this.form);">
<INPUT TYPE="reset" VALUE="Reset Form">
</FORM>

Hi,

I am doing some studying and we was to create a small loop using either the for loop, while loop or do while loop. I chose to do the for loop because it was easier to understand, but I want to know how to do the same using the while loop. Here is the for loop I have, but I cant figure out how to change to while loop.

Code:

for (var i = 0; i < 5; ++i)
{
    for (var j = i; j < 5; ++j)
{
         document.write(j + "");
  }
  document.write("<br />");
}

output is equal to:
01234
1234
234
34
4

How do you make the same using a while loop?

Hello!

I am currently having some troubles finishing my website.
www.djbobambo.com.

I would like the music to play on every html page but the problem is that when i change a pages the music resets and begins from the beginning. I would like it to continue so when you change from page to page the music keeps playing.
Any ideas? Thanks!

This is the code i use:

Code:

<img id="music" onclick="musicfunc()" src="images/buttons/on.png" width="195" height="20" style="float: center; padding-right: 50px; padding-top: 58px;">
<OBJECT id="MediaPlayer" width="1" height="1" style="position:absolute; left:0;top:0;" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject">
<PARAM name="URL" value="home.mp3">
<PARAM name="AutoStart" value="True">
<PARAM name="PlayCount" value="9999">
</OBJECT>
<script type="text/javascript">
var musicstat = "1";function musicfunc(){if(musicstat == "0"){document.getElementById ('music').src="images/buttons/on.png";musicstat = "1";document.getElementById("MediaPlayer").setAttribute("URL", "home.mp3");}else if(musicstat == "1"){document.getElementById ('music').src="images/buttons/off.png";musicstat = "0";document.getElementById("MediaPlayer").setAttribute("URL", "");}}
</script>

Hi all,

I'm a new member of this forum. I need help. My validation code checks for errors while filling out a permission form. If any of the fields are invalid it alerts a javascript box. But it disappears only after 2 mouse clicks.

Can anyone help me out?

Thank you.
prik

Hello guys i really need your help please.

i need a code that when a button or image is clicked then a div's width and height are changed.

Ive managed to get a few codes that does this, but the real problem is that, the contents of the div is an embedded flash file and i thought that by setting the flash width and height to 100% then the flash would fit to the new size of the div, but it just didnt work.

I need a code that when a button is clicked then the div's and the flash's width and height are changed.

please have a look at the temp website (http://latinunit.net/temp/ , you will understand where im coming from.

on the right hand side i have a flash chat in a div , div is controled by a script that allows it to follow the scrollers up and down.

My goal is to add a little button in the same div that says expand or maximise so when clicked the the div expands aswell as the flash file.


i have spent 2 days on this little issue i just cant make it work, so please anyone can help me.

Hello all, I'm nick3d, from the UK. I'm new to this forum...
Anyway...
I am struggling with a project, basically what I want is.

I want a slide in menu bar to the left of my screen, which is also a floating menu, so it follows my page when scrolled up and down, also, in the menu on the left I want the links to be like this

UserCP
FAQ
Calender etc...

Then once link clicked I want this to happen

UserCP Change View Edit FAQ
Calender, etc. so tabs can be opened, are there any available scripts out there which does all this?? Or could any one point me in the right direction?

Hi everyone, Im have a problem here with having a mouseover hilight effect on my table. Can anyone help ? Im not great at js.


PHP Code:

if($i%2 == 0){$rcolor='#313131';}else{$rcolor='#212121';}

$sql=mysql_query("SELECT * FROM ranks_memberxp WHERE xp <=$mem[points] ORDER BY xp DESC LIMIT 1");
$rank=mysql_fetch_assoc($sql);

$sql=mysql_query("SELECT color FROM member_groups WHERE id=$mem[gid]");
$mem_color=mysql_result($sql,0);

$out[body].="
<tr style='background-color:$rcolor' height='24' > 
<td valign='center' width='2%'  align='center' background='$config[cellbgx]'><font color='white' size='3'>

$i
";

if($xp2[xperience_lastupdate] >= $xp2[xperience]){
$arrowicon=$out[body].="<img src='./images/rank_up.gif' border='0'>";
}
else if($xp2[xperience_lastupdate] <= $xp2[xperience]){
$arrowicon=$out[body].="<img src='./images/rank_down.gif' border='0'>";
}
else{
$arrowicon="";
}

$out[body].="
</font></td>
<td valign='center' width='7%'  align='center'><img src='./images/flags/{$mem[country]}_small.gif' border='0' /></td>
<td valign='center' width='7%'  align='left' background='$config[cellbgx]'><a href='./profile.php?account=$mem[id]'><b><span style='color:$mem_color' size='3'>$mem[name]</span></b></a></td>
<td valign='center' width='7%'  align='center' background='$config[cellbgx]'><img src='$rank[image]' height='15px' width='15px' title='$rank[name]'/></td>
<td valign='center' width='7%' align='center'>$pmerleague $pmerforum</td>
<td valign='center' width='7%' align='center'><a href='aim:goim?screenname=$mem[aim]&amp;message=Hello, are you there?'><img border='0' align='absmiddle' src='http://360IcoNs.com/images/aim.gif'></a></td>
<td class='tag' valign='center' width='19%' background='http://www.360icons.com/theme/dark-grunge/images/box.png'   style=' padding-left:130px;' align='center'>$mem[xbl]</td>
<td valign='center' width='7%' align='center'><b>$mem[points]</b></td>
<td valign='center' width='8%' align='center'>$online</td>
<td valign='center' width='8%'  align='center'>$mem[Joined]</td>
</tr></text>"; 



CAN SOMEONE TRY EDIT THAT TO GET IT TO WORK ? I just cant get it....