JavaScript - Grabbing Text From Page

How do I make it so that typing into a text box and hitting a button will take me to a different page and populate a text box on that page with the text from the previous page?

Is there a way to pull a text off a certain div on a page, and put it into a javascript string? I'm certain that the field has a particular name and id that I can use, if need be.

Good Morning all
I have a code that worked and i messed something up trying to add on to it and i cant figure out what i did
I have a form for gift certificates (giftcerticate.html)user enters to: amount: from: then can choose a gift card to include with it. to do so they click a link that sends them to another page (giftcards.html) with a group of radio buttons. they choose a radio button where the result is to be sent back to the first page (giftcerticate.html) and place the result in a text box with a sample of the giftcard image.
My issue is that when i go back to the first page it does not pass any of the values to the textboxes. it does show the the text box id's in the URL but no values or place them in the boxes.
here is what it sends in the url:

http://www.allyscandle.com/index/GIF....html?product1[]2=&product1[]=&price1=&giftcardstocknumber=BBA+-+003&submit=CARD+STYLE+CHOOSEN

here is the script:

<script type="text/javascript">
function getURI(string,parm) {
var url = location.href; // Get the current URL
var gsn = (location.href.split('giftcardstocknumber=')[1].split('&')[0]).replace(/\+/g,' ');
var img = (location.href.split('img=')[1]).replace(/\+/g,' ');

document.getElementById('gsn').value = gsn;
document.getElementById('gsn-img').src = 'GIFTCARDS/'+img;
}
window.addEventListener?window.addEventListener('load',getURI,false):window.attachEvent('onload',get URI);
</script>


here are the two forms
http://www.allyscandle.com/index/GIFTCERTIFICATES.html
http://www.allyscandle.com/index/GIFTCARDS.html

any help would be great i have been at this for a week now

Hi,

I would like to adapt this script to make it so that when the user selects something in the dropdown, it changes the text within a div (for example, but so i can have formatting)

this is because i want to have html in the text that appears (instead of it being in a textarea)

ive been trying to get this to work but not with much luck

thanks for any help!

Hello, how do I replace text throughout a page?

I would like to replace:
Code:

<IMG SRC="../template/wysiwyg/uploads/image1.jpg">

with:
Code:

<IMG SRC="template/wysiwyg/uploads/image1.jpg">

removing the:
Code:

../

throughout the whole page.

Thank you!

Just wondering if there is a way to scan a page for strings of text where the combined text has more than 6 concurrent numbers and then highlight that particular string? I work backend on a project and i have to watch for strings in which if there is more than 6 numbers in a row have to be deleted.

The HTML of the backend for one string looks like this:
Code:

<tr class="row2"><th><a href="7457301/">7457301</a></th><td class="nowrap">May 19, 2011, 10:59 a.m.</td><td class="nowrap">May 19, 2011, 10:59 a.m.</td><td>asdf485920</td><td><div class="jquery-buttongroup"><input type="radio" id="form-1-status_A" name="form-1-status" value="A" /><label for="form-1-status_A">Approved</label><input type="radio" id="form-1-status_I" name="form-1-status" value="I" checked="checked" /><label for="form-1-status_I">Inactive</label><input type="radio" id="form-1-status_D" name="form-1-status" value="D" /><label for="form-1-status_D">Deleted</label></div></td><input type="hidden" name="form-1-kid_id" value="7457301" id="id_form-1-kid_id" /></tr>

The part i want to search though is the name part <td>asdf485920</td> and not the account number <a href="7457301/">7457301</a>

hello i've followed this javascript and i'd like to link the text to one of my page.How do i place the ahref tag in the script.Appreciate your help http://www.javascriptkit.com/script/script2/neontext.shtml

I'm writing a calculator script that will need user input (how much they pay on internet, phone or cable bill) and then multiply those numbers by a known rate and then show the customer the new number.

I have the math setup (working right now), and the script works to spit out the answers in an alert.

Instead of the alert (which is the only thing I can do correctly at this point), I need the script to give the answers for each bill and then a total answer at the bottom.

The script is here, it's all in the index file. http://gotsmith.com/calculator/

Thanks.

Hi. Stuck on an assignment, inserting 3 files that i am working with, unable to get the unhide or move functions working. Thanks for all your help.

