File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
http://aspose.com/file-tools
The moose likes HTML, CSS and JavaScript and the fly likes how to create small windows Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Murach's Java Servlets and JSP this week in the Servlets forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "how to create small windows" Watch "how to create small windows" New topic
Author

how to create small windows

kashif iftikhar
Ranch Hand

Joined: Aug 21, 2001
Posts: 43
i am wondering how to create small windows. for example you might have account on yahoo.com. there when you have to attach a file you click on edit\attachments Link as a result a small windows appears asking to perform three steps.
sir i want to create that small window.what is html tag for it? how can i set size for it. its apperance
thank you very much
------------------
Anonymous
Ranch Hand

Joined: Nov 22, 2008
Posts: 18944
Hi! Try this
window.open(your url,'Name of popup','toolbar=yes/no,location=yes/no,directories=yes/no,status=yes/no,scrollbars=yes/no,resizable=yes/no,copyhistory=yes/no,width=200,height=250');
kashif iftikhar
Ranch Hand

Joined: Aug 21, 2001
Posts: 43
yes it work and thank you once again.but still i have little problem when this window created it appear on the upper left corner.I want it in the middle and in 10,11 row .
------------------
Anonymous
Ranch Hand

Joined: Nov 22, 2008
Posts: 18944
there is more properties for a window object.
left=100 top=100 should do the trick. Insert it after width , height.
// Mathias
kashif iftikhar
Ranch Hand

Joined: Aug 21, 2001
Posts: 43
thanks Mathias.
Did you know how to handle events in html\JSP. i mean mouse\keyboard events.
i want to perform the following task in JSP
when i click the push button(delete) the following code should be executed.
Delete object = new Delete()
object.deleteRecord(--,--)


------------------
SRINI VASAN
Ranch Hand

Joined: Aug 29, 2000
Posts: 48
Hai,
sorry for a long reply .. I am just cut pasting a source i had & hope it helps.
<html>
<head>
<title>KeyTrap Key-Detection Test Page</title>
<script language="javascript">
<!-- start hide
// this script block contains code normally found in keytrap.js
function Key(ns4code, ns5code, ns6code,
ie4code, ie5code, ie6code, action, modkeys) {
this.ns4code = ns4code; // ns4 keycode value
this.ns5code = ns5code; // ns5 keycode value
this.ns6code = ns6code; // ns6 keycode value
this.ie4code = ie4code; // ie4 keycode value
this.ie5code = ie5code; // ie5 keycode value
this.ie5code = ie6code; // ie6 keycode value
this.action = eval(action); // method called on detection
// if the optional modkeys argument is not present in the call
// to new Key(), this.modkeys is set to "", meaning that no mod
// keys must be held down for this Key object to be detected
if (arguments.length == 8)
this.modkeys = modkeys;
else
this.modkeys = "";
}
var Keys = new Array(); // store Key objects in Keys[] array
var Count = 0; // index into Keys[]
var Ns4 = false; var Ns5 = false; var Ns6 = false; var Ns4up = false;
var Ie4 = false; var Ie5 = false; var Ie6 = false; var Ie4up = false;
// note the workaround to get Ns6
if (navigator.appName.indexOf("Netscape") != -1) {
if (navigator.userAgent.indexOf("Netscape6") != -1) Ns6 = true;
else if (parseInt(navigator.appVersion) >= 5) Ns5 = true;
else if (parseInt(navigator.appVersion) >= 4) Ns4 = true;
if (Ns4 | | Ns5 | | Ns6) Ns4up = true;
}
// and the workarounds to get Ie5 and Ie6
else if (navigator.appName.indexOf("Explorer") != -1) {
if (navigator.userAgent.indexOf("MSIE 6") != -1) Ie6 = true;
if (navigator.userAgent.indexOf("MSIE 5") != -1) Ie5 = true;
else if (parseInt(navigator.appVersion) >= 4) Ie4 = true;
if (Ie4 | | Ie5 | | Ie6) Ie4up = true;
}
// modifier-key processing globals
var Shift = false, Ctrl = false, Alt = false;
var SHIFT_KEYCODE = 16, CTRL_KEYCODE = 17, ALT_KEYCODE = 18;
function keyDown(evt) {
// begin by getting the keycode of the depressed key and all
// currently depressed modifier keys (Shift, Ctrl, Alt)
var keycode;
if (Ns4up) {
keycode = evt.which;
// Netscape Shift/Ctrl/Alt processing only in 5+ browsers
if (keycode == SHIFT_KEYCODE && (Ns5 | | Ns6)) Shift = true;
if (keycode == CTRL_KEYCODE && (Ns5 | | Ns6)) Ctrl = true;
if (keycode == ALT_KEYCODE && (Ns5 | | Ns6)) Alt = true;
}
else if (Ie4up) {
keycode = event.keyCode;
Shift = event.shiftKey;
Ctrl = event.ctrlKey;
Alt = event.altKey;
}
// execute the action associated with keycode and all the
// currently depressed modified keys (Shift, Ctrl, Alt)
for (var i=0; i<Keys.length; i++) {
if ((Ns4 && (keycode == Keys[i].ns4code)) | |
(Ns5 && (keycode == Keys[i].ns5code)) | |
(Ns6 && (keycode == Keys[i].ns6code)) | |
(Ie4 && (keycode == Keys[i].ie4code)) | |
(Ie5 && (keycode == Keys[i].ie5code)) | |
(Ie6 && (keycode == Keys[i].ie6code))) {
if ((Shift && (Keys[i].modkeys.toLowerCase().indexOf("shift") != -1) | |
!Shift && (Keys[i].modkeys.toLowerCase().indexOf("shift") == -1)) &&
(Ctrl && (Keys[i].modkeys.toLowerCase().indexOf("ctrl") != -1) | |
!Ctrl && (Keys[i].modkeys.toLowerCase().indexOf("ctrl") == -1)) &&
(Alt && (Keys[i].modkeys.toLowerCase().indexOf("alt") != -1) | |
!Alt && (Keys[i].modkeys.toLowerCase().indexOf("alt") == -1))) {
Keys[i].action();
return;
}
}
}
}
document.onkeydown = keyDown;
if (Ns4up) document.captureEvents(Event.KEYDOWN);
// end hide -->
</script>
<script language="javascript">
<!-- start hide
// display detected key in keynameText text box
function show(str) {
document.forms[0].keynameText.value = str;
window.focus();
}
/* control keys ***************************************** */
// Backspace key
Keys[Count++] = new Key(8, 8, 8, 8, 8, 8, "bs");
function bs() { show("backspace"); }
// Tab key
Keys[Count++] = new Key(-1, 9, 9, 9, 9, 9, "tab");
function tab() { show("tab"); }
// Enter key
Keys[Count++] = new Key(13, 13, 13, 13, 13, 13, "enter");
function enter() { show("enter"); }
// Esc key
Keys[Count++] = new Key(-1, 27, 27, 27, 27, 27, "esc");
function esc() { show("esc"); }
// Spacebar key
Keys[Count++] = new Key(32, 32, 32, 32, 32, 32, "sb");
function sb() { show("spacebar"); }
// Left Arrow key
Keys[Count++] = new Key(-1, 37, 37, 37, 37, 37, "la");
function la() { show("left arrow"); }
// Up Arrow key
Keys[Count++] = new Key(1, 38, 38, 38, 38, 38, "ua");
function ua() { show("up arrow"); }
// Right Arrow key
Keys[Count++] = new Key(-1, 39, 39, 39, 39, 39, "ra");
function ra() { show("right arrow"); }
// Down Arrow key
Keys[Count++] = new Key(-1, 40, 40, 40, 40, 40, "da");
function da() { show("down arrow"); }

