Zeal Polytechnic, Pune.: Third Year (Ty) Diploma in Computer Engineering Scheme: I Semester: V

Zeal Education Society’s
ZEAL POLYTECHNIC, PUNE.

NARHE │PUNE -41 │ INDIA
THIRD YEAR (TY)

DIPLOMA IN COMPUTER ENGINEERING
SCHEME: I SEMESTER: V
NAME OF SUBJECT: CLIENT SIDE SCRIPTING LAGUAGE

Subject Code: 22519
MSBTE QUESTION PAPERS & MODEL ANSWERS

1. MSBTE SAMPLE QUESTION PAPER
2. MSBTE WINTER-19 EXAMINATION
Page 1 of 10
Scheme – I
Question Paper Profile
Program Name : Diploma in Engineeering Group
Program Code : CO / CM / CW / IF
Semester
Course Title
: Fifth
: Clint Side Scripting Language (Elective)
22519
Marks : 70 Time: 3 Hrs.
Instructions:
(1) All questions are compulsory.
(2) Illustrate your answers with neat sketches wherever necessary.
(3) Figures to the right indicate full marks.
(4) Assume suitable data if necessary.
(5) Preferably, write the answers in sequential order.
Q.1) Attempt any FIVE of the following. 10 Marks

a) State the use of dot syntax in JavaScript with the help of suitable example.
b) List and explain Logical operators in JavaScript.
c) Write a JavaScript that identifies a running browser.
d) Write a JavaScript that initializes an array called “Fruits” with names of five fruits.
The script then displays the array in a message box.
e) Give syntax of and explain the use of “with” statement/clause in JavaScript using
suitable example.
f) Enlist and explain the use of any two Intrinsic JavaScript functions.
g) State and explain what is a session cookie ?
Q.2) Attempt any THREE of the following. 12 Marks

a) Write syntax of and explain prompt method in JavaScript with the help of suitable
example.
b) Write a JavaScript program which compute, the average marks of the following
students Then, this average is used to determine the corresponding grade.
Student Name Marks

Advait 80
Anay 77
Manyata 88
Saanvi 95
Saachi 68
1
The grades are computed as follows :
Range Grade
<60 F
<70 D
<80 C
<90 B
<100 A
c) Write a JavaScript that displays all properties of window object. Explain the code .
d) Write a JavaScript function that checks whether a passed string is palindrome or not.

a) Differentiate between concat() and join() methods of array object.
b) Write a JavaScript function to count the number of vowels in a given string.
c) Write a JavaScript that find and displays number of duplicate values in an array.
d) Write a function that prompts the user for a color and uses what they select to set the
background color of the new webpage opened .

a) State what is a regular expression? Explain its meaning with the help of a suitable
example.
b) Write a webpage that accepts Username and adharcard as input texts. When the user
enters adhaarcard number ,the JavaScript validates card number and diplays whether
card number is valid or not. (Assume valid adhaar card format to be nnnn.nnnn.nnnn
or nnnn-nnnn-nnnn).
c) Write the syntax of and explain use of following methods of JavaScript Timing Event.
a. setTimeout()
b. setInterval()
d) Develop JavaScript to convert the given character to Unicode and vice versa.
e) List ways of Protecting your webpage and describe any one of them.
Q.5) Attempt any TWO of the following. 12 Marks

a) Write HTML Script that displays textboxes for accepting Name, middlename,
Surname of the user and a Submit button. Write proper JavaScript such that when the
user clicks on submit button
i) all texboxes must get disabled and change the color to “RED”. and with
respective labels.
2
ii) Constructs the mailID as <name>.<surname>@msbte.com and displays mail
ID as message. (Ex. If user enters Rajni as name and Pathak as surname
mailID will be constructed as rajni.pathak@msbte.com) .
b) Write a webpage that diplays a form that contains an input for Username and
password. User is prompted to enter the input and password and password becomes
value of the cookie. Write The JavaScript function for storing the cookie . It gets
executed when the password changes.
c) Write a script for creating following frame structure :
FRAME1
FRAME2 FRAME3
 FRUITS
 FLOWERS
 CITIES
Fruits, Flowers and Cities are links to the webpage fruits.html, flowers.html,
cities.html respectively. When these links are clicked corresponding data appears in
“FRAME3”.
Q.6) Attempt any TWO of the following. 12 Marks

a) Write HTML Script that displays dropdownlist containing options NewDelhi, Mumbai,
Bangalore. Write proper JavaScript such that when the user selects any options
corresponding description of about 20 words and image of the city appear in table
which appears below on the same page.
b) Develop a JavaScript Program to Create Rotating Banner Ads with URL Links.
c) Create a slideshow with the group of four images, also simulate the next and previous
transition between slides in your JavaScript.
3
Scheme – I
Sample Test Paper - I
Semester
Course Title
: Fifth
22519
Marks : 20 Time: 1 Hour
Instructions:
Q.1) Attempt any FOUR. 08 Marks

a) Describe all the tokens of the following statements :
i. document.bgColor
ii. document.write()
b) Differentiate between prompt() and alert() methods.
c) State use of getters and setters
d) State and explain any two properties of array object
e) Write a JavaScript that displays first 20 even numbers on the document window.
Q.2) Attempt any THREE. 12 Marks

a) Write a program to print sum of even numbers between 1 to 100 using for loop.
b) Write a JavaScript function to insert a string within a string at a particular position
c) Generate college Admission form using html form tag
d) State the use of following methods.
i. charCodeAt()
ii. fromCharCode()
4
Scheme – I
Sample Test Paper - II
Semester
Course Title
: Fifth
22519
Marks : 20 Time: 1 Hour
Instructions:
Q.1) Attempt any FOUR. 08 Marks

a) Design the frameset tag for following frame layout :
FRAME1
FRAME2
FRAME3
b) State the method to put message in web browser status bar?

c) Construct regular expression for validating the phone number in following format
only :
(nnn)-nnnn-nnnn OR nnn.nnnn.nnnn
Q.2) Attempt any THREE. 12 Marks

a) Write a JavaScript that creates a persistent cookies of Itemnames. Write appropriate
HTML script for the same.
b) Write a JavaScript function to check whether a given value is valid IP value or not
c) Write a JavaScript program to create rollover effect for three images.
d) Write a JavaScript program that create a scrolling text on the status line of a window.
5
11920
22519
3 Hours / 70 Marks Seat No.
Instructions : (1) All Questions are compulsory.

(4) Assume suitable data, if necessary.
Marks
1. Attempt any FIVE of the following : 10
(a) List any four features of Java script.
(b) List the comparison operators in Java script.
(c) Write Java script to create person object with properties firstname, lastname,
age, eye color, delete eye color property and display remaining properties of
person object.
(d) Write a Java script that initializes an array called flowers with the names of 3
flowers. The script then displays array elements.
(e) Write Java script to call function from HTML.
(f) Write a Java script to design a form to accept values for user ID & password.
(g) State any two properties and methods of location object.
2. Attempt any THREE of the following : 12

(a) Explain getter and setter properties in Java script with suitable example.
(b) Explain prompt () and confirm () method of Java script with syntax and
example.
[1 of 4] P.T.O.
22519 [2 of 4]
(c) Write a Java script program which computes, the average marks of the
following students then, this average is used to determine the corresponding
grade.
StudentName Marks
Sumit 80
Kalpesh 77
Amit 88
Tejas 93
Abhishek 65
Range Grade
< 60 E
< 70 D
< 80 C
< 90 B
< 100 A
(d) Write the use of CharAt() and indexof() with syntax and example.

(a) Differentiate between concat () and join () methods of array object.
(b) Write a Java script that will replace following specified value with another
value in a string.
String = “ I will fail”
Replace “fail” by “pass”
(c) Write a Java script code to display 5 elements of array in sorted order.
(d) Explain open () method of window object with syntax and example.
22519 [3 of 4]
(a) Describe regular expression. Explain search () method used in regular

expression with suitable example.
(b) List ways of protecting your web page and describe any one of them.
(c) Create a slideshow with the group of three images, also simulate next and
previous transition between slides in your Java script.
(d) Explain text rollover with suitable example.
(e) Write a Java script to modify the status bar using on MouseOver and on
MouseOut with links. When the user moves his mouse over the link, it will
display “MSBTE” in the status bar. When the user moves his mouse away
from the link the status bar will display nothing.
5. Attempt any TWO of the following : 12
(a) Write a HTML script which displays 2 radiobuttons to the users for fruits and
vegetable and 1 option list.
When user select fruits radio button option list should present only fruits
names to the user & when user select vegetable radio button option list should
present only vegetable names to the user.
(b) Describe, how to read cookie value and write a cookie value. Explain with
example.
(c) Write a Java script that displays textboxes for accepting name & email ID & a
submit button. Write Java script code such that when the user clicks on submit
button
(1) Name Validation
(2) Email ID validation
P.T.O.
22519 [4 of 4]
6. Attempt any TWO of the following : 12
(a) Describe how to evaluate checkbox selection. Explain with suitable example.
(b) Write a script for creating following frame structure
FRAME 1
FRAME 2 FRAME 3
 FRUITS
 FLOWERS
 CITIES
FRUITS, FLOWERS and CITIES are links to the webpage fruits.html,

flowers.html, cities.html respectively. When these links are clicked
corresponding data appears in FRAME 3.
(c) Write a Javascript to create a pull – down menu with three options [Google,
MSBTE, Yahoo] once the user will select one of the options then user will be
redirected to that site.
_________________
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION
(Autonomous)
(ISO/IEC - 27001 - 2013 Certified)
WINTER – 19 EXAMINATIONS
Subject Name: Client Side Scripting Model Answer Subject Code: 22519
Important Instructions to examiners:
1) The answers should be examined by key words and not as word-to-word as given in
the model answer scheme.
2) The model answer and the answer written by candidate may vary but the examiner
may try to assess the understanding level of the candidate.
3) The language errors such as grammatical, spelling errors should not be given more
Importance (Not applicable for subject English and Communication Skills.
4) While assessing figures, examiner may give credit for principal components
indicated in the figure. The figures drawn by candidate and model answer may vary.
The examiner may give credit for any equivalent figure drawn.
5) Credits may be given step wise for numerical problems. In some cases, the assumed
constant values may vary and there may be some difference in the candidate’s
answers and model answer.
6) In case of some questions credit may be given by judgement on part of examiner of
relevant answer based on candidate’s understanding.
7) For programming language papers, credit may be given to any other program based
on equivalent concept.
Q. Sub Answer Marking

No. Q. Scheme
N.
1 Attempt any FIVE of the following : 10 M
a List any four features of Java script. 2M
Ans Features of Java script Any four
features : ½
1. JavaScript is a object-based scripting language. M each
2. Giving the user more control over the browser.
3. It Handling dates and time.
4. It Detecting the user's browser and OS,
5. It is light weighted.
6. Client – Side Technology
7. JavaScript is a scripting language and it is not java.
8. JavaScript is interpreter based scripting language.
9. JavaScript is case sensitive.
10. JavaScript is object based language as it provides predefined objects.
11. Every statement in javascript must be terminated with semicolon (;).
12. Most of the javascript control statements syntax is same as syntax of
control statements in C language.
13. An important part of JavaScript is the ability to create new functions
within scripts. Declare a function in JavaScript
using function keyword.
b List the comparison operators in Java script. 2M
Page 1 |3 0
(Autonomous)
Ans Comparison operators in Java script Any 4