***Index.htm
Code:

01.<html>
02.<head>
03.<!-- 
04.   New Perspectives on JavaScript
05.   Tutorial 4
06.   Review Assignment
07. 
08.   Avalon Books
09.   Author: Rexdreamer
10.   Date:   08/12/09
11. 
12.   Filename:       index.htm
13.   Supporting files: ab.gif, ablogo.gif, avalon2.htm
14.-->
15.<title>Avalon Books</title>
16.<script type="text/javascript" >								   //insert embedded script that uses an if statement to test for W3C DOM
17.  if (document.getElementById) location.href="avalon2.htm"	   //if supported browser load avalon2.htm using the href prop of the location obj
18.</script>												    
19. 
20.</head>
21. 
22.<body style="background-color: black">
23.<p style="text-align: center">
24.<img src="ablogo.jpg" alt="Avalon Books" /><br />
25.<img src="ab.gif" alt="" />
26.</p>
27.</body>
28.</html>

***Avalon.htm

Code:

<html>
<head>
<!-- 
   New Perspectives on JavaScript
   Tutorial 4
   Review Assignment

   Avalon Books
   Author: Chris Veal
   Date:   08/12/09

   Filename:         avalon2.htm
   Supporting files: kids.jpg, fiction.jpg, nfiction.jpg, scripts2.js, styles2.css
-->
<title>Avalon Books</title>
<link href="styles2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script2.js"></script> 	
<script type="text/javascript">
function placeObjects() {	   								//insert function named placeObj
var w = winWidth/2;		 	   								//declare variable named w that is =1/2 of the value returned by the winWidth function
placeit("avalon2", W-75, 0);
placeit("kids", W-75, 100);									//place kids coordiantes at w75,100
placeit("fiction", W-75, 100);
placeit("nfiction", W-75, 100);
setZ("kids",z3)			  	   								//use setZ functionto set zindex for kids object to 3
setZ("fiction",z2)											//use setZ functionto set zindex for fiction object to 2
setZ("nfiction",z1)											//use setZ functionto set zindex for nfiction object to 1
moveAvalon();												//call the moveAvalon function
}
function moveAvalon() {
var x = xc
if (x <= w-125);
shiftIt("avalon",10);
setTimeout("moveAvalon",50);
}
if (x > w-125) {
  												
}
}
function swapImages() {										//insert swapimages function, purpose to change the stacking order of the 3image obj
setTimeout("showIt('kids')");
setTimeout("showIt('fiction')");
setTimeout("showIt('nfiction')");
setTimeout("swapIt()", 2000);
}
</script>
</head>

<body onload="placeObjects()">

<div id="kids">
   <img src="kids.jpg" alt="" /><br />
   Sale this month on children's books
</div>

<div id="fiction">
   <img src="fiction.jpg" alt="" /><br />
   Fiction selection of the month
</div>

<div id="nfiction">
   <img src="nfiction.jpg" alt="" /><br />
   Non-fiction selection of the month
</div>

<div id="avalon">
   Avalon <span id="books">Books</span>
</div>

</body>
</html>

***script.js
Code:

/* 
   New Perspectives on JavaScript
   Tutorial 4
   Review Assignment

   Avalon Books
   Name: Chris Veal
   Date: 08/12/09

   Function List:
   xCoord(id)
      Returns the x-coordinate of the object with id with the value id

   placeIt(id, x, y)
      Places the id object at the coordinates (x,y)

   shiftIt(id, dx, dy)
      Moves the id object dx pixels to the right and dy pixels down

   showIt(id)
      Hides the id object by setting its visibility style to "visible"

   winWidth()
      Returns the width of the interior browser window in pixels

   winHeight()
      Returns the height of the interior browser window in pixels 

   setZ(id, z)
      Sets the z-index value of the id object

   swapIt(id1, id2, id3)
      Swaps the z-index values of id1, id2, id3

*/
function setZ(id, z) {					    // create new function called setZ with 2 parameters
object=document.getElementById(id);         // use the value of the id parameter to select the obj in the document with that id value
object.style.zIndex=z;						// set the z index of the object to the z parameter
}
function swapIt(id1, id2, id3) {			// create new function called swapIt with 3 parameters
var object1=document.getElementById(id1);	//getObj function to create the 3 variables named obj 1-3
var object2=document.getElementById(id2);	
var object3=document.getElementById(id3);

var z1=object1.style.zIndex;				//create 2 variables named z1-z3 set variables=to zIndex values of obj1-3
var z2=object2.style.zIndex;
var z3=object3.style.zIndex;

object1.style.zIndex=z3;					//change the zIndex value of obj1 to z3thus moving it to the bottom of the stack
object2.style.zIndex=z1;					//change the zIndex value of obj2 to z1thus moving it to the top of the stack
object3.style.zIndex=z2;					//change the zIndex value of obj3 to z2thus moving it to the middle of the stack
}