/* function keys **************************************** */
// F1 key
Keys[Count++] = new Key(-1, 112, 112, 112, 112, 112, "f1");
function f1() { show("f1"); }
// F2 key
Keys[Count++] = new Key(-1, 113, 113, 113, 113, 113, "f2");
function f2() { show("f2"); }
// F3 key
Keys[Count++] = new Key(-1, 114, 114, 114, 114, 114, "f3");
function f3() { show("f3"); }
// F4 key
Keys[Count++] = new Key(-1, 115, 115, 115, 115, 115, "f4");
function f4() { show("f4"); }
// F5 key
Keys[Count++] = new Key(-1, 116, 116, 116, 116, 116, "f5");
function f5() { show("f5"); }
// F6 key
Keys[Count++] = new Key(-1, 117, 117, 117, 117, 117, "f6");
function f6() { show("f6"); }
// F7 key
Keys[Count++] = new Key(-1, 118, 118, 118, 118, 118, "f7");
function f7() { show("f7"); }
// F8 key
Keys[Count++] = new Key(-1, 119, 119, 119, 119, 119, "f8");
function f8() { show("f8"); }
// F9 key
Keys[Count++] = new Key(-1, 120, 120, 120, 120, 120, "f9");
function f9() { show("f9"); }
// F10 key
Keys[Count++] = new Key(-1, 121, 121, 121, 121, 121, "f10");
function f10() { show("f10"); }
// F11 key
Keys[Count++] = new Key(-1, 122, 122, 122, 122, 122, "f11");
function f11() { show("f11"); }
// F12 key
Keys[Count++] = new Key(-1, 123, 123, 123, 123, 123, "f12");
function f12() { show("f12"); }
/* letter keys ****************************************** */
// A key
Keys[Count++] = new Key(97, 65, 65, 65, 65, 65, "a");
function a() { show("a"); }
// B key
Keys[Count++] = new Key(98, 66, 66, 66, 66, 66, "b");
function b() { show("b"); }
// C key
Keys[Count++] = new Key(99, 67, 67, 67, 67, 67, "c");
function c() { show("c"); }
// D key
Keys[Count++] = new Key(100, 68, 68, 68, 68, 68, "d");
function d() { show("d"); }
// E key
Keys[Count++] = new Key(101, 69, 69, 69, 69, 69, "e");
function e() { show("e"); }
// F key
Keys[Count++] = new Key(102, 70, 70, 70, 70, 70, "f");
function f() { show("f"); }
// G key
Keys[Count++] = new Key(103, 71, 71, 71, 71, 71, "g");
function g() { show("g"); }
// H key
Keys[Count++] = new Key(104, 72, 72, 72, 72, 72, "h");
function h() { show("h"); }
// I key
Keys[Count++] = new Key(105, 73, 73, 73, 73, 73, "i");
function i() { show("i"); }
// J key
Keys[Count++] = new Key(106, 74, 74, 74, 74, 74, "j");
function j() { show("j"); }
// K key
Keys[Count++] = new Key(107, 75, 75, 75, 75, 75, "k");
function k() { show("k"); }
// L key
Keys[Count++] = new Key(108, 76, 76, 76, 76, 76, "l");
function l() { show("l"); }
// M key
Keys[Count++] = new Key(109, 77, 77, 77, 77, 77, "m");
function m() { show("m"); }
// N key
Keys[Count++] = new Key(110, 78, 78, 78, 78, 78, "n");
function n() { show("n"); }
// O key
Keys[Count++] = new Key(111, 79, 79, 79, 79, 79, "o");
function o() { show("o"); }
// P key
Keys[Count++] = new Key(113, 80, 80, 80, 80, 80, "p");
function p() { show("p"); }
// Q key
Keys[Count++] = new Key(113, 81, 81, 81, 81, 81, "q");
function q() { show("q"); }
// R key
Keys[Count++] = new Key(114, 82, 82, 82, 82, 82, "r");
function r() { show("r"); }
// S key
Keys[Count++] = new Key(115, 83, 83, 83, 83, 83, "s");
function s() { show("s"); }
// T key
Keys[Count++] = new Key(116, 84, 84, 84, 84, 84, "t");
function t() { show("t"); }
// U key
Keys[Count++] = new Key(117, 85, 85, 85, 85, 85, "u");
function u() { show("u"); }
// V key
Keys[Count++] = new Key(118, 86, 86, 86, 86, 86, "v");
function v() { show("v"); }
// W key
Keys[Count++] = new Key(119, 87, 87, 87, 87, 87, "w");
function w() { show("w"); }
// X key
Keys[Count++] = new Key(120, 88, 88, 88, 88, 88, "x");
function x() { show("x"); }
// Y key
Keys[Count++] = new Key(121, 89, 89, 89, 89, 89, "y");
function y() { show("y"); }
// Z key
Keys[Count++] = new Key(122, 90, 90, 90, 90, 90, "z");
function z() { show("z"); }

