Java/Java
script Questions—
1.) Design Editable Html Table using Java Script.
Column Header
Name
Age
Gender
Email
Inline editable Table User Can Enter Name, Age and Email
Input Text Box. Gender should be Combo Box. Combo Box Options is Male, Female
and Both.
Add Button: On Click All Editable input type will be
displayed and user will be able to enter the values.
Edit Button: On Click All Editable input type will be
displayed and user will be able to enter the value.
Save Button: On Click input type will be hidden and value
will be displayed.
editableHtmlTabel.html
</span><span class="pln">Add/Remove dynamic rows in HTML table</span><span class="tag">
Editable Html Table using Java Script
type="button" value="Add Row" onClick="addRow1()" />
type="button" value="Save Row" onClick="addToTable('myTable')" />
type="button" value="Delete Row" onClick="deleteRow('myTable')" />
type="button" value="Edit Row" onClick="edt('myTable')" />
type="button" value="Update Row" onClick="savedit('myTable')" />
| id="name" width="10%"> Select | id="name" width="30%"> Name | id="age" width="20%"> Age | id="gender" width="10%"> Gender | id="email" width="30%"> |
|---|
type="hidden" id="crw">
2.) Create Dialog Box in Java Script as Displayed in Pic
1. On click of show me button hide and show this dialog.
A).
dialogBox.html
3.) Write simple steps for spring soap Web Services Including Client Side and Server Side.
Server use is for making Request and Response .
A)
Server side:
- Design a
SEI, service endpoint interface, which is basically a java interface with web-service annotations. This is not mandatory, it's just a point of good design from basic OOP.
import
javax.jws.WebService;
import
javax.jws.WebMethod;
import
javax.jws.WebParam;
import
javax.jws.soap.SOAPBinding;
import
javax.jws.soap.SOAPBinding.Style;
@WebService
/*this
annotation stipulates the style of your ws, document or rpc based. rpc is more
straightforward and simpler. And old.*/
@SOAPBinding(style = Style.RPC)
public
interface MyService{
@WebMethod
String getString();
}
- Implement the
SEIin a java class called aSIBservice implementation bean.
import javax.jws.WebService;
//this binds the SEI to the SIB
@WebService(endpointInterface = "com.yours.wsinterface")
public class MyServiceImpl implements MyService {
public String getResult() { return "result"; }
@Override
public String getString() {
return "result";
}
}
- Expose the service using an
Endpointimport javax.xml.ws.Endpoint;
public class MyServiceEndpoint{
public static void main(String[] params){
Endpoint endPoint = EndPoint.create(new MyServiceImpl());
//supply yourdesired url to the publish method to actually expose the //service.
endPoint.publish("http://localhost:9001/myService");
}
}
Client Side:
By using wsimport tool we need to generate the stub then based on SEI in
stub we need to communicate with server.
--------------
4.) Please write the simple java code for the below design:
*******
*****
***
*
** *
*****
*******
Piramid.java
public class Piramid {
public static void main(String[] args)
{
for (int i = 7; i > 0; i =
i - 2) {
for (int j = 0; j < i;
j++) {
System.out.print("*");
}
System.out.println("");
if (i == 1) {
for (int m = 1; m <= 7; m
= m + 2) {
for (int j = 0; j < m;
j++) {
if (m != 1) {
System.out.print("*");
}
}
if (m != 1) {
System.out.println("");
}
}
}
}
}
}
5.) Design Html form with input component using HTML design and Java
Script.
Form will have four input component and three actions as mentioned
below.
Input Component
1) Name:
HTML text box where user can enter the name. Put proper validation.
2) Age:
HTML text box where user can enter the age. Put required validation as well.
3) Gender:
Add two radio buttons for Male and Female and Male should be default.
4) Email:
Add a text box and put proper validation.
5) Country: Add a list box of country. Default should be Country
India.
Action
1) Add
Button: On click on add button all the input component will be enabled and user
can type.
2) Edit
Button: On click on Edit button all input component will be enabled with
existing data and user can change it.
3) Save
Button: On click on save button all the entered data will the stored in a
temporary array and show the first record as selected from the array.
a) Show
all the data from temporary array in a HTML table.
b) Table will show the record in sorted order on Name.
Column Header of HTML Table
Name
Age
Gender
Email
Country
------------ Same as 1 question (Editable table) , with javascript
validations
6.) Write a java program and print below mentioned table in which suppresses
the duplicate record of the first two columns from left which have same value
but third column’s value will not be suppressed. Please use the Arrays or Map.
Test 23 Gaya
Test 23 Gaya
Market 17 Chaplin
District 15 MP
Village 45 UP
Village 45 MP
Village 67 UP
Village 67 MP
Village 46 MP
Output:
Test
23 Gaya,Gaya
Market
17 Chaplin
District 15 MP
Village 45
MP,UP
Village 67
MP,UP
Village 46 MP
import java.util.ArrayList;
import java.util.Iterator;
import
java.util.LinkedHashMap;
import java.util.Map;
public class SuppressDuplicate {
public static void main(String[] args)
{
Map map = new
LinkedHashMap();
ArrayList arr = new
ArrayList();
arr.add(new Employe("Test", 23, "Gaya"));
arr.add(new Employe("Test", 23, "Gaya"));
arr.add(new Employe("Market", 17, "Chaplin"));
arr.add(new Employe("District", 15, "MP"));
arr.add(new Employe("Village", 45, "UP"));
arr.add(new Employe("Village", 45, "MP"));
arr.add(new Employe("Village", 67, "UP"));
arr.add(new Employe("Village", 67, "MP"));
arr.add(new Employe("Village", 46, "MP"));
Iterator itr =
arr.iterator();
while (itr.hasNext()) {
Employe emp = itr.next();
String key =
emp.getName()+emp.getAge();
if(map.containsKey(key)){
String state =
emp.getState();
Employe mapEmp =
map.get(key);
emp.setState(state+","+mapEmp.getState());
map.put(key,emp);
}else{
map.put(key, emp);
}
}
for(Map.Entry e:
map.entrySet()){
Employe
em = e.getValue();
System.out.println(em.getName()+" "+em.getAge()+" "+em.getState());
}
}
}
public class Employe {
private String name;
private int age;
private String state;
public Employe(String name, int age, String state) {
super();
this.name = name;
this.age = age;
this.state = state;
}
public String getName() {
return name;
}
public void setName(String name)
{
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getState() {
return state;
}
public void setState(String
state) {
this.state = state;
}
}
2.) Create Dialog Box in Java Script as Displayed in Pic 1.
On click of show me button hide and show this
dialog.
Dialog_box.html
dialog_box.css
body {margin:0;
font-family:Verdana, Arial, Helvetica; font-size:14px}
#content {padding:20px}
#dialog {position:absolute;
width:425px; padding:50px; z-index:200; background:#fff}
#dialog-header {display:block;
position:relative; width:411px; padding:3px 6px 7px; height:14px;
font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right;
cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px;
background:url(dialog_close.gif) no-repeat}
#dialog-content {display:block;
height:160px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute;
top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75;
filter:alpha(opacity=75); z-index:100}
.success {background:#fff
url(images/success_bg1.jpg) bottom right no-repeat; border:1px solid #60a174;
border-top:none}
.successheader
{background:#3c7f51; color:#FFFFF; border:1px solid #60a174;
border-bottom:none}
#buttons {height:30px;
width:100px; background:#3c7f51}
#button {height:30px;
width:100px;}
dialog_box.js
// global variables //
var TIMER = 5;
var SPEED = 10;
var WRAPPER = 'content';
// calculate the current window
width //
function pageWidth() {
return window.innerWidth != null ? window.innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body != null ?
document.body.clientWidth : null;
}
// calculate the current window
height //
function pageHeight() {
return window.innerHeight != null? window.innerHeight :
document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight
: document.body != null? document.body.clientHeight : null;
}
// calculate the current window
vertical offset //
function topPosition() {
return typeof window.pageYOffset != 'undefined' ? window.pageYOffset :
document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop ?
document.body.scrollTop : 0;
}
// calculate the position
starting at the left of the window //
function leftPosition() {
return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :
document.documentElement && document.documentElement.scrollLeft ?
document.documentElement.scrollLeft : document.body.scrollLeft ?
document.body.scrollLeft : 0;
}
// build/show the dialog box, populate
the data and call the fadeDialog function //
function
showDialog(title,message,type,autohide) {
if(!type) {
type = 'error';
}
var dialog;
var dialogheader;
var dialogclose;
var dialogtitle;
var dialogcontent;
var dialogmask;
if(!document.getElementById('dialog')) {
dialog = document.createElement('div');
dialog.id = 'dialog';
dialogheader =
document.createElement('div');
dialogheader.id = 'dialog-header';
dialogtitle =
document.createElement('div');
dialogtitle.id = 'dialog-title';
dialogclose =
document.createElement('div');
dialogclose.id = 'dialog-close'
dialogcontent =
document.createElement('div');
dialogcontent.id = 'dialog-content';
dialogmask = document.createElement('div');
dialogmask.id = 'dialog-mask';
document.body.appendChild(dialogmask);
document.body.appendChild(dialog);
dialog.appendChild(dialogheader);
dialogheader.appendChild(dialogtitle);
dialogheader.appendChild(dialogclose);
dialog.appendChild(dialogcontent);;
dialogclose.setAttribute('onclick','hideDialog()');
dialogclose.onclick = hideDialog;
} else {
dialog = document.getElementById('dialog');
dialogheader =
document.getElementById('dialog-header');
dialogtitle = document.getElementById('dialog-title');
dialogclose =
document.getElementById('dialog-close');
dialogcontent =
document.getElementById('dialog-content');
dialogmask =
document.getElementById('dialog-mask');
dialogmask.style.visibility = "visible";
dialog.style.visibility =
"visible";
}
dialog.style.opacity = .00;
dialog.style.filter = 'alpha(opacity=0)';
dialog.alpha = 0;
var width = pageWidth();
var height = pageHeight();
var left = leftPosition();
var top = topPosition();
var dialogwidth = dialog.offsetWidth;
var dialogheight = dialog.offsetHeight;
var topposition = top + (height / 3) - (dialogheight / 2);
var leftposition = left + (width / 2) - (dialogwidth / 2);
dialog.style.top = topposition + "px";
dialog.style.left = leftposition + "px";
dialogheader.className = type + "header";
dialogtitle.innerHTML = title;
dialogcontent.className = type;
dialogcontent.innerHTML = 'Name:
Address:
Address:
';
var content = document.getElementById(WRAPPER);
dialogmask.style.height = content.offsetHeight + 'px';
dialog.timer = setInterval("fadeDialog(1)", TIMER);
if(autohide) {
dialogclose.style.visibility =
"hidden";
window.setTimeout("hideDialog()",
(autohide * 1000));
} else {
dialogclose.style.visibility =
"visible";
}
}
// hide the dialog box //
function hideDialog() {
var dialog = document.getElementById('dialog');
clearInterval(dialog.timer);
dialog.timer = setInterval("fadeDialog(0)", TIMER);
}
// fade-in the dialog box //
function fadeDialog(flag) {
if(flag == null) {
flag = 1;
}
var dialog = document.getElementById('dialog');
var value;
if(flag == 1) {
value = dialog.alpha + SPEED;
} else {
value = dialog.alpha - SPEED;
}
dialog.alpha = value;
dialog.style.opacity = (value / 100);
dialog.style.filter = 'alpha(opacity=' + value + ')';
if(value >= 99) {
clearInterval(dialog.timer);
dialog.timer = null;
} else if(value <= 1) {
dialog.style.visibility =
"hidden";
document.getElementById('dialog-mask').style.visibility =
"hidden";
clearInterval(dialog.timer);
}
}
