how to Submit values to JavaScript using two pages..?

**sriducati** · 03-02-2012 06:11 PM

Hello webmasters Iam trying to submit values to java script using two pages "index.php" and "fonts.html".

here is the java script code that i have used in index.php

Code:

	<script language=javascript> 
	var cp = new ColorPicker();
	var fp = new FontPicker('window');
 
	function pickFont(font) {
		document.getElementById('fimg').src='http://example.com/im/font/' 	+ font + '.png';
		document.getElementById('fid').value=font;
	}
 
	if (document.getElementById('fid').value) {	
		pickfont(document.getElementById('fid').value);
	}
	</script>

the values should be submitted from "fonts.html" which has the code:

Code:

	<body>
	     <p><form method=get action="/fonts.html" style="display:inline"><input 	type=submit 	name=cat value="Favorites"></form>
		 <div id="Favorites">
                  <A HREF="#" 	onClick="window.opener.FontPicker_pickFont(Times-Roman,window); return 	false;" 	STYLE="text-decoration:none;"><img alt="Times-Roman " 	style="border: outset 1pt" 	border=1 vspace=1 hspace=1 		src="http://www.example.com/im/font/Times-Roman.png"></a>
	 <A HREF="#" onClick="window.opener.FontPicker_pickFont(ariel,window); 	return false;" STYLE="text-decoration:none;"><img alt="ariel " style="border: 	outset 1pt" 	border=1 vspace=1 hspace=1 	src="http://www.example.com/im/font/font/ariel.png"></a>
	 </div>             
	</body>

When user opens index.php he will get a link when he clicks on the link he will be redirected to "fonts.html" where he gets an option to click on one of images "Times-Roman.png" and "ariel.png" .

Now what iam trying to do two things
1]when the user clicks on "Times-Roman.png". '('fimg').src' should get the location of "Times-Roman.png"

and

2]"('fid').value" should hold the value "Times-Roman.ttf"

I know this can be implemented by adding javascript code in the second page "fonts.html" but not exactly getting the code your response much appreciated...

**Angry Black Man** · 03-03-2012 12:00 PM

Originally Posted by sriducati

when he clicks on the link he will be redirected to "fonts.html"

this is a pretty tall order. are you opening "fonts.html" in a popup window? if so, making "document.getElementById('fimg').src" have a new SRC would be easy because the "fonts.html" popup window would be a child of the "index.php" window and we could easily reference elements in the "index.php" window.

if you just have a straight HREF redirection, the only way to pass information back to "index.php" would be through the use of some type of "query string", which would require "index.php" to have special javascript syntax in order to parse and utilize.

so the first question is "are you opening "fonts.html" in a popup window?"

Thread: how to Submit values to JavaScript using two pages..?

Thread Tools

Display

how to Submit values to JavaScript using two pages..?

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions