User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 374,163 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,251 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
View Poll Results: Did You understand my questions?
Yes! 1 100.00%
No! 0 0%
Learn to speak better! 0 0%
Go back to school! 0 0%
Voters: 1. You may not vote on this poll

Views: 4888 | Replies: 6
Reply
•
•
Join Date: Dec 2004
Location: South Park, Colorado
Posts: 5
Reputation: LowelG is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
LowelG's Avatar
LowelG LowelG is offline Offline
Newbie Poster

Help document.write to new window and into 3 columns! Help Please!

  #1  
Dec 14th, 2004
I need help with newWin.document.write. I can document.write to a new window, but I need it to seperate the information into three columns so that the user can print the new window containg the information that they entered into the form fields. This can not be used in conjunction with cgi, asp php or other. I need a java script to handle this (java script, .js, .class and such). I hope this makes since. Below you will find the code I have already written. Just copy and paste the code into HTML editor and save to view (IE only). Then create another page (blank) and save as PlayerRoster.htm. By doing this you will understand what it is I am trying to do. All this must be able to reside on the users's computer not on the internet. You can email me at LowelGoss@msn.com

You may have to copy to notepad first and then select all and copy and then paste into the html editor for it to work right.

Here is the code:

<SCRIPT LANGUAGE="JavaScript">

<!--HIDE FROM INCOMPATIBLE BROWSERS



function openNewWin()

