Posts

Showing posts from January, 2025

CSS

                                                       css 1. 2.HTml is a collection of tag 3. css is a collection of attribute. 4.   Html attribute is used to equal operator ex.color=”red1” 5. CSS attribute is used to colon operator ex. Color: red; 6. All numerical element are written with pixel (px). Ex. Height:100px 7. CSS are written without tags symbols only tags named are used.   Types of CSS   1.    Internal css   :- Inside html pages    its is saved with .html ext 2.    External css   :-   Outside html pages its saved with .css ext 3.    Inline css :-       Used direct withtags   CSS SPECIFI...

javascript object dom

  JAVASCRIPT OBJECT:- 1.       DOM -DOCUMENT OBJECT MODEL:- In javascript the dom model is to be acessed using document keyword There are following implementation used in dom I.        Display current title II.     Display number of links III.   Display number of images IV. Implementaion of css V.     Display URL   Ex. For displaying current title . <html> <head> <title>login</title> <script language="JavaScript"> function display() { document.getElementById("p1").innerHTML=document.title; } </script> </head> <body> <p id="p1"> </p> <button onclick="display()">submit</button> </body> </html> EX for getting url of the website <html> <head> <script langauge="JavaScript"> function display() { document.getElementById("r1").inner...

ACCESSES

 #) How to accesses <html > inside <script> -: step1 provide id attribute ( all tags) ex. <p id="f1"> msg </p> step2 using syntax:- getElementById("id") ex.  <p id="f1">msg</p> document.getElementById("f1") ex.  of using document.getElementById in inner html <html> <head> <script language="JavaScript"> function display() {   var a=10; document.getElementById("p1").innerHTML="Welcome"; document.getElementById("p2").innerHTML=a; document.getElementById("p3").innerHTML=50+60-6; } </script> </head> <body> <p id ="p1">  </p> <br> <p id="p2">  </p> <br> <p id="p3"> </p> <button onclick="display()">click</button> </body> </html> # TEXT box working:- ALL text box data is to be accessed in the form of value 

ARRAY

  #JAVASCRIPTS Arrays:- i).arrays is a collection of similarly type data elements  ii). arrays separated is represented in the square backets-[] how to created a array in javascripts:- syntax var arrayname=[ value ]; ex. var city=["nagpur","mumbai","pune"]; document.write("display" array length "+"<br>");

STRING HANDLING

 String Handling- there are few operation in string handling 1.length ex. <html> <head> <script language="JavaScript">  var name="nagpur" document.write(name.length); </script> </head> </html> 2.UpperCase() ex.<html> <head> <script language="JavaScript">  var city="nagpur" document.write(city.toUpperCase()); </script> </head> </html> 3.LowerCase() 4.replace() ex <html> <head> <script language="JavaScript">  var msg="nagpur is a big city";  var s2=msg.replace("nagpur","pune") document.write(s2); </script> </head> </html> 5.replaceAll() ex.<html> <head> <script language="JavaScript">  var msg="nagpur is a big city,nagpur is best";  var s2=msg.replaceAll("nagpur","pune") document.write(s2); </script> </head> </html> 6.concat() ex...

FUNCTION PARAMETERS

 Function Parameter:- parameter is a special type of variables Create inside a function separates  ex. display(a)-> a is called parameters two types of parameters  1. receivers - function definition  2. senders - function calling    ## LOCAL &&& GLOBAL VARIBALES 1. local - create inside a block - () {} [] i. local - cannot accesses out side the block    2.  Global - THE Global are create outside a block  i. global variable is to access whole program  

FUNCTION

 Function: it is a small job program  function separate -() Types of function 1.Intransic (predefine)-  2.extransic (user define)-  #types of statement ;- 1. body of statement(representing main) 2. block of statement (condition/looping) 3. container statement (function) #how to create function:- Syntax;- function name() {    logic }  # Function Terminology:- 1. Function Definition- create a function 2. function calling - access the function. * access any type of function in javascript using button control- <button> ex.  fun show() { } <button onclick="show()"> </button>

looping

 1. define loop-conditional loop is undefined loop {while , do, for} 2.undefined loop-it is used to excuted continue in a program {for (;;)} 1]. while loop:  Q. what type of variable are used in loop ? ans- looping is used to counter(i=i+1) variables. # looping syntax while(condition) {.........logic......} #loop direction 1.clock wise(while, dowhile) 2. anticlock wise( ) ex.<html> <head> <script language="JavaScript" > var i=1; while (i<=10) {  document.write(i+"<br>"); i=i+1; } </script> </head> </html> Q. what is property of while loop? ans  it is used to enter control property. 2]. do while loop:<clock wise loop> this is called exist control loop bcoz is check the condition after the statement. dowhile loop return only 1 result if the condition is false. syntax: do  { statement; } while(cond); ex. <html> <head> <script language="JavaScript"> var i=1; do { document.write(i+"<br...