/* number keys ****************************************** */
// 0 key
Keys[Count++] = new Key(48, 48, 48, 48, 48, 48, "_0");
function _0() { show("0"); }
// 1 key
Keys[Count++] = new Key(49, 49, 49, 49, 49, 49, "_1");
function _1() { show("1"); }
// 2 key
Keys[Count++] = new Key(50, 50, 50, 50, 50, 50, "_2");
function _2() { show("2"); }
// 3 key
Keys[Count++] = new Key(51, 51, 51, 51, 51, 51, "_3");
function _3() { show("3"); }
// 4 key
Keys[Count++] = new Key(52, 52, 52, 52, 52, 52, "_4");
function _4() { show("4"); }
// 5 key
Keys[Count++] = new Key(53, 53, 53, 53, 53, 53, "_5");
function _5() { show("5"); }
// 6 key
Keys[Count++] = new Key(54, 54, 54, 54, 54, 54, "_6");
function _6() { show("6"); }
// 7 key
Keys[Count++] = new Key(55, 55, 55, 55, 55, 55, "_7");
function _7() { show("7"); }
// 8 key
Keys[Count++] = new Key(56, 56, 56, 56, 56, 56, "_8");
function _8() { show("8"); }
// 9 key
Keys[Count++] = new Key(57, 57, 57, 57, 57, 57, "_9");
function _9() { show("9"); }
/* punctuation keys ************************************* */
// ` key
Keys[Count++] = new Key(96, 192, 192, 192, 192, 192, "backap");
function backap() { show("`"); }
// - key
Keys[Count++] = new Key(45, 109, 109, 189, 189, 189,"dash");
function dash() { show("-"); }
// = key
Keys[Count++] = new Key(61, 61, 61, 187, 187, 187, "equals");
function equals() { show("="); }
// \ key
Keys[Count++] = new Key(92, 220, 220, 220, 220, 220, "backslash");
function backslash() { show("\\"); }
// [ key
Keys[Count++] = new Key(91, 219, 219, 219, 219, 219, "leftbr");
function leftbr() { show("["); }
// ] key
Keys[Count++] = new Key(93, 221, 221, 221, 221, 221, "rightbr");
function rightbr() { show("]"); }
// ; key
Keys[Count++] = new Key(59, 59, 59, 186, 186, 186, "semicolon");
function semicolon() { show(";"); }
// ' key
Keys[Count++] = new Key(39, 222, 222, 222, 222, 222, "ap");
function ap() { show("'"); }
// , key
Keys[Count++] = new Key(44, 188, 188, 188, 188, 188, "comma");
function comma() { show(","); }
// . key
Keys[Count++] = new Key(46, 190, 190, 190, 190, 190, "period");
function period() { show("."); }
// / key
Keys[Count++] = new Key(47, 191, 191, 191, 191, 191, "forwardslash");
function forwardslash() { show("/"); }
/* combination keys ************************************* */
// Shift+Enter key
Keys[Count++] = new Key(13, 13, 13, 13, 13, 13, "shenter", "shift");
function shenter() { show("shift+enter"); }
// Ctrl+Enter key
Keys[Count++] = new Key(13, 13, 13, 13, 13, 13, "ctenter", "ctrl");
function ctenter() { show("ctrl+enter"); }
// Alt+Enter key
Keys[Count++] = new Key(13, 13, 13, 13, 13, 13, "alenter", "alt");
function alenter() { show("alt+enter"); }
// Shift+Ctrl+Enter key
Keys[Count++] = new Key(13, 13, 13, 13, 13, 13, "shctenter", "shift+ctrl");
function shctenter() { show("shift+ctrl+enter"); }
// Ctrl+Alt+Enter key
Keys[Count++] = new Key(13, 13, 13, 13, 13, 13, "ctalenter", "ctrl+alt");
function ctalenter() { show("ctrl+alt+enter"); }
// Shift+Ctrl+Alt+Enter key
Keys[Count++] = new Key(13, 13, 13, 13, 13, 13, "shctalenter", "shift+ctrl+alt");
function shctalenter() { show("shift+ctrl+alt+enter"); }
// Shift+g key
Keys[Count++] = new Key(71, 71, 71, 71, 71, 71, "shg", "shift");
function shg() { show("shift+g"); }
// Ctrl+g key
Keys[Count++] = new Key(71, 71, 71, 71, 71, 71, "ctg", "ctrl");
function ctg() { show("ctrl+g"); }
// Alt+g key
Keys[Count++] = new Key(71, 71, 71, 71, 71, 71, "alg", "alt");
function alg() { show("alt+g"); }
// Shift+Ctrl+g key
Keys[Count++] = new Key(71, 71, 71, 71, 71, 71, "shctg", "shift+ctrl");
function shctg() { show("shift+ctrl+g"); }
// Ctrl+Alt+g key
Keys[Count++] = new Key(71, 71, 71, 71, 71, 71, "ctalg", "ctrl+alt");
function ctalg() { show("ctrl+alt+g"); }
// Shift+Ctrl+Alt+g key
Keys[Count++] = new Key(71, 71, 71, 71, 71, 71, "shctalg", "shift+ctrl+alt");
function shctalg() { show("shift+ctrl+alt+g"); }
// Shift+UpArrow key
Keys[Count++] = new Key(38, 38, 38, 38, 38, 38, "shup", "shift");
function shup() { show("shift+up arrow"); }
// Ctrl+UpArrow key
Keys[Count++] = new Key(38, 38, 38, 38, 38, 38, "ctup", "ctrl");
function ctup() { show("ctrl+up arrow"); }
// Alt+UpArrow key
Keys[Count++] = new Key(38, 38, 38, 38, 38, 38, "alup", "alt");
function alup() { show("alt+up arrow"); }
// Shift+Ctrl+UpArrow key
Keys[Count++] = new Key(38, 38, 38, 38, 38, 38, "shctup", "shift+ctrl");
function shctup() { show("shift+ctrl+up arrow"); }
// Ctrl+Alt+UpArrow key
Keys[Count++] = new Key(38, 38, 38, 38, 38, 38, "ctalup", "ctrl+alt");
function ctalup() { show("ctrl+alt+up arrow"); }
// Shift+Ctrl+Alt+UpArrow key
Keys[Count++] = new Key(38, 38, 38, 38, 38, 38, "shctalup", "shift+ctrl+alt");
function shctalup() { show("shift+ctrl+alt+up arrow"); }
// Shift+F2 key
Keys[Count++] = new Key(113, 113, 113, 113, 113, 113, "shf2", "shift");
function shf2() { show("shift+f2"); }
// Ctrl+F2 key
Keys[Count++] = new Key(113, 113, 113, 113, 113, 113, "ctf2", "ctrl");
function ctf2() { show("ctrl+f2"); }
// Alt+F2 key
Keys[Count++] = new Key(113, 113, 113, 113, 113, 113, "alf2", "alt");
function alf2() { show("alt+f2"); }
// Shift+Ctrl+F2 key
Keys[Count++] = new Key(113, 113, 113, 113, 113, 113, "shctf2", "shift+ctrl");
function shctf2() { show("shift+ctrl+f2"); }
// Ctrl+Alt+F2 key
Keys[Count++] = new Key(113, 113, 113, 113, 113, 113, "ctalf2", "ctrl+alt");
function ctalf2() { show("ctrl+alt+f2"); }
// Shift+Ctrl+Alt+F2 key
Keys[Count++] = new Key(113, 113, 113, 113, 113, 113, "shctalf2", "shift+ctrl+alt");
function shctalf2() { show("shift+ctrl+alt+f2"); }
// end hide -->
</script>
</head>