function placeIt(id, x, y) {
   var object=document.getElementById(id);
   object.style.left=x+"px";
   object.style.top=y+"px";
}

function shiftIt(id, dx, dy) {
   var object=document.getElementById(id);
   object.style.left=parseInt(object.style.left)+dx+"px";
   object.style.top=parseInt(object.style.top)+dy+"px";
}

function xCoord(id) {
   object=document.getElementById(id);
   xc=parseInt(object.style.left);
   return xc;
}

function showIt(id) {
   var object=document.getElementById(id);
   object.style.visibility="visible";
}

function winWidth() {
   if (window.innerWidth) return window.innerWidth;
   else if (document.documentElement) return document.documentElement.offsetWidth;
   else if (document.body.clientWidth) return document.body.clientWidth;
}

function winHeight() {
   if (window.innerHeight) return window.innerHeight;
   else if (document.documentElement) return document.documentElement.offsetHeight;
   else if (document.body.clientHeight) return document.body.clientHeight;
}

I need for the form to do the following:
when age is greater than or equal to 65 enter "yes" in the hidden field
when age is less than 65 enter "no" in the hidden filed
return true

Create a page processAge.htm that
Writes the message on the page
Hi name. At age # you may retire.
or
Hi name. At age # you are not ready to retire. Get to work.
name is the name entered on the form.
# is the age entered on the form.

Java:
Code:

<script type="text/javascript">
/* <![CDATA[ */
function validateSubmission() {
  var retValue = true;
  if (document.forms[0].name.value == "") {
      window.alert("You did not fill in one of the following required fields: Name or Age.");
      retValue = false;
      }
}
function checkForNumber(fieldValue) {
  var numberCheck = isNaN(fieldValue);
  if (numberCheck == true) {
    window.alert("You must enter a numeric value!");
    return false;
    }
} 
/* ]]> */
</script>

Body:
Code:

<form action="processAge.htm" method="get" onsubmit="makeList(); return validateSubmission(); ">
<table frame="border" rules="cols" >
<tr>
<td valign="top">
<h2>Retirement</h2>
<p>Name<br />
<input type="text" name="name" size="40" /></p>
<p>Age<br />
<input type="text" name="age" size="40" onchange="return checkForNumber(this.value);" /></p>
<p style="text-align: center"><input type="submit" value="Send" /><input type="reset" />
<input type="hidden" name="Retirement" /></p>
</td></tr>
</table>
</form>

Process Page:
Code:

<script type="text/javascript">
/* <![CDATA[ */
document.write("<h1>Your form has been submitted!</h1><h2>You entered the following data:</h2>");
var formData = location.search;
formData = formData.substring(1, formData.length);
while (formData.indexOf("+") != -1) {
  formData = formData.replace("+", " ");
}
formData = unescape(formData);
var formArray = formData.split("&");
for (var i=0; i < formArray.length; ++i) {
  document.writeln(formArray[i] + "<br />");
}
/* ]]> */
</script>

Thanks for any help!

i want to adjust text size according to a page without scrollers. e.g the page should be shown that its scrollers are off and the text on the page spread from top to bottom.

I'm trying to create two array's on this page: http://www.hollywoodfarmer.com

Both array's would be activated by clicking their respective links -- the "I've got more to say" graphic would activate the text array in the bubble.

The "Meet my friends" graphic would activate the image array that changes the picture of the celebrities (pls ignore the terrible formatting of the 2nd pic).

I'm going to have a relatively large amount of text array variables and probably 5-10 image array variables.

