JavaScript - Forms, Secret Codes And Goto Url

Hi, I am making game calculator but i am having problem with coding...

.::Java script::.

Code:

<script language="javascript">
function temp(form)
{
  var a = (form.DegF.value);
  var b = (form.DegF2.value);
  var c = (form.DegF3.value);
  var d = (form.DegF4.value);
  var e= (form.DegF5.value);
  var f= (form.DegF6.value);
  var g= (form.DegF7.value);
  var h= (form.DegF8.value);
  var i= (form.DegF9.value);
  var j= (form.DegF10.value);
  var k= (form.DegF11.value);
  var l= (form.DegF12.value);
  var m= (form.DegF13.value);
  var n= (form.DegF14.value);
  var o= (form.DegF15.value);
   var aa= (Math.pow(a,3));
   var bb= (Math.pow(b,3));
   var cc= (Math.pow(c,3));
   var dd= (Math.pow(d,3));
   var ee= (Math.pow(e,3));
   var ff= (Math.pow(f,3));
   var gg= (Math.pow(g,3));
   var hh= (Math.pow(h,3));
   var ii= (Math.pow(i,3));
   var jj= (Math.pow(j,3));
   var kk= (Math.pow(k,3));
   var ll= (Math.pow(l,3));
   var mm= (Math.pow(m,3));
   var nn= (Math.pow(n,3));
   var oo= (Math.pow(o,3));  
   var q = (aa+bb+cc+dd+ee+ff+gg+hh+ii+jj+kk+ll+mm+nn+oo);
   var y = (aa+bb+cc+dd+ee+ff+gg+hh+ii+jj+kk+ll+mm+nn+oo);  
   form.DegD.value = y
   var p = 0;
   p = (Math.pow(q,1/3)) ;
   z = (Math.round(p));
   form.DegC.value = z
     
}

</script>

.::Html::.

Code:

<form style="text-align:center">
<label>01 <input name=DegF type=text value=0 size=30 maxlength=30 /> </label><br/>
<label>02 <input name=DegF2 type=text value=0 size=30 maxlength=30 /> </label><br/>
<label>03 <input name=DegF3 type=text value=0 size=30 maxlength=30 /> </label><br/>
<label>04 <input name=DegF4 type=text value=0 size=30 maxlength=30 /> </label><br/>
<label>05 <input name=DegF5 type=text value=0 size=30 maxlength=30 /> </label><br/>
<label>06 <input name=DegF6 type=text value=0 size=30 maxlength=30 /> </label><br/>
<label>07 <input name=DegF7 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>08 <input name=DegF8 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>09 <input name=DegF9 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>10 <input name=DegF10 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>11 <input name=DegF11 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>12 <input name=DegF12 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>13 <input name=DegF13 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>14 <input name=DegF14 type=text value="0"size=30 maxlength=30 /> </label><br/>
<label>15 <input name=DegF15 type=text value="0"size=30 maxlength=30 /></label>
<p><input type=button onclick=temp(this.form) value=Calculate name="calc"/>
<label><input type=reset name=Reset id=Reset value=Clear /></label></p>
<blockquote><p>Total Exp&nbsp;&nbsp; <label><input name=DegD type=text size=40 readonly="readonly" /></label></p>
<p>Total Level <label><input name=DegC type=text size=40 readonly=readonly /></label></p></blockquote>
</form>

Here is the website (Example) :: http://xcyber.netii.net/

.::The problem::.

I want to add +1 if one field is filled or add +2 if two fields are filled or etc... at Total Exp txt field.
I dont know how to code that part.
Your help will be most appreciated!
Thanks for reading...

I was wondering if there was someone who could help me with an easy issue for pro coders. I'm really new to this, but i have tried hard in many hours without any results.

I have an JS code making the navigation on my webpage dynimacly to load. So the url is always index.html and then you can press at the menu you will get dynamicly the content of home.html in one special div called "container". But i was wondering if i could make this div to fade out and in when you click at it. So i find another code that should do it, but i really dont know how to mix them up...

The base code for the ajax load page:
Code:

	<script type="text/javascript">
var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
</script>

And then i use a google api that allowed the functions: fadeIn and fadeOut. So i think i have to take them out of this code and paste it in the one above or something? Because i dont want this whole code below:
Code:

