Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > JavaScript > Javascript
Password Reminder
Register
| FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
Javascript General Javascript discussions.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Javascript section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old January 19th, 2007, 02:52 PM
Authorized User
 
Join Date: Nov 2006
Location: St James, Manitoba, Canada.
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default Open new window with content

Is it possible to open a new window and then add a button and a text box, if so how?

Thanks

Reply With Quote
  #2 (permalink)  
Old January 22nd, 2007, 04:15 AM
Friend of Wrox
 
Join Date: Oct 2004
Location: delhi, delhi, India.
Posts: 553
Thanks: 0
Thanked 1 Time in 1 Post
Send a message via MSN to vinod_yadav1919 Send a message via Yahoo to vinod_yadav1919
Default

Hii blkskullwork!!!
<script>
newwin=window.open("","newwindow");
newwin.document.write("<input type=text name='fname'>")
newwin.document.write("<input type=button name='mybutton' value='mybuttonname'>")
 </script>

Hope this will help you

Cheers :)

vinod
Reply With Quote
  #3 (permalink)  
Old January 22nd, 2007, 12:08 PM
Authorized User
 
Join Date: Nov 2006
Location: St James, Manitoba, Canada.
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Thanks very much vinod, I'll give this a try.

Reply With Quote
  #4 (permalink)  
Old January 23rd, 2007, 02:50 PM
Authorized User
 
Join Date: Nov 2006
Location: St James, Manitoba, Canada.
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Well that worked great but now I've run into another problem. I'm trying to enter text into a textbox in the original window and when I click a button have that text entered in the textbox of the new window I just opened. I keep getting the following error : 'newwin.document.txt2' is null or not an object

here is my code

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>
</TITLE>
<META NAME="Generator" CONTENT="TextPad 4.4">
<META NAME="Author" CONTENT="?">
<META NAME="Keywords" CONTENT="?">
<META NAME="Description" CONTENT="?">
<script type="text/javascript" src="Final Exam Question 7A and 7B.js"></script>
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF" BACKGROUND="?">


<table align="center">
<form name="f1">

<tr><td>
<ol>
<li>Select a file[list]
<li>YOU WILL NEED TO CREATE THOSE FILES
<li>the file names on the buttons below indicate what the files initial background colours should be.
</ul>
<li>Select its location on the screen
<li>Press the open window button.[list]
<li>The file should open in a window that is 200 by 200 with no tools.
</ul>
<li>Once open the user can then
<UL>
<LI>close the window using the same button they used to open it (the label
should then say close window)
<LI>change the background colour of that page.
<li>While open the small window should ALWAYS stay on top of the big window
</UL>
</ol>
<br>
<center>
<BR>Part 7b
<br>5 marks
</center>[list]
<LI>enter text in the input box and press a button to display it in a text box in the page being displayed in the new window and its status bar
<li>the buttons should not be clickable until the new window is open.
<LI>enter text in the input box of the page in the new window and press a button(on that page) to display text the window status bar of this big window
</ul>
</td></tr>
</table>
<BR>
<TABLE width="90%" border=1>
<TBODY>
<TR>
    <TH>file
    <TH>location
<TR>
    <TD width="50%">
     <INPUT type=button name="colour_butt1" value="red.htm" onClick="file_name='red.htm'">
     <BR><INPUT type=button name="colour_butt2" value=blue.htm onClick="file_name='blue.htm'">
     <BR><INPUT type=button name="colour_butt3" value=green.htm onClick="file_name='green.htm'">
     <BR><INPUT type=button name="colour_butt4" value=yellow.htm onClick="file_name='yellow.htm'">
    </TD>
    <TD width="50%">
     <INPUT type="button" value="top left" onClick="sel_loc='top left'">
     <BR><INPUT type=button value="bottom left" onClick="sel_loc='bottom left'">
     <BR><INPUT type=button value="top right" onClick="sel_loc='top right'">
     <BR><INPUT type=button value="bottom right" onClick="sel_loc='bottom right'">
    </TD>
</TR>
<TR>
    <TD align=middle colSpan=2>
     <INPUT type=button value="open window" name=butt1 onClick="win_open()">
    </TD>
</TR>
<TR>
    <TD width="50%">
     <CENTER>background colour</CENTER>
     <INPUT type=button value=gold onClick="newwin.focus(), newwin.document.bgColor='gold'">
     <BR><INPUT type=button value=purple onClick="newwin.focus(), newwin.document.bgColor='purple'">
     <BR><INPUT type=button value=orange onClick="newwin.focus(), newwin.document.bgColor='orange'">
     <BR><INPUT type=button value=white onClick="newwin.focus(), newwin.document.bgColor='white'"><BR>
    </TD>
    <TD width="50%">
     <INPUT type=input name=txt1>
     <BR><INPUT type=button value="text in new windows' text box" onClick="txtntxt()">
     <BR><INPUT type=button value="text in new windows' status bar" onClick="txtnstatus()">
     <BR><BR>also check if the field is not filled when a button is pushed