operators
== Equal to :1/2 M each
!= Not equal to
> Greater than
< Less than
>= Greater than or equal to
<= Less than or equal to
=== Equal value and equal
type
!== not equal value or not
equal type
c Write a Java script to create person object with properties firstname, 2M
lastname, age, eyecolor, delete eyecolor property and display remaining
properties of person object.
Ans <html> Create
person
<body> object : 1M
<script>
var person = {
firstname:"John",
lastname:"Doe",
age:50,
eyecolor:"blue"
}; Delete and
display
delete person.eyecolor; //delete person eyecolor
properties :
document.write("After delete "+ person.firstname +" "+ person.lastname +" " 1M
+person.age +" "+ person.eyecolor);
</script>
</body>
</html>
d Write a Java script that initializes an array called flowers with the names of 2M
3 flowers. The script then displays array elements.
Ans <html> Initialization
of array :
<head> 1M,
Page 2 |3 0
(Autonomous)
<title>Display Array Elements</title>

</head> Display of
array
<body> elements :
1M
<script>
var flowers = new Array();
flowers[0] = 'Rose ';
flowers[1] = 'Mogra';
flowers[2] = 'Hibiscus';
for (var i = 0; i < flowers.length; i++)
{
document.write(flowers[i] + '<br>');
}
</script>
</body>
</html>
e Write Javascript to call function from HTML. 2M
Ans <html> Function
declaration :
<head> 1M,
<title>Calling function from HTML</title>
<script> Function
call from
function welcome()
HTML: 1M
{
alert("Welcome students");
(Any other
} example
allowed)
function goodbye()
{
alert("Bye");
Page 3 |3 0
(Autonomous)
}
</script>
</head>
<body onload="welcome()" onunload="goodbye()">
</body>
</html>
f Write a Javascript to design a form to accept values for user ID & password. 2M
Ans <html> Correct
syntax: 1M,
<body>
<form name="login">
Correct
Enter Username<input type="text" name="userid"><br> logic: 1M
Enter Password<input type="password" name="pswrd">
<input type="button" onclick="display()" value="Display">
</form>
<script language="javascript">
function display()
{
document.write("User ID "+ login.userid.value + "Password :
"+login.pswrd.value);
}
</script>
</body>
</html>
g State any two properties and methods of location object. 2M
Ans Properties of location object: Any 2
properties :
1. hash ½ M each
2. host
3. hostname
4. href
5. origin
Page 4 |3 0
(Autonomous)
6. pathname
7. port
8. protocol
9. search
Any 2
Methods of location object: methods : ½
M each
1. assign( )
2. reload( )
3. replace( )
2 Attempt any THREE of the following : 12 M

a Explain getter and setter properties in Java script with suitable example. 4M
Ans Property getters and setters Explanation
1. The accessor properties. They are essentially functions that work on : 2M
getting and setting a value.
2. Accessor properties are represented by “getter” and “setter” methods. In
an object literal they are denoted by get and set.
let obj = {
get propName() {
// getter, the code executed on getting obj.propName
},
set propName(value) {
// setter, the code executed on setting obj.propName = value
}
};
3. An object property is a name, a value and a set of attributes. The value

may be replaced by one or two methods, known as setter and a getter.
4. When program queries the value of an accessor property, Javascript
invoke getter method(passing no arguments). The retuen value of this
method become the value of the property access expression.
5. When program sets the value of an accessor property. Javascript invoke
the setter method, passing the value of right-hand side of assignment. This
method is responsible for setting the property value.
 If property has both getter and a setter method, it is read/write
property.
 If property has only a getter method , it is read-only property.
 If property has only a setter method , it is a write-only property.
6. getter works when obj.propName is read, the setter – when it is assigned.
Example:
<html>
Page 5 |3 0
(Autonomous)
<head>
<title>Functions</title>
<body> Example :
<script language="Javascript"> 2M
var myCar = {
/* Data properties */
defColor: "blue",
defMake: "Toyota",
(Any other
/* Accessor properties (getters) */ example can
get color() { be
return this.defColor; considered)
},
get make() {
return this.defMake;
},
/* Accessor properties (setters) */

set color(newColor) {
this.defColor = newColor;
},
set make(newMake) {
this.defMake = newMake;
}
};
document.write("Car color:" + myCar.color + " Car Make: "+myCar.make)
/* Calling the setter accessor properties */
myCar.color = "red";
myCar.make = "Audi";
/* Checking the new values with the getter accessor properties */
document.write("<p>Car color:" + myCar.color); // red
document.write(" Car Make: "+myCar.make); //Audi
</script>
</head>
</body>
</html>
b Explain prompt() and confirm() method of Java script with syntax and 4M
example.
Ans prompt() For Each
explanation/
The prompt () method displays a dialog box that prompts the visitor for input.The
prompt () method returns the input value if the user clicks "OK". If the user clicks syntax : 1M,
"cancel" the method returns null.
Example :
Syntax: window.prompt (text, defaultText) 1M
Page 6 |3 0
(Autonomous)
Example: (Any other

<html> example can
<script type="text/javascript"> be
considered)
function msg(){
var v= prompt("Who are you?");
alert("I am "+v);
}
</script>
<input type="button" value="click" onclick="msg()"/>

</html>
confirm()
It displays the confirm dialog box. It has message with ok and cancel buttons.
Returns Boolean indicating which button was pressed
Syntax:
window.confirm("sometext");
Example :
<html>
<script type="text/javascript">
function msg(){
var v= confirm("Are u sure?");
if(v==true){
alert("ok");
}
else{
alert("cancel");
}
}
</script>
<input type="button" value="delete record" onclick="msg()"/>
</html>
Page 7 |3 0
(Autonomous)
c Write a Java script program which computes, the average marks of the 4M
following students then, this average is used to determine the corresponding
grade.
Student Name Marks
Sumit 80
Kalpesh 77
Amit 88
Tejas 93
Abhishek 65

Range Grade
<60 E
<70 D
<80 C
<90 B
<100 A
Ans <html> Correct
logic : 2M,
<head>
Correct
<title>Compute the average marks and grade</title> Syntax: 2M
</head> (any other
logic can be
<body>
considered)
<script>
var students = [['Summit', 80], ['Kalpesh', 77], ['Amit', 88], ['Tejas', 93],
['Abhishek', 65]];
var Avgmarks = 0;
for (var i=0; i < students.length; i++) {
Avgmarks += students[i][1];
}
var avg = (Avgmarks/students.length);
document.write("Average grade: " + (Avgmarks)/students.length);

document.write("<br>");
if (avg < 60){
Page 8 |3 0
(Autonomous)
document.write("Grade : E");
}
else if (avg < 70) {
document.write("Grade : D");
}
else if (avg < 80) {
document.write("Grade : C");
} else if (avg < 90) {
document.write("Grade : B");
} else if (avg < 100) {
document.write("Grade : A");
}
</script>
</body>
</html>
Output (Optional)
Average grade: 80.6
Grade : B
d Write the use of chatAt() and indexof() with syntax and example. 4M
Ans charAt() Each syntax
: 1M,
The charAt() method requires one argument i.e is the index of the character that
you want to copy.
Syntax: Example :
1M
var SingleCharacter = NameOfStringObject.charAt(index);
Example:
var FirstName = 'Bob';
Page 9 |3 0
(Autonomous)
var Character = FirstName.charAt(0); //o/p B
indexOf()
The indexOf() method returns the index of the character passed to it as an
argument.
If the character is not in the string, this method returns –1.
Syntax:
var indexValue = string.indexOf('character');
Example:
var FirstName = 'Bob';
var IndexValue = FirstName.indexOf('o'); //o/p index as 1

a Differentiate between concat() and join() methods of array object. 4M
Ans concat() join()
Array elements can be combined by Array elements can be combined by

using concat() method of Array using join() method of Array object.
object.
The concat() method separates each The join() method also uses a comma
value with a comma. to separate values, but you can
specify a character other than a
comma to separate values.
Eg: Eg:
var str = cars.concat() var str = cars.join(' ')
The value of str in this case is
The value of str is 'BMW Audi Maruti'
'BMW, Audi, Maruti'
b Write a JavaScript that will replace following specified value with another 4M
value in string.
Page 10 |3 0
(Autonomous)
String = “I will fail”

Replace “fail” by “pass”
Ans <html> Correct
program
<head> with any
proper logic:
<body>
4M
<script>
var myStr = ‘I will fail’;
var newStr = myStr.replace(fail, "pass");
document.write(newStr);
</script>
</body>
</head>
</html>
c Write a Java Script code to display 5 elements of array in sorted order. 4M

Ans <html> Correct
program
<head> with any
proper logic
<title> Array</title>
:4M
</head>
<body>
<script>
var arr1 = [ “Red”, “red”, “Blue”, “Green”]
document.write(“Before sorting arra1=” + arr1);
document.write(“<br>After sorting arra1=” + arr1.sort());
</script>
</body>
</html>
d Explain open() method of window object with syntax and example. 4M
Page 11 |3 0
(Autonomous)
Ans The open() method of window object is used to open a new window and loads the Explanation:
document specified by a given URL. 1M
MyWindow = window.open() syntax: 1 M
The open() method returns a reference to the new window, which is assigned to
Example: 2
the MyWindow variable. You then use this reference any time that you want to
do something with the window while your JavaScript runs. M
A window has many properties, such as its width, height, content, and name—to
mention a few. You set these attributes when you create the window by passing
(Any other
them as parameters to the open() method:
example can
be
• The first parameter is the full or relative URL of the web page that will appear
considered)
in the new window.
• The second parameter is the name that you assign to the window.
• The third parameter is a string that contains the style of the window.
We want to open a new window that has a height and a width of 250 pixels and
displays an advertisement that is an image. All other styles are turned off.
Syntax:
MyWindow = window.open(‘webpage1.html’, 'myAdWin', 'status=0, toolbar=0,

location=0, menubar=0, directories=0, resizable=0, height=250, width=250')
Example:
<html >
<head>
<title>Open New Window</title>
<script >
function OpenNewWindow() {
MyWindow = window.open(‘webpage1.html’, 'myAdWin', 'status=0, toolbar=0,
location=0,
menubar=0, directories=0, resizable=0, height=250, width=250')
}
</script>
</head>
<body>
<FORM action=" " method="post">
<INPUT name="OpenWindow" value="Open Window" type="button"
onclick="OpenNewWindow()"/>
</FORM>
</body>
</html>
Page 12 |3 0
(Autonomous)

a Describe regular expression. Explain search () method used in regular 4M
expression with suitable example.
Ans Regular Expression: Regular
A regular expression is very similar to a mathematical expression, except a Expression:
regular expression tells the browser how to manipulate text rather than numbers 1M
by using special symbols as operators.
search()
Search() method: method: 1 M
str.search() method takes a regular expression/pattern as argument and search
for the specified regular expression in the string. This method returns the index Example:
where the match found. 2M
Example:
<html>
<body>
<script>
function myFunction() {
// input string
var str = "Good Morning!";
// searching string with modifier i

var n = str.search(/Morning/i);
document.write(n + '<br>');
// searching string without modifier i

var n = str.search(/Morning/);
document.write(n);
}
myFunction();
</script>
</body>
</html>
b List ways of protecting your web page and describe any one of them. 4M
Ans Ways of protecting Web Page: List: 1 M
1)Hiding your source code Explanation

2)Disabling the right MouseButton any one: 3M
3) Hiding JavaScript
4) Concealing E-mail address.
Page 13 |3 0
(Autonomous)
1) Hiding your source code
The source code for your web page—including your JavaScript—is stored in the
cache, the part of computer memory where the browser stores web pages that
were requested by the visitor. A sophisticated visitor can access the cache and
thereby gain access to the web page source code.
However, you can place obstacles in the way of a potential peeker. First, you can
disable use of the right mouse button on your site so the visitor can't access the
View Source menu option on the context menu. This hides both your HTML code
and your JavaScript from the visitor.
Nevertheless, the visitor can still use the View menu's Source option to display
your source code. In addition, you can store your JavaScript on your web server
instead of building it into your web page. The browser calls the JavaScript from
the web server when it is needed by your web page.
Using this method, the JavaScript isn't visible to the visitor, even if the visitor
views the source code for the web page.
2)Disabling the right MouseButton
The following example shows you how to disable the visitor's right mouse button
while the browser displays your web page. All the action occurs in the JavaScript
that is defined in the <head> tag of the web page.
The JavaScript begins by defining the BreakInDetected() function. This function