$(document).ready(function(){
	//References
	var sections = $("#dyn");
	var loading = $("#loading");
	var content = $("#content");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "home":
				content.fadeOut();
				content.load("home.php .screen", hideLoading);
				content.fadeIn();
				break;
			case "about":
				content.fadeOut();
				content.load("home.php", hideLoading);
				content.fadeIn();
				break;
			case "interviews":
				content.slideUp();
				content.load("page.php #section_interviews", hideLoading);
				content.slideDown();
				break;
			case "external":
				content.slideUp();
				content.load("page.php", hideLoading);
				content.slideDown();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});
	
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});

I'm doing an assignment and I'm trying to get these codes to work but nothing works. Can anyone help please?

Code:

<script type = "text/javaScript">


var animal = prompt("Please enter the name of an animal (elephant would be good!)","");
animal = animal.toUppercase();
if (animal="ELEPHANT")
     {
	 alert ("Elephants are very large and also gentle.");
	 alert ("Have you ever seen an elephant in the circus?");
	 }
else
	 {
	 alert("You have entered an unknown animal which is called a " + animal);
	 alert("This program will self-destruct in 10 seconds");
	 alert(" 10 -  9 - 8 - 7 - 6 - 5 - 4 - 3 - 2 - 1 ...");
	 }
</script>

Code:

<script type = "text/javaScript">
	
	 

var rating = prompt("Enter a movie rating (G, PG, R...)","");
rating = rating.toLowercase()

switch (rating)
{
	case "g":
		alert("G means this movie is rated for General Audiences");
		break;
	case "pg":
		alert("PG means this movie is rated for General Audiences with Parents attending");
		break;
	case "r":
		alert("R means this movie is rated for Restricted Audiences.  May contain violence.");
		break;
	default: alert ("This program is rated G.  We are not allowed to comment on the movie rating " + rating); 
}

</script>

Is there any way to use javascript to strip codes or text from a webpage.

I am new to using Javascript. Can someone help me combine these two codes? I can't get it to work.

[code]