program management (condition ifelse,else,if,switchcase)

 PROGRAM MANAGEMENT:- There are two method  i. condition  ii. flow/looping CONDITION- 1. ifelse 2.elseif 3.switch case  1. if else:- if(condition) {  } else { } q]. write a program to input age from the user and check the following condition con- age>18 then display you can vote otherwise display you cannot vote. property of ifelse ifelse only use 1 condition at a time.  2. else if statement: if(con) {statement}; elseif(cond) {statement}; else {statement}; Q] write a program to input % from the user and check the following condition con- % >60 then display first division con-%>50 and %<60 then display second division if %>40 and %<50 then display third division otherwise fail #SWITCHCASE - IT is basically used to connect a specify case(part of programm) as per user choice switch(choice variable) { case1: ------ ------  break; case2;----- ----- break; default:----- ----- break; }

PARSEINT

 Q. why we use datatype ans. by default all input format-string. NUMERICAL INPUT to input the numerical data in js using parseInt() ex. <html> <head> <script language="JavaScript"> var a, b, c; a=parseInt(prompt("enter 1 no")); b=parseInt(prompt("enter 2 no.")); c=a+b; document.write(c); </script> </head> </html>

JAVASCRIPT

 JAVASCRIPT:- 1. script is a part of program  2. Js is a case sensitivity language 3. Js is written inside the head section<head> 4. structure of js    <html> <head> <script language="Javascript"> logic </script> </head> </html>   JAVASCRIPT statement:- 1. OUTPUT STATEMENT - document.write(); semicolon called line termination opertore; 2. Alert statement -  display alert message  3. confirm statement - display confirmation message  4. prompt - input statement  <html> <head> <script language="JavaScript"> document.write("welcome to my program"); alert("this is alert box"); confirm("this is confirm box"); prompt("enter your name"); </script> </head> </html> NOTE:- js can not support any type of html tags directly <html> <head> <script language="JavaScript"> document.write("welcome to my program"...

content management in html

 CM: multiple page display in single screen is called content management  it is basically used for <iframe> <html> <body> <a href="about1.html" target="f1"> about</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <a href="reg.html" target="f1">registation</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="admission.html" target="f1">admission</a> <br> <iframe height="600" width="800" name="f1">  </body> </html> Q. WHAT IS MEANT BY LINKED TRAVELLING ? (imp) ans - target attribute  FORMS :-  Its is a communication between user to webpages. 1. static form :-pdf, words( downloads ) 2. dynamic form :-  online forms All forms are created inside the form tag <form>   ...</form> FORM CONTROL :-  1. textbox   2.passwordbox  3.radio button  4. checkbox  5. textarea  6. dropdownlist  7. button The tex...

HTML BASIC

                           HTML hyper :- representing next location (about , registration , contact) text :- text is a collection of number , character , symbol (amit@001) markup (important) :- markup is library , it contain definition of all Html tag  1] Language :- mediator 2] Html syntax:-<>tags ex. <b> , <u>, <i>, <r> 3] Types of tags :-    i}   open tag(only used one time)-<u>,<d>,<i>  ii}  close tag (this types of tags is used to close operator </>) ex. <b>...</b> ,<u>..</u>,<i>...</i> 4] Tag messages :- Always comes in the close tags  ex.<b>welcome</b> welcome is called as inner html. {inner text} ] Html Structures :-  <html> (representing  web browser ) <body> (representing output location) . . . . . </body>

LOCAL GLOBAL VARIBALES

  Function Parameter:-   parameter is a special type of variables Create inside a function separates  ex. display(a)-> a is called parameters two types of parameters  1. receivers - function definition  2. senders - function calling    ## LOCAL & GLOBAL VARIBALES. 1. local - create inside a block - (){}[] i. local cannot accesses out side the block   2.  Global - THE Global are create outside a block  i. global variable is to access whole program