is called any time the visitor clicks the right mouse button while the web page is
displayed. It displays a security violation message in a dialog box whenever a
visitor clicks the right mouse button
The BreakInDetected() function is called if the visitor clicks any button other
than the left mouse button.
Example:
<html>
<head>
<title>Lockout Right Mouse Button</title>
<script language=JavaScript>
function BreakInDetected(){
alert('Security Violation')
return false
}
function NetscapeBrowser(e){
if (document.layers||
document.getElementById&&!document.all){
if (e.which==2||e.which==3){
Page 14 |3 0
(Autonomous)
BreakInDetected()
return false
}
}
}
function InternetExploreBrowser(){
if (event.button==2){
BreakInDetected()
return false
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN)
document.onmousedown=NetscapeBrowser()
}
else if (document.all&&!document.getElementById){
document.onmousedown=InternetExploreBrowser()
}
document.oncontextmenu=new Function(
"BreakInDetected();return false")
</script>
</head>
<body>
<table width="100%" border=0>
<tbody>
<tr vAlign=top>
<td width=50>
<a>
<ing height=92 src="rose.jpg"
width=70 border=0
onmouseover="src='rose1.jpg'"
onmouseout="src='rose.jpg'">
</a>
</td>
<td>
<img height=1 src="" width=10>
</td>
<td>
<a>
<cTypeface:Bold><u> Rose Flower</U></b>
</a>
</font><font face="arial, helvetica, sans-serif"
size=-1><BR>Rose Flower
Page 15 |3 0
(Autonomous)
</td>
</tr>
</tbody>
</table>
</body>
</html>
3) Hiding JavaScript
You can hide your JavaScript from a visitor by storing it in an external fi le on