body {background-color: #FFFFee;}
.c
{
position: absolute;
font-size: 1px;
background:red;
height: 2px;
width: 2px;
}
.d
{
position: absolute;
font-size: 1px;
background:blue;
height: 2px;
width: 2px;
}
</style>
</head> <body>
<script language="javascript">
var i,y,x,y1;
for (i=1; i<600; i++)
{
y=150-100*Math.sin(i/50);
y1=150-100*Math.cos(i/50);
x=i+50;
document.write("<span class='c' style='left:"+x+";top:"+y+";'></span>");
document.write("<span class='d' style='left:"+x+";top:"+y1+";'></span>");

}

[code]


with this one.

[code]

.moveimage
{
position:absolute;
left:20; top:50;
z-index:2;
}

</style>
<script language="JavaScript">


var fishLeft = 20;
var imgWidth = 106;

function moveFish()
{
var elem = document.getElementById("myDiv");
fishLeft+=4;
if(fishLeft > document.body.clientWidth + (imgWidth / 2))
fishLeft = imgWidth / 2;

elem.style.left = fishLeft;
window.status= fishLeft ;
setTimeout("moveFish()", 100);
}

</script>
<title></title>
</head>
<body>

<br>
<div id="myDiv" class="moveImage"><img src="fish1.gif"></div>
<br><br><br><br><br><br><br><br><br>

<input type="button" value="Move Fish" onClick="moveFish()" ID="Button1" NAME="Button1">

[code]

Hi all,

I have made some codes that I want to assemble into one script. However, the codes run perfectly separately but when assembled together under one script, they throw up different sorts of errors. I am assembling different functions into one script, with a global variable as my first line. Any ideas how I could fix this?

Hello,

Hello, I am new to javascript. I want to combine those two scripts in one, but unfortunately I cannot do this by myself. The main idea is to take a random youtube link and put it on the player so my website users can watch a random youtube video when they refresh the page. If there is someone who can help me with this problem, I will be really thankful. The two codes that I am strangling with are at the end of this post. Thanks in advance.

Code number one (Random Text Display)
Code:

<script language='JavaScript'>

var r_text = new Array ();
r_text[0] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[1] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[2] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[3] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[4] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[5] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[6] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
var i = Math.floor(7*Math.random())

document.write(r_text[i]);

</script>

The second code (JW Player)
Code:

<script type='text/javascript'>
    jwplayer('myElement').setup({
        file: 'TUK',
		 width: 290,
    });
</script>

Reply With Quote




01-08-2015, 08:17 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

Just put the two scripts within the same set of script tags. Note that <script language='JavaScript'> is long obsolete.


Code:

<script type = "text/javascript">

jwplayer('myElement').setup({
file: 'TUK',
width: 290,

var r_text = new Array ();
r_text[0] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[1] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[2] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[3] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[4] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[5] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
r_text[6] = 'https://www.youtube.com/watch?v=r3k4TopCrS4';
var i = Math.floor(7*Math.random())

document.write(r_text[i]);

</script>

I'm using forum with bb rich text editor, the problem that sometimes when a user copy and paste content, there ere extra codes that are not supported like:

Code:

[highlight=#ff0000][/highlight] 
[blockquote][/blockquote] 
[CENTER ALIGN=CENTER][/CENTER ALIGN]

Can you help me to write a script that automatically reformat the html content when pasted and only keeps specified tags like [img],[url],[b], defined in array ...

If it is not possible to reformat content when paste, I can add a button to the editor and call that function to format the content and return plain text with a specific tags.

I tried this script:
Code:

function removeHtmlTag(strx){ 
	if(strx.indexOf("[")!=-1)
	{
		var s = strx.split("["); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf("]")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf("]")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	return strx+''; 
}

It made to strip html tags, I replaced <> with [], It removes all tags and don't put space instead of the removed tags,

example: Code:

hello[h1]Name[/h1]

Will be like : helloName ???

I got an idea to make a stupid trick, like converting [IMG] to {IMG} and run that function and re convert {IMG} to [IMG] ...

Please help, I'm not good in Regular Expressions.

Thanks for your time,
Regards.

hi guys i have a form and i am using javascript to make the password. The problem is i want to use multiple users however it doesn't work when i place a comma in so do you have any suggestions? i will put the code below thanks.
Code:

/*the following code checkes whether the entered userid and password are matching*/ if(form.userid.value == "darran" && form.pswrd.value == "password")

Hi, my users will be filling in a text box, and its contents will be forwarded to another page via a form link. I keep coming across new instances of characters getting converted to %2 codes, eg ! gets changed to %21, ' gets changed to %2C etc. At the moment I am replacing these with javascript on the receiving page, but this can't be the best way to do it. And I don't really understand why it happens anyway. Is there a way of making sure what gets typed in gets forwarded correctly? Or failing that, is there a list I can use to find them all? Thanks, Tim.

I am trying to use these two js codes in one page:


http://acrisdesign.com/2010/03/jquer...on-hoverclick/

http://www.huddletogether.com/projects/lightbox2/

They both work perfectly fine except when both linked up at the same time. Only the last one will work. I've tried to find how the codes are working when the page loads in order to fix that problem but I cant figure it out for these two specific codes.

Thanks.

I am developing a web application based on a Java servlet. The servlet outputs html and javascript codes and receives some result from a thread, which works behind the servlet.
Thus, html and javascript codes dynamically varies.

While result equals null (a thread is not completed), it shows "Currently processing," and refreshes Code:

<div id="load"> - </div>

every second automatically.
After receiving some results, it should stop automatic refreshing and show "Done."

I wrote source codes described below. It shows "Done" after getting some results, but does not stop refreshing.
However, when I manually refresh the page (Ctrl-R), the script is loaded and reloading is stopped.

How can I pull javascript codes automatically?

Code:

<head>
<script type=\"text/javascript\">
var auto_refresh = setInterval(
function start()
{
$('#load').load('./Page' + ' #load');
}, 1000);
</script>           
</head>

<div id="load">
if (result == null) {
    // the variable result is received from a behind thread every second. 
    // while a thread is processed
    <p>Currently processing. <p>
    
} else {
    // a thread is completed

    // try to stop reloading
    <script type=\"text/javascript\">
    clearInterval(auto_refresh);
    </script> 

    <p>Done. <p>
} 
</div>

Hi I need to access and edit html codes that belong to another file.

index.html
Code:

<tr>
          <td width="120"><a href=" pic1.html " rel="lyteframe[group]" title="" rev="width: 780px;  height: 480px; scrolling: no;"><img src="images/pic1_tn.jpg" width="120" height="60" border="0"></a></td>
          <td width="120"><a href="pic2.html" rel="lyteframe[group]" title="" rev="width: 780px;  height: 480px; scrolling: no;"><img src="images/pic2_tn.jpg" width="120" height="60" border="0"></a></td>     
</tr>

Example:
For the above I want to change the pic1.html to pic6.html. I have a file Helper.html that will change this value on a click of a button. How do I go about doing that?

Regards,

I made a post a really long time ago and can't find my original post so I am re-posting. The code has changed a little and not sure where to go from here. I am trying to validate US and Canada zipcodes based on the Country selection. So if I select Country US validate zip for US or if I select Country Canada validate zip for Canada. I really don't know javascript and this code was sent to me but it doesn't work and can't make sense of what to do. Can anyone please help? I am attaching the code.


Code:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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>

<script> 
function checkForOther(obj) { 
 test = obj.value
 if (!document.layers) { 
 var txt = document.getElementById("otherTitle"); 
 if (obj.value == "US")
 txt.style.display = "inline";
 
 else (obj.value == "CA")
 txt.style.display = "inline";
 { 
  } 
 } 
} 
</script>
 
  <script type = "text/javascript">
  
   function validZip(zip) {  
      var reUS = /^([0-9]{5})(?:[-\s]*([0-9]{4}))?$/, // US Zip  
         reCA = /^([A-Z][0-9][A-Z])\s*([0-9][A-Z][0-9])$/; // CA Zip  
     
    return zip.match(reUS) || zip.match(reCA);  
}  			  

</script>
</head>

<body>

<form action="https://www.amm.org/memserv/survey/surveypg2.asp" method="post" name="survey1" id="survey1" onKeyUp="highlight(event)" onClick="highlight(event)">

  <p><strong>Country:&nbsp;</strong>
    <select name="selTitle" id="titles" onchange="checkForOther(this)"> 
      <option value="0">**</option> 
      <option value="CA">Canada</option> 
      <option value="US">United States</option> 
    </select> 
  </p>
  <p><strong>US Zip Code:&nbsp;&nbsp;</strong>
  <input name="ZIP" type="text" id="otherTitle" style="display:none;" onchange="if (validZip(this.value)) {alert('*** Please enter a valid zip code.');}"/>
    <!--<input type="text" id="otherTitle" name="zip" style="display:none;" maxlength="10" onchange ="validZip(this.value)">-->
  </p>
</form>
</body>
</html>

Okay well here is my code. i want to mkae it so the functions add together to get a total price, i need some help

Code:

<html> 
<head> 
</head> 
<script type="text/javascript"> 

function addit(){ 
  if(document.getElementById("add").value=="0") 
    { 
        document.getElementById("amount").value="$0.00" 
    } 
    if(document.getElementById("add").value=="1") 
    { 
        document.getElementById("amount").value="$5.00" 
    } 
    if(document.getElementById("add").value=="2") 
    { 
        document.getElementById("amount").value="$10.00" 
    } 
    if(document.getElementById("add").value=="3") 
    { 
        document.getElementById("amount").value="$15.00" 
    } 
	
} 
function addit2(){
	 if(document.getElementById("add2").value=="4") 
    { 
        document.getElementById("amount").value="$30.00" 
    } 
	 if(document.getElementById("add2").value=="5") 
    { 
        document.getElementById("amount").value="$40.00" 
    } 
	
}
</script> 
<body> 
<table class="comparison pricing-email" border="0" cellspacing="1" cellpadding="0" width="30%"> 
<tbody> 
<tr class="row1"> 
<td class="col1">Choose # of EMAIL accounts: &nbsp; 
<select style="width: 60px; font-size: 17px;" name="add" id="add" onChange="addit()"> 
<option value="0"> </option> 
<option value="1">1</option> 
<option value="2">3</option> 
<option value="3">6</option> 
</select> 
</td> 
</tr> 
<tr class="row2"> 
<td class="col2">Choose # of EMAIL accounts: &nbsp; 
<select style="width: 60px; font-size: 17px;" name="add" id="add2" onChange="addit2()"> 
<option value="0"> </option> 
<option value="4">44</option> 
<option value="5">43</option> 
<option value="3">342</option> 
</select> 
</td> 
</tr> 

<tr class="row1"> 
<td class="col1">Total Price: <input type="text" id="amount" value="" style="border:none; font-size:13pt;"></td> 
</tr><tr> 
<td> 
<input type="submit" name="submit" value="Sign-Up"> 
</td> 
</tr> 
</tbody> 
</table> 
</form> 
</body>