- Alert Box
- Confirm Box
- Prompt Box ය
Alert Box යොදා ගන්නේ භාවිතා කරන්නාට තොරතුරු/පනිවිඩ ලබා දීම සදහායි. එහිදී භාවිතා කරන්නා ok බොත්තම එබීමෙන් තොරතුර ලැබුනු බව සනාත කල යුතුයි.
පහත කේතය බලන්න
<html>
<head>
<script
type="text/javascript">
function
disp_alert()
{
alert("I
am an alert box!!");
}
</script>
</head>
<body>
<input
type="button" onclick="disp_alert()" value="Display
alert box"/>
</body>
</html>
මෙහිදී HTML වල button එකක් සාදා එමගින් html header කොටසේ function එකකට call කර ඇත.
Confirm Box
confirm box යොදා ගනුයේ යම් දෙයක් අනුමත/තහවුරු කර ගැනීමටයි. මේහිදී popup කවුලුවේ okහා cancel ලෙස තේරීම් දෙකක් පවතී. ok තේරූ කල true ලෙසද cancel තේරූ කල false ලෙසද ලැබේ.
පහත කේතය බලන්න
<html>
<head>
<script
type="text/javascript">
function
disp_confirm()
{
var
r=confirm("Press a button");
if
(r==true)
{
document.write("You pressed OK!");
}
else
{
document.write("You pressed
Cancel!");
}
}
</script>
</head>
<body>
<input
type="button" onclick="disp_confirm()" value="Display
a confirm box" />
</body>
</html>
මෙහිදී HTML වල button එකක් සාදා එමගින් html header කොටසේ function එකකට call කර ඇත. එහිදී නැවත ලබාදෙන අගය(return value) මත if කේතයක් මගින් තේරිමක් කර ඇත. OK(true) බොත්තම තේරූ කල You pressed OK! ලෙසද Cancel(false) බොත්තම තේරූ කල You pressed Cancel! ලෙසද ලබා දේ.
Prompt Box
prompt box භාවිතා කරනුයේ භාවිතා කරන්නාගෙන් විවිධ දත්ත ලබා ගැනීම සදහාය.
පහත කේතය බලන්න
html>
<head>
<script
type="text/javascript">
function
disp_prompt()
{
var
name=prompt("Please enter your name","Harry Potter");
if
(name!=null && name!="")
{
document.write("Hello " + name +
"! How are you today?");
}
}
</script>
</head>
<body>
<input
type="button" onclick="disp_prompt()" value="Display a
prompt box" />
</body>
</html>
මෙහිදී HTML වල button එකක් සාදා එමගින් html header කොටසේ function එකකට call කර ඇත. මෙම කලුවේ ඇති inpu box එකේ type කර ok කල විට එය name නම් variable එකට ඇතුල් කර ගනී. cancel කල විට ක්‍රියා දාමය නවතී. parry poter යනු inpu box එකේ defult ඇති වදනයි. එය අපට අවශ්‍ය එකක් හෝ හිස් ව තැබිය හැකිය.
---------------------------------------------------------------------------
මේ ලිපියෙහි හෝ මෙය සිදු කිරීමේදී යම් ගැටලුවක් ඇත්නම් Comments වල දමන්න.
මා අතින් යම් වරදක් වී ඇත්නම් හෝ යමක් මග හැරී ඇත්නම් ඒවාත් නිවැරදි කිරීම පිනිස Comments වල දමන්න.
No comments:
Post a Comment