your web server. The external fi le should have the .js fi le extension. The browser
then calls the external file whenever the browser encounters a JavaScript element
in the web page. If you look at the source code for the web page, you'll see
reference to the external .js fi le, but you won't see the source code for the
JavaScript.
The next example shows how to create and use an external JavaScript file. First
you must tell the browser that the content of the JavaScript is located in an
external
file on the web server rather than built into the web page. You do this by assigning
the fi le name that contains the JavaScripts to the src attribute of the <script>
tag, as shown here:
<script src="MyJavaScripts.js"
language="Javascript" type="text/javascript">
Next, you need to defi ne empty functions for each function that you define in the
external JavaScript fi le.
<html >
<head>
<title>Using External JavaScript File</title>
<script src="myJavaScript.js" language="Javascript" type="text/javascript">
function OpenNewWindow(book) {
}
</script>
</head>
<body>
<tablewidth="100%" border=0>
<tbody>
<tr vAlign=top>
<td width=50>
<a>
<img height=92 src="rose.jpg" width=70 border=0 name='cover'>
</a>
Page 16 |3 0
(Autonomous)
</td>
<td>
<img height=1 src="" width=10>
</td>
<td>
<a onmouseover="OpenNewWindow(1)" onmouseout="MyWindow.close()">
<b><u>Rose </u></b>
</a>
<br>
<a onmouseover="OpenNewWindow(2)" onmouseout="MyWindow.close()">
<b><u>Sunflower</U></b>
</a>
<br>
<A onmouseover="OpenNewWindow(3)" onmouseout="MyWindow.close()">
<b><u>Jasmine </u></b>
</a>
</td>
</tr>
</tbody>
</table>
</body>
</html>
The final step is to create the external JavaScript fi le. You do this by placing all
function definitions into a new fi le and then saving the fi le using the .js
extension.
MyJavaScript.js file:
function OpenNewWindow(book) {
if (book== 1)
{
document.cover.src='rose.jpg'
MyWindow = window.open('', 'myAdWin', 'titlebar=0 status=0, toolbar=0,
location=0, menubar=0, directories=0, resizable=0, height=50,
width=150,left=500,top=400')
MyWindow.document.write( 'Rose flower')
}
if (book== 2)
{
document.cover.src='sunflower.jpeg'
MyWindow = window.open('', 'myAdWin', 'titlebar=0 status=0, toolbar=0,
location=0, menubar=0, directories=0, resizable=0, height=50,
MyWindow.document.write( 'sunflower flower')
}
Page 17 |3 0
(Autonomous)
if (book== 3)
{
document.cover.src='jasmine.gif'
MyWindow = window.open('', 'myAdWin', 'titlebar=0
status=0, toolbar=0, location=0, menubar=0, directories=0, resizable=0,
height=50,
MyWindow.document.write( 'Jasmine Flower')
}
}
After you create the external JavaScript fi le, defi ne empty functions for each
function that is contained in the external JavaScript fi le, and reference the
external
JavaScript fi le in the src attribute of the <script> tag, you're all set.
4) Concealing E-mail address:
Many of us have endured spam at some point and have probably blamed every
merchant we ever patronized for selling our e-mail address to spammers. While
e-mail addresses are commodities, it's likely that we ourselves are the culprits
who invited spammers to steal our e-mail addresses.
Here's what happens: Some spammers create programs called bots that surf the
Net looking for e-mail addresses that are embedded into web pages, such as those
placed there by developers to enable visitors to contact them. The bots then strip
these e-mail addresses from the web page and store them for use in a spam attack.
This technique places developers between a rock and a hard place. If they place
their e-mail addresses on the web page, they might get slammed by spammers. If
they don't display their e-mail addresses, visitors will not be able to get in touch
with the developers.
The solution to this common problem is to conceal your e-mail address in the
source code of your web page so that bots can't fi nd it but so that it still appears
on the web page. Typically, bots identify e-mail addresses in two ways: by the
mailto: attribute that tells the browser the e-mail address to use when the visitor
wants to respond to the web page, and by the @ sign that is required of all e-mail
addresses. Your job is to confuse the bots by using a JavaScript to generate the
e-mail address dynamically. However, you'll still need to conceal the e-mail
address in your JavaScript, unless the JavaScript is contained in an external
JavaScript file, because a bot can easily recognize the mailto: attribute and the @
sign in a JavaScript.
Bots can also easily recognize when an external fi le is referenced. To conceal an
e-mail address, you need to create strings that contain part of the e-mail address
and then build a JavaScript that assembles those strings into the e-mail address,
which is then written to the web page.
The following example illustrates one of many ways to conceal an e-mail address.
Page 18 |3 0
(Autonomous)
It also shows you how to write the subject line of the e-mail. We begin by
creating four strings:
• The first string contains the addressee and the domain along with symbols &, *,
and _ (underscore) to confuse the bot.
• The second and third strings contain portions of the mailto: attribute name.
Remember that the bot is likely looking for mailto:.
• The fourth string contains the subject line. As you'll recall from your HTML
training, you can generate the TO, CC, BCC, subject, and body of an e-mail from
within a web page.
You then use these four strings to build the e-mail address. This process starts by
using the replace() method of the string object to replace the & with the @ sign
and the * with a period (.). The underscores are replaced with nothing, which is
the
same as simply removing the underscores from the string.
All the strings are then concatenated and assigned to the variable b, which is then
assigned the location attribute of the window object. This calls the e-mail program
on the visitor's computer and populates the TO and Subject lines with the strings
generated by the JavaScript.
<html>
<head>
<title>Conceal Email Address</title>
<script>
function CreateEmailAddress(){
var x = manish*c_o_m'
var y = 'mai'
var z = 'lto'
var s = '?subject=Customer Inquiry'
x = x.replace('&','@')
x = x.replace('*','.')
x = x.replace('_','')
x = x.replace('_','')
var b = y + z +':'+ x + s
window.location=b
}
-->
</script>
</head>
<body>
<input type="button" value="Help"
onclick="CreateEmailAddress()">
</body>
</html>
Page 19 |3 0
(Autonomous)
c Create a slideshow with the group of three images, also simulate next and 4M
previous transition between slides in your Java Script.
Ans <html> Correct
<head> program: 4
<script> M
pics = new Array('1.jpg' , '2.jpg' , '3.jpg');
count = 0; (Any other
function slideshow(status) example can
{ be
if (document.images) considered)
{
count = count + status;
if (count > (pics.length - 1))
{
count = 0;
}
if (count < 0)
{
count = pics.length - 1;
}
documet.imag1.src = pics[count];
}
}
</script>
</head>
<body>
<img src="1.jpg" width="200" name="img1">
<br>
<input type="button" value="Next" onclick="slideshow(1)">
<input type="button" value="Back" onclick="slideshow(-1)">
</body>
</html>
d Explain text rollover with suitable example. 4M
Ans You create a rollover for text by using the onmouseover attribute of the <A> tag, Explanation:
which is the anchor tag. You assign the action to the onmouseover attribute the 2M
same way as you do with an <IMG> tag. Program: 2
Let's start a rollover project that displays a flower titles. Additional information M
about a flower can be displayed when the user rolls the mouse cursor over the
flower name. In this example, the image of the flower is displayed. However, (Any other
you could replace the flower image with an advertisement or another message example can
that you want to show about the flower. be
considered)
<html>
<head>
<title>Rollover Text</title>
Page 20 |3 0
(Autonomous)
</head>
<body>
<TABLE width="100%" border="0">
<TBODY>
<TR vAlign="top">
<TD width="50">
<a>
<IMG height="92" src="rose.jpg"
width="70" border="0" name="cover">
</a>
</TD>
<TD>
<IMG height="1" src="" width="10">
</TD>
<TD>
<A onmouseover= "document.cover.src='sunflower.jpg'">
<B><U>Sunflower</U></B>
</A>
<BR>
<A onmouseover=
"document.cover.src='jasmine.jpg'">
<B><U>Jasmine</U></B>
</A>
<BR>
<A onmouseover=
"document.cover.src='rose.jpg'">
<B><U>Rose</U></B>
</A>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
e Write a Java script to modify the status bar using on MouseOver and on 4M
MouseOut with links. When the user moves his mouse over the links, it will
display “MSBTE” in the status bar. When the user moves his mouse away
from the link the status bar will display nothing.
Ans <html> Correct
<head> program: 4
<title>JavaScript Status Bar</title></head> M
<body>
<a href=" https://msbte.org.in/"
onMouseOver="window.status='MSBTE';return true"
onMouseOut="window.status='';return true">
Page 21 |3 0
(Autonomous)
MSBTE
</a>
</body>
</html>
5 Attempt any TWO of the following : 12 M

a Write a HTML script which displays 2 radio buttons to the users for fruits 6M
and vegetables and 1 option list. When user select fruits radio button option
list should present only fruits names to the user & when user select vegetable
radio button option list should present only vegetable names to the user.
Ans <html> Correct
<head> script code:
<title>HTML Form</title> 4M
<script language="javascript" type="text/javascript"> HTML
function updateList(ElementValue) code: 2M
{
with(document.forms.myform)
{
if(ElementValue == 1)
{
optionList[0].text="Mango";
optionList[0].value=1;
optionList[1].text="Banana";
optionList[2].text="Apple";
}
if(ElementValue == 2)
{
optionList[0].text="Potato";
optionList[1].text="Cabbage";
optionList[2].text="Onion";
}
}
}
</script>
</head>
<body>
<form name="myform" action="" method="post">
<p>
Page 22 |3 0
(Autonomous)
<select name="optionList" size="2">

<option value=1>Mango
<option value=2>Banana
<option value=3>Apple
</select>
<br>
<input type="radio" name="grp1" value=1 checked="true"
onclick="updateList(this.value)">Fruits
<input type="radio" name="grp1" value=2
onclick="updateList(this.value)">Vegetables
<br>
<input name="Reset" value="Reset" type="reset">
</p>
</form>
</body>
</html>
b Describe, how to read cookie value and write a cookie value. Explain with 6M
example.
Ans Web Browsers and Servers use HTTP protocol to communicate and HTTP is a Reading
stateless protocol. But for a commercial website, it is required to maintain cookie with
session information among different pages. For example, one user registration example:
ends after completing many pages. But how to maintain users' session 3M
information across all the web pages. Writing
cookie with
Cookies are a plain text data record of 5 variable-length fields − example:
 Expires − The date the cookie will expire. If this is blank, the cookie will 3M
expire when the visitor quits the browser. **Note:
Combined of
 Domain − The domain name of your site. both code is
 Path − The path to the directory or web page that set the cookie. This also
may be blank if you want to retrieve the cookie from any directory or acceptable
page.
 Secure − If this field contains the word "secure", then the cookie may
only be retrieved with a secure server. If this field is blank, no such
restriction exists.
 Name=Value − Cookies are set and retrieved in the form of key-value
pairs
Cookies were originally designed for CGI programming. The data contained in
a cookie is automatically transmitted between the web browser and the web
server, so CGI scripts on the server can read and write cookie values that are
stored on the client.
Page 23 |3 0
(Autonomous)
JavaScript can also manipulate cookies using the cookie property of

the Document object. JavaScript can read, create, modify, and delete the cookies
that apply to the current web page.
Storing Cookies
The simplest way to create a cookie is to assign a string value to the
document.cookie object, which looks like this.
document.cookie = "key1 = value1;key2 = value2;expires = date";
Here the expires attribute is optional. If you provide this attribute with a valid
date or time, then the cookie will expire on a given date or time and thereafter,
the cookies' value will not be accessible.
<html>
<head>
<script type = "text/javascript">

</script>
</head>
<body>
<form name = "myform" action = "">
Enter name: <input type = "text" name = "customer"/>
<input type = "button" value = "Set Cookie" onclick = "WriteCookie();"/>
</form>
</body>
</html>
Reading Cookies
Reading a cookie is just as simple as writing one, because the value of the
document.cookie object is the cookie. So you can use this string whenever you
want to access the cookie. The document.cookie string will keep a list of
name=value pairs separated by semicolons, where name is the name of a cookie
and value is its string value.
Page 24 |3 0
(Autonomous)
You can use strings' split() function to break a string into key and values as
follows:-
<html>
<head>

</script>
</head>
<body>
<form name = "myform" action = "">

<p> click the following button and see the result:</p>
<input type = "button" value = "Get Cookie" onclick =
"ReadCookie()"/>
</form>
Page 25 |3 0
(Autonomous)
</body>
</html>
c Write a java script that displays textboxes for accepting name & email ID & 6M
a submit button. Write java script code such that when the user clicks on
submit button
(1) Name Validation
(2) Email ID Validation.
Ans <html> Correct
<head> Html code:
<title>Form Validation</title> 2M
</head>
<body> Correct
<form action = "/cgi-bin/test.cgi" name = "myForm" onsubmit = Script code:
"return(validate());"> 4M
<table cellspacing = "2" cellpadding = "2" border = "1">
(Any other
<tr>
example can
<td align = "right">Name</td>
be
<td><input type = "text" name = "Name" /></td>
considered)
</tr>
<tr>
<td align = "right">EMail</td>
<td><input type = "text" name = "EMail" /></td>
</tr>
<tr>
<td align = "right"></td>
<td><input type = "submit" value = "Submit" /></td>
</tr>
</table>
</form>
</body>
</html>

</script>
6 Attempt any TWO of the following : 12 M

a Describe how to evaluate checkbox selection. Explain with suitable example. 6M
Ans Evaluating Checkbox Selection: Correct
Explanation
 A checkbox is created by using the input element with the : 3M
type=”checkbox” attribute-value pair.
 A checkbox in a form has only two states(checked or un-checked) and is &
independent of the state of other checkboxes in the form. Check boxes can
be grouped together under a common name. Correct
Example:3M
 You can write javascript function that evaluates whether or not a check
box was selected and then processes the result according to the needs of
(Any other
your application.
example can
 Following example make use of five checkboxes to provide five options
be
to the user regarding fruit.
considered)
<html>
<head>
<title>HTML Form</title>
<script language="javascript" type="text/javascript">
function selection()
{
var x ="You selected: ";
with(document.forms.myform)
{
if(a.checked == true)
{
x+= a.value+ " ";
Page 27 |3 0
(Autonomous)
}
if(b.checked == true)
{
x+= b.value+ " ";
}
if(o.checked == true)
{
x+= o.value+ " ";
}
if(p.checked == true)
{
x+= p.value+ " ";
}
if(g.checked == true)
{
x+= g.value+ " ";
}
document.write(x);
}
}
</script>
</head>
<body>
Select Your Favourite Fruits: <br>
<input type="checkbox" name="a" value="Apple">Apple
<input type="checkbox" name="b" value="Banana">Banana
<input type="checkbox" name="o" value="Orange">Orange
<input type="checkbox" name="p" value="Pear">Pear
<input type="checkbox" name="g" value="Grapes">Grapes
<input type="reset" value="Show" onclick="selection()">
</form>
</body>
</html>
</form>
</body>
</html>
Page 28 |3 0
(Autonomous)
b Write a script for creating following frame structure 6M
FRUITS, FLOWERS AND CITIES are links to the webpage fruits.html,

flowers.html, cities.html respectively. When these links are clicked
corresponding data appears in FRAME 3.
Ans <html> Frame part:
<head> 2M for each
<title>Frame Demo</title>
</head>
<body>
<table border="1">
<tr>
<td align="center" colspan="2">
FRAME 1
</td>
</tr>
<tr>
<td>
FRAME 2
<ul>
<li>
<a href="fruits.html" target="mainframe">FRUITS</a>
</li>
<li>
<a href="flowers.html" target="mainframe">FLOWERS</a>
</li>
<li>
<a href="cities.html" target="mainframe">CITIES</a>
</li>
</ul>
</td>
<td>
FRAME 3<BR>
<iframe name="mainframe"></iframe>
</td>
</tr>
</table>
</body>
</html>
Page 29 |3 0
(Autonomous)
c Write a javascript to create a pull-down menu with three options [Google, 6M

MSBTE, Yahoo] once the user will select one of the options then user will be
redirected to that site.
Ans <html> pull-down
<head> menu code:
<title>HTML Form</title> 2M each
<script language="javascript" type="text/javascript">
function getPage(choice)
{
page=choice.options[choice.selectedIndex].value;
if(page != "")
{
window.location=page;
}
}
</script>
</head>
<body>
Select Your Favourite Website:
<select name="MenuChoice" onchange="getPage(this)">
<option
value="https://www.google.com">Google</option>
<option
value="https://www.msbte.org.in">MSBTE</option>
<option
value="https://www.yahoo.com">Yahoo</option>
</form>
</body>
</html>
Page 30 |3 0

Zeal Polytechnic, Pune.: Third Year (Ty) Diploma in Computer Engineering Scheme: I Semester: V

Uploaded by

Document Informationclick to expand document information

Copyright:

Available Formats

Zeal Polytechnic, Pune.: Third Year (Ty) Diploma in Computer Engineering Scheme: I Semester: V

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Zeal Polytechnic, Pune.: Third Year (Ty) Diploma in Computer Engineering Scheme: I Semester: V

Uploaded by

Copyright:

Available Formats

Zeal Education Society’s

ZEAL POLYTECHNIC, PUNE.

THIRD YEAR (TY)

NAME OF SUBJECT: CLIENT SIDE SCRIPTING LAGUAGE

MSBTE QUESTION PAPERS & MODEL ANSWERS

Q.1) Attempt any FIVE of the following. 10 Marks

Q.2) Attempt any THREE of the following. 12 Marks