<body>
<H1>KeyTrap Key-Detection Test Page</H1>
Thank you for testing KeyTrap. :-) Your results will help make KeyTrap.js a truly "browser-universal" key-detection library. Please post your results to the <a href="http://f5.dejanews.com/frameset/frameset.cgi?channel=devhead&forum=scripthead">ScriptHead Forum.</a><p>
<form>
You pressed: <input type="text" name="keynameText" onFocus="this.blur()"><p>
1. In Netscape 4+ or MSIE 4+, press each of the following keys. Except where noted, the pressed key's identity should be displayed in the above text box. If not, please let me know.<p>
<table border="2" cellspacing="0" cellpadding="4" bgcolor="#99CCFF">
<tr>
<td>
<p>Note: In some cases, your browser and/or operating system might trap a key (in step 1) or a key combination (in step 2) *before* KeyTrap gets around to it. If this happens, please include it in your results.</p>
</td>
</tr>
</table><p>
<ul>
<li>All alphanumeric/punctuation keys, but *not* in combination with Shift, Ctrl, or Alt (and their Mac equivalents)<br>
<li>Esc (won't work in NS4), Tab (ditto), Backspace, Spacebar, and Enter<br>
<li>All twelve function keys (won't work in NS4)<br>
<li>The four arrow keys (won't work in NS4)
</ul><p>
2. Press each of the following key combinations (alas, these will not work in NS4, because NS4 does not support Shift/Ctrl/Alt+key detection). Again, please let me know if any of these combos' identities is not displayed in the text box.<p>
<ul>
<li>Shift+Enter, Ctrl+Enter, Alt+Enter, Shift+Ctrl+Enter, Ctrl+Alt+Enter, Shift+Ctrl+Alt+Enter<br>
<li>Shift+g, Ctrl+g, Alt+g, Shift+Ctrl+g, Ctrl+Alt+g, Shift+Ctrl+Alt+g<br>
<li>Shift+UpArrow, Ctrl+UpArrow, Alt+UpArrow, Shift+Ctrl+UpArrow, Ctrl+Alt+UpArrow, Shift+Ctrl+Alt+UpArrow<br>
<li>Shift+F2, Ctrl+F2, Alt+F2, Shift+Ctrl+F2, Ctrl+Alt+F2, Shift+Ctrl+Alt+F2<br>
</ul>
</FORM>
</body>
</html>
Regards,
srini

You can contact me in srinivas_an@yahoo.com
Dale DeMott
Ranch Hand

Joined: Nov 02, 2000
Posts: 515
Try this.. this will help you build small windows.
http://webreference.com/js/tools/windows/


By failing to prepare, you are preparing to fail.<br />Benjamin Franklin (1706 - 1790)
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: how to create small windows
 
Similar Threads
will my linux class files work on solaris
How to close all child windows from parent window
JNI
how to create small windows
Designing a UI like in graphics applications