</TD>
</TR>
</TBODY>

</form>

</TABLE>

</BODY>
</HTML>



Javascript:

alert("Starting script")
var file_name,win_loc,loc_left,loc_top,scr_height,scr_ width,sel_loc;
function win_open()
{

if (document.f1.butt1.value == "Close Window")
    {
    newwin.window.close()
    document.f1.butt1.value="open window";
    return false
    }
else
    {
    document.f1.butt1.value="Close Window";

    }






scr_height=screen.height
scr_width=screen.width


if (sel_loc=="top left")
    {
    loc_top="0"
    loc_left=(scr_width-scr_width)
    }

if (sel_loc=="bottom left")
    {
    loc_top=(scr_height-200)
    loc_left=(scr_width-scr_width)
    }

if (sel_loc=="top right")
    {
    loc_top="0"
    loc_left=(scr_width-200)
    }

if (sel_loc=="bottom right")
    {
    loc_top=(scr_height-200)
    loc_left=(scr_width-200)
    }

win_loc=(",top="+loc_top+",left="+loc_left)
newwin=window.open("","newwin","width=200,height=2 00"+win_loc)
newwin.document.write("<input type=text name='txt2'>")
newwin.document.write("<input type=button name='mybutton' value='mybuttonname'>")


if (file_name=="red.htm")
    {
    newwin.document.bgColor="red"
    }

if (file_name=="blue.htm")
    {
    newwin.document.bgColor="blue"
    }

if (file_name=="green.htm")
    {
    newwin.document.bgColor="green"
    }

if (file_name=="yellow.htm")
    {
    newwin.document.bgColor="yellow"
    }

newwin.focus

}
var text_in
function txtntxt()
{
    text_in=document.f1.txt1.value
    newwin.document.txt2.value=text_in




}
Reply With Quote
  #5 (permalink)  
Old January 24th, 2007, 02:45 AM
Friend of Wrox
 
Join Date: Oct 2004
Location: delhi, delhi, India.
Posts: 553
Thanks: 0
Thanked 1 Time in 1 Post
Send a message via MSN to vinod_yadav1919 Send a message via Yahoo to vinod_yadav1919
Default

Hiii blkskullwork!!
following are the changes

//0**New Code For newwin to hold the window object used to open
//1**New Code For Form
//2**New Code For Form
//3**New Code For Form childForm is added

also put ur <script type="text/javascript" src="Final Exam Question 7A and 7B.js"></script> ,
since i dont have that file , i have removed the code for it in ur original File :)
Hope this will help you


*********original html file start**************

<HTML>
<HEAD>
<TITLE>
</TITLE>
<META NAME="Generator" CONTENT="TextPad 4.4">
<META NAME="Author" CONTENT="?">
<META NAME="Keywords" CONTENT="?">
<META NAME="Description" CONTENT="?">

</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF" BACKGROUND="?">


<table align="center">
<form name="f1">

<tr><td>
<ol>
<li>Select a file[list]
<li>YOU WILL NEED TO CREATE THOSE FILES
<li>the file names on the buttons below indicate what the files initial background colours should be.
</ul>
<li>Select its location on the screen
<li>Press the open window button.[list]
<li>The file should open in a window that is 200 by 200 with no tools.
</ul>
<li>Once open the user can then
<UL>
  <LI>close the window using the same button they used to open it (the label
  should then say close window)
  <LI>change the background colour of that page.
  <li>While open the small window should ALWAYS stay on top of the big window
</UL>
</ol>
<br>
<center>
<BR>Part 7b
<br>5 marks
</center>[list]
  <LI>enter text in the input box and press a button to display it in a text box in the page being displayed in the new window and its status bar
  <li>the buttons should not be clickable until the new window is open.
  <LI>enter text in the input box of the page in the new window and press a button(on that page) to display text the window status bar of this big window