Student Name Marks

Q.3) Attempt any THREE of the following. 12 Marks

Q.4) Attempt any THREE of the following. 12 Marks

Q.5) Attempt any TWO of the following. 12 Marks

Q.6) Attempt any TWO of the following. 12 Marks

Q.1) Attempt any FOUR. 08 Marks

Q.2) Attempt any THREE. 12 Marks

Q.1) Attempt any FOUR. 08 Marks

b) State the method to put message in web browser status bar?

Q.2) Attempt any THREE. 12 Marks

Instructions : (1) All Questions are compulsory.

1. Attempt any FIVE of the following : 10

(a) List any four features of Java script.

(b) List the comparison operators in Java script.

(e) Write Java script to call function from HTML.

(g) State any two properties and methods of location object.

2. Attempt any THREE of the following : 12

The grades are computed as follows :

3. Attempt any THREE of the following : 12

String = “ I will fail”

Replace “fail” by “pass”

(a) Describe regular expression. Explain search () method used in regular

(d) Explain text rollover with suitable example.

5. Attempt any TWO of the following : 12

(1) Name Validation

(2) Email ID validation

(b) Write a script for creating following frame structure

FRUITS, FLOWERS and CITIES are links to the webpage fruits.html,

Q. Sub Answer Marking

Ans Comparison operators in Java script Any 4

<title>Display Array Elements</title>

2 Attempt any THREE of the following : 12 M

3. An object property is a name, a value and a set of attributes. The value

/* Accessor properties (setters) */

Example: (Any other

<input type="button" value="click" onclick="msg()"/>

The grades are computed as follows :

document.write("Average grade: " + (Avgmarks)/students.length);

var FirstName = 'Bob';

var Character = FirstName.charAt(0); //o/p B

var IndexValue = FirstName.indexOf('o'); //o/p index as 1

3 Attempt any THREE of the following : 12 M

Array elements can be combined by Array elements can be combined by

String = “I will fail”

c Write a Java Script code to display 5 elements of array in sorted order. 4M

d Explain open() method of window object with syntax and example. 4M

MyWindow = window.open(‘webpage1.html’, 'myAdWin', 'status=0, toolbar=0,

4 Attempt any THREE of the following : 12 M

// searching string with modifier i

// searching string without modifier i

1)Hiding your source code Explanation