Currently, the meet my friends button changes one image, but then it won't change back and is basically broken. The text array is currently activated by refreshing the page and I can't get that button to work at all. Any help would be greatly appreciated. Your forums have gotten me this far!

Hi guys. I'm trying to write a macro, but I'm lost. So say if I have an array of keywords to check for on a web page,

Code:

var keywords=new Array();

keywords[0]="You are a cat";
keywords[1]="Are you a robot";
keywords[2]="Have a good summer";

How would I make a function that checks the currently opened web page for one of the specific keywords. And if that keyword is found, then execute some action - and if not, then execute some other action?

Thanks

Hello,

I have a 2 level combo box that are dependent on each other and what I want to happen when the "submit" button is selected is for an html text answer to be displayed on the same page below the combo boxes based off of what was selected in the second combo box. I've tried using hide/show functions with JavaScript but couldn't figure out how to link the 2 scripts together. What I have is as follows:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">

// first combo box

	data_1_1 = new Option("School 1", "$");
	data_1_2 = new Option("School 2", "$$");

// second combo box

	data_2_1 = new Option("21", "--");
	data_2_2 = new Option("22", "--");
	data_2_3 = new Option("23", "--");
	data_2_4 = new Option("24", "--");
	data_2_5 = new Option("25", "--");

// third combo box

	
// other parameters

    displaywhenempty=""
    valuewhenempty=-1

    displaywhennotempty="-select-"
    valuewhennotempty=0


function change(currentbox) {
	numb = currentbox.id.split("_");
	currentbox = numb[1];

    i=parseInt(currentbox)+1

// I empty all combo boxes following the current one

    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
           (document.getElementById("combo_"+i)!=null)) {
         son = document.getElementById("combo_"+i);
	     // I empty all options except the first one (it isn't allowed)
	     for (m=son.options.length-1;m>0;m--) son.options[m]=null;
	     // I reset the first option
	     son.options[0]=new Option(displaywhenempty,valuewhenempty)
	     i=i+1
    }


// now I create the string with the "base" name ("stringa"), ie. "data_1_0"
// to which I'll add _0,_1,_2,_3 etc to obtain the name of the combo box to fill

    stringa='data'
    i=0
    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
           (document.getElementById("combo_"+i)!=null)) {
           eval("stringa=stringa+'_'+document.getElementById(\"combo_"+i+"\").selectedIndex")
           if (i==currentbox) break;
           i=i+1
    }


// filling the "son" combo (if exists)

    following=parseInt(currentbox)+1

    if ((eval("typeof(document.getElementById(\"combo_"+following+"\"))!='undefined'")) &&
       (document.getElementById("combo_"+following)!=null)) {
       son = document.getElementById("combo_"+following);
       stringa=stringa+"_"
       i=0
       while ((eval("typeof("+stringa+i+")!='undefined'")) || (i==0)) {

       // if there are no options, I empty the first option of the "son" combo
	   // otherwise I put "-select-" in it

	   	  if ((i==0) && eval("typeof("+stringa+"0)=='undefined'"))
	   	      if (eval("typeof("+stringa+"1)=='undefined'"))
	   	         eval("son.options[0]=new Option(displaywhenempty,valuewhenempty)")
	   	      else
	             eval("son.options[0]=new Option(displaywhennotempty,valuewhennotempty)")
	      else
              eval("son.options["+i+"]=new Option("+stringa+i+".text,"+stringa+i+".value)")
	      i=i+1
	   }
       //son.focus()
       i=1
       combostatus=''
       cstatus=stringa.split("_")
       while (cstatus[i]!=null) {
          combostatus=combostatus+cstatus[i]
          i=i+1
          }
       return combostatus;
    }
}

//-->
</script>

<body>

<form>
<select name="combo0" id="combo_0" onChange="change(this);" style="width:200px;">
	<option value="value1">-select-</option>
	<option value="value2">Delaware</option>
	<option value="value3">Pennsylvania</option>

</select>
<BR><BR>
<select name="combo1" id="combo_1" onChange="change(this)" style="width:200px;">
	<option value="value1">  </option>
</select>
<BR><BR>
<input type="button" name="test" value="Submit"
onclick="go()"><BR>
<BR>
</form>


    <body>
</html>

If someone can either assist with this or point me in the right direction of how to do this it would be a great help.

Thanks in advance,