</ul>
</td></tr>
</table>
<BR>
<TABLE width="90%" border=1>
  <TBODY>
  <TR>
    <TH>file
    <TH>location
  <TR>
    <TD width="50%">
       <INPUT type=button name="colour_butt1" value="red.htm" onClick="file_name='red.htm'">
       <BR><INPUT type=button name="colour_butt2" value=blue.htm onClick="file_name='blue.htm'">
       <BR><INPUT type=button name="colour_butt3" value=green.htm onClick="file_name='green.htm'">
       <BR><INPUT type=button name="colour_butt4" value=yellow.htm onClick="file_name='yellow.htm'">
    </TD>
    <TD width="50%">
       <INPUT type="button" value="top left" onClick="sel_loc='top left'">
       <BR><INPUT type=button value="bottom left" onClick="sel_loc='bottom left'">
       <BR><INPUT type=button value="top right" onClick="sel_loc='top right'">
       <BR><INPUT type=button value="bottom right" onClick="sel_loc='bottom right'">
    </TD>
  </TR>
  <TR>
    <TD align=middle colSpan=2>
       <INPUT type=button value="open window" name=butt1 onClick="win_open()">
    </TD>
  </TR>
  <TR>
    <TD width="50%">
      <CENTER>background colour</CENTER>
      <INPUT type=button value=gold onClick="newwin.focus(), newwin.document.bgColor='gold'">
      <BR><INPUT type=button value=purple onClick="newwin.focus(), newwin.document.bgColor='purple'">
      <BR><INPUT type=button value=orange onClick="newwin.focus(), newwin.document.bgColor='orange'">
      <BR><INPUT type=button value=white onClick="newwin.focus(), newwin.document.bgColor='white'"><BR>
    </TD>
    <TD width="50%">
       <INPUT type=input name=txt1>
       <BR><INPUT type=button value="text in new windows' text box" onClick="txtntxt()">
       <BR><INPUT type=button value="text in new windows' status bar" onClick="txtnstatus()">
       <BR><BR>also check if the field is not filled when a button is pushed
   </TD>
 </TR>
 </TBODY>

 </form>

 </TABLE>

</BODY>
</HTML>


<script>

alert("Starting script")

//0**New Code For newwin to hold the window object used to open
var newwin;
var file_name,win_loc,loc_left,loc_top,scr_height,scr_ width,sel_loc;
function win_open()
{

if (document.f1.butt1.value == "Close Window")
    {
    newwin.window.close()
    document.f1.butt1.value="open window";
    return false
    }
else
    {
    document.f1.butt1.value="Close Window";

    }






scr_height=screen.height
scr_width=screen.width


if (sel_loc=="top left")
    {
    loc_top="0"
    loc_left=(scr_width-scr_width)
    }

if (sel_loc=="bottom left")
    {
    loc_top=(scr_height-200)
    loc_left=(scr_width-scr_width)
    }

if (sel_loc=="top right")
    {
    loc_top="0"
    loc_left=(scr_width-200)
    }

if (sel_loc=="bottom right")
    {
    loc_top=(scr_height-200)
    loc_left=(scr_width-200)
    }

win_loc=(",top="+loc_top+",left="+loc_left)
newwin=window.open("","newwin","width=200,height=2 00"+win_loc)

//1**New Code For Form
newwin.document.write("<form name='childForm'>")

newwin.document.write("<input type=text name='txt2'>")
newwin.document.write("<input type=button name='mybutton' value='mybuttonname'>")
//2**New Code For Form
newwin.document.write("<\/form>")

if (file_name=="red.htm")
    {
    newwin.document.bgColor="red"
    }

if (file_name=="blue.htm")
    {
    newwin.document.bgColor="blue"
    }

if (file_name=="green.htm")
    {
    newwin.document.bgColor="green"
    }

if (file_name=="yellow.htm")
    {
    newwin.document.bgColor="yellow"
    }

newwin.focus

}
var text_in
function txtntxt()
{
    text_in=document.f1.txt1.value

//3**New Code For Form childForm is added
    newwin.document.childForm.txt2.value=text_in


}

</script>

*********original html file End**************

Cheers :)

vinod
Reply With Quote
  #6 (permalink)  
Old January 24th, 2007, 12:50 PM
Authorized User
 
Join Date: Nov 2006
Location: St James, Manitoba, Canada.
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Thanks very much vinod, that worked perfectly. From what I understand I was missing the variable declaration for newwin and I also had to create a form in order for it to work. Thanks again for your help.

Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
window.open() ckrajeshvarma ASP.NET 2.0 Professional 5 August 16th, 2006 09:13 AM
Open New Window b_camp Classic ASP Basics 2 May 12th, 2005 01:19 AM
manipulating content in new window otter606 Javascript 2 March 2nd, 2005 10:51 AM
Open in new window sridevi Excel VBA 1 November 4th, 2004 06:49 AM



All times are GMT -4. The time now is 05:11 PM.


Powered by vBulletin®
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.