{

var newWin= window.open("PlayerRoster.htm","", "height=435,width=600,status,menubar,scrollbars,resizable,titlebar");

newWin.document.write("Team Roster" + "<br>");

newWin.document.write("-------------" + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("Players Name" + "");

newWin.document.write("Uniform #" + " ");

newWin.document.write("Position " + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("1. " + rosterForm.p1.value + "");

newWin.document.write("" + rosterForm.p2.value + "");

newWin.document.write("" + rosterForm.p3.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("2. " + rosterForm.p4.value + "");

newWin.document.write("" + rosterForm.p5.value + "");

newWin.document.write("" + rosterForm.p6.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("3. " + rosterForm.p7.value + "");

newWin.document.write("" + rosterForm.p8.value + "");

newWin.document.write("" + rosterForm.p9.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("4. " + rosterForm.p10.value + "");

newWin.document.write("" + rosterForm.p11.value + "");

newWin.document.write("" + rosterForm.p12.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("5. " + rosterForm.p13.value + "");

newWin.document.write("" + rosterForm.p14.value + "");

newWin.document.write("" + rosterForm.p15.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("6." + rosterForm.p16.value + "");

newWin.document.write("" + rosterForm.p17.value + "");

newWin.document.write("" + rosterForm.p18.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("7." + rosterForm.p19.value + "");

newWin.document.write("" + rosterForm.p20.value + "");

newWin.document.write("" + rosterForm.p21.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("8. " + rosterForm.p22.value + "");

newWin.document.write("" + rosterForm.p23.value + "");

newWin.document.write("" + rosterForm.p24.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("9. " + rosterForm.p25.value + "");

newWin.document.write("" + rosterForm.p26.value + "");

newWin.document.write("" + rosterForm.p27.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("10. " + rosterForm.p28.value + "");

newWin.document.write("" + rosterForm.p29.value + "");

newWin.document.write("" + rosterForm.p30.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("11. " + rosterForm.p31.value + "");

newWin.document.write("" + rosterForm.p32.value + "");

newWin.document.write("" + rosterForm.p33.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("12. " + rosterForm.p34.value + "");

newWin.document.write("" + rosterForm.p35.value + "");

newWin.document.write("" + rosterForm.p36.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("13. " + rosterForm.p37.value + "");

newWin.document.write("" + rosterForm.p38.value + "");

newWin.document.write("" + rosterForm.p39.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("14. " + rosterForm.p40.value + "");

newWin.document.write("" + rosterForm.p41.value + "");

newWin.document.write("" + rosterForm.p42.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("15. " + rosterForm.p43.value + "");

newWin.document.write("" + rosterForm.p44.value + "");

newWin.document.write("" + rosterForm.p45.value + "<br>");

newWin.document.write(" " + "<br>");

newWin.document.write("<INPUT TYPE=\"button\" NAME=\"Close\" VALUE=\"Close \" onClick=\" window.close()\";>"); /*backslashes use to be able to show the close button in the new window*/

newWin.document.close;

}

function allowReset() {

return window.confirm("Go ahead and clear the form?")

}

function validation()

{

openNewWin();

}

//STOP HIDING FROM INCOMPATIBLE BROWSERS-->

</SCRIPT>

<p align="center"><font size="5" face="Vibrocentric" color="#FFFFFF">Team Roster</font></p>

<table border="0" cellspacing="0" width="100%">

<tr>

<td width="96%" valign="top" align="left"><font color="#FFFFFF">Fill in the

form fields below. When you are finished click on the submit button to get

a printable page. To print the new Player Roster page click on &quot;File&quot; on

the menu bar at the top of the new page and then select &quot;Print&quot;.</font></td>

<td width="4%" valign="top" align="left"></td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%">

<tr>

<td width="100%">&nbsp;</td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%">

<tr>

<td width="40%"><b><font color="#FFFF00" size="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Players Name</font></b></td>

<td width="11%"><b><font color="#FFFF00" size="3">Uniform #</font></b></td>

<td width="49%"><b><font color="#FFFF00" size="3">Position</font></b></td>

</tr>

</table>

<table border="0" cellspacing="0" width="100%">

<tr>

<td width="92%" valign="top" align="left"><FORM NAME="rosterForm" >

<div align="left">

<TABLE border="0" width=716 height="718">

<tr>

<td width="298" height="25"><font color="#FFFFFF">1. <INPUT TYPE= "text" NAME="p1" SIZE=26></font></td>

<td width="72" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p2" SIZE=6></font></td>

<td width="338" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p3" SIZE=20></font></td>

</tr>

<tr>

<td width="238" height="25"><font color="#FFFFFF"> 2. <INPUT TYPE= "text" NAME="p4" SIZE=26></font></td>

<td width="50" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p5" SIZE=6></font></td>

<td width="320" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p6" SIZE=20></font></td>

</tr>

<tr>

<td width="220" height="25"><font color="#FFFFFF"> 3. <INPUT TYPE= "text" NAME="p7" SIZE=26></font></td>

<td width="73" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p8" SIZE=6></font></td>

<td width="315" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p9" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 4. <INPUT TYPE= "text" NAME="p10" SIZE=26></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p11" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p12" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 5. <INPUT TYPE= "text" NAME="p13" SIZE=26></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p14" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p15" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 6. <INPUT TYPE= "text" NAME="p16" SIZE=26></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p17" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p18" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 7. <INPUT TYPE= "text" NAME="p19" SIZE=26></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p20" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p21" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 8. <INPUT TYPE= "text" NAME="p22" SIZE=26></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p23" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p24" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 9. <INPUT TYPE= "text" NAME="p25" SIZE=26></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p26" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p27" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 10. <INPUT TYPE= "text" NAME="p28" SIZE=25></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p29" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p30" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 11. <INPUT TYPE= "text" NAME="p31" SIZE=25></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p32" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p33" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 12. <INPUT TYPE= "text" NAME="p34" SIZE=25></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p35" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p36" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 13. <INPUT TYPE= "text" NAME="p37" SIZE=25></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p38" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p39" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 14. <INPUT TYPE= "text" NAME="p40" SIZE=25></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p41" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p42" SIZE=20></font></td>

</tr>

<tr>

<td width="217" height="25"><font color="#FFFFFF"> 15. <INPUT TYPE= "text" NAME="p43" SIZE=25></font></td>

<td width="81" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p44" SIZE=6></font></td>

<td width="310" height="25"><font color="#FFFFFF"><INPUT TYPE= "text" NAME="p45" SIZE=20></font></td>

</tr>

<tr>

<td width="608" height="27" colspan="3"><div align="center">&nbsp;</div><div align="center"><font color="#FFFFFF"><INPUT TYPE= "reset" onClick="reset">

<INPUT TYPE= "button" NAME="submit" VALUE="Submit" onClick="validation()";></font></div></td>

</tr><tr><td width="608" height="21" colspan="3"><div align="center"><a href="#top"><font color="#FFFF00">Back to Top</font></a></div></td></tr>

</table>

</div>

</FORM>

</td>

<td width="3%" valign="top" align="left"></td>

</tr>

</table>

End Of Code:
Last edited by LowelG : Dec 14th, 2004 at 6:23 am. Reason: Mistake on Title!
:eek: Looking 4 Java in all the wrong places!LowelGoss@msn.com
AddThis Social Bookmark Button
Reply With Quote  
•
•
Join Date: Dec 2004
Posts: 1,589
Reputation: tgreer is an unknown quantity at this point 
Rep Power: 7
Solved Threads: 34
Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: document.write to new window and into a 3 column table! Help Please!

  #2  
Dec 14th, 2004
I haven't looked at this in detail, but you can layout it columns by using divs, can't you?
Reply With Quote  
•
•
Join Date: Dec 2004
Location: South Park, Colorado
Posts: 5
Reputation: LowelG is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
LowelG's Avatar
LowelG LowelG is offline Offline
Newbie Poster

Re: document.write to new window and into a 3 column table! Help Please!

  #3  
Dec 14th, 2004
•
•
•
•
Originally Posted by tgreer
I haven't looked at this in detail, but you can layout it columns by using divs, can't you?

I am a newbie at java (self teahing out of books).

I have tried several ways to pass the information from the form to the new document, but can't get it to seperate into appropriate columns. Wants to group everyting into one column (bunched together)

Example1:

Players name Uniform # Position
-------------------------------------------------

1. Lowel28leftfield

I have also tried dashes and dots, But because names can vary in length I get something like the example below.


Example 2:

Players name Uniform # Position
-------------------------------------------------

1. Lowel Goss.....28........leftfield
:eek: Looking 4 Java in all the wrong places!LowelGoss@msn.com
Reply With Quote  
•
•
Join Date: Dec 2004
Posts: 1,589
Reputation: tgreer is an unknown quantity at this point 
Rep Power: 7
Solved Threads: 34
Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: document.write to new window and into a 3 column table! Help Please!

  #4  
Dec 14th, 2004
JavaScript... very different from Java.

I should have some time tomorrow to work up some sample code.
Reply With Quote  
•
•
Join Date: Dec 2004
Location: South Park, Colorado
Posts: 5
Reputation: LowelG is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
LowelG's Avatar
LowelG LowelG is offline Offline
Newbie Poster

Re: document.write to new window and into a 3 column table! Help Please!

  #5  
Dec 14th, 2004
Live example at: http://www.fightingdragons.org/player_roster_form.htm
:eek: Looking 4 Java in all the wrong places!LowelGoss@msn.com
Reply With Quote  
•
•
Join Date: Dec 2004
Location: South Park, Colorado
Posts: 5
Reputation: LowelG is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
LowelG's Avatar
LowelG LowelG is offline Offline
Newbie Poster

Re: document.write to new window and into a 3 column table! Help Please!

  #6  
Dec 15th, 2004
Now I know writing cookie scripts is a daunting task one I don't personally like to do, but what if basic cookie-place and cookie-retrieve scripts could do this? I'm not sure if passing variables in this manner is possible to achieve what i need. Any thoughts on this? Anyone?
Last edited by LowelG : Dec 15th, 2004 at 2:26 am. Reason: bad english
:eek: Looking 4 Java in all the wrong places!LowelGoss@msn.com
Reply With Quote  
•
•
Join Date: Dec 2004
Posts: 79
Reputation: eagleeye is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
eagleeye's Avatar
eagleeye eagleeye is offline Offline
Junior Poster in Training

Re: document.write to new window and into a 3 column table! Help Please!

  #7  
Feb 25th, 2005
You may want to try looking at http://javascript.internet.com/cookies/ for genral cookie scripts which if you understand some of other JavaScript stuff you can find out for setting and getting the cookies, sorry but I can't find the example that I learned it from and I'm away from my home computer, that has my cookies exmples on it, when I return home I'll try to find the example and post it around Monday.
I'll try to be smarter, if you try to be nicer.
Reply With Quote  
Reply

•
•
•
•

Only community members can participate in forum threads. You must register or log in to contribute.

Register
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Thread Tools Display Modes
Linear Mode Linear Mode

•
•
•
•
ajax asp developer development firefox gpt guid partition table home html internet javascript microsoft msdn office partition site software sql vista web
Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum

Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 3:58 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC