Posts

Showing posts from May, 2021

Creating Forms Dynamically

<!DOCTYPE html> <html>     <head>         <title>             Create a Form Dynamically with  the JavaScript         </title>     </head>     <body style="text-align: center;">         <h1 style="color: green;">             Create a Form Dynamically with the JavaScript         </h1>         <p>           Click on the button to create           a form dynamically         </p>         <button onClick="CreateForm()">             click here         </button>         <p id="GFG_DOWN"></p>  <script>     var down = document.getElementBy...

Creating Elements Dynamically in Javascript

How to dynamically create new elements in JavaScript? Adding Elements in a Page Add Element Type Add Element Value Add List Item 1

Jascript COde / HTML / CSS Message Box

 <!DOCTYPE html> <html> <style> #div1 {   position:inline;   border: 2px solid #dedede;   width:200px;   background-color: #f1f1f1;   border-radius: 5px;   padding: 50px;   margin: 10px 0; } </style> <body> <p>Display the Chat Box.</p> <button onclick="myFunction()"> CHAT </button> <script> var msge , msgebox, sname,div1; function myFunction() {    div1 = document.createElement("div");    div1.id="div1";       sname = document.createElement("INPUT");    sname.setAttribute("type", "text");          msge = document.createElement("TEXTAREA");     msge.id="msge";    msgebox = document.createElement("TEXTAREA");    msgebox.rows=10;    msgebox.id="msgebox" ;         btn = document.createElement("INPUT");    btn.setAttribute("type", ...

Exercise 10 Creating Hyperlink and Action Buttons

Image
  https://drive.google.com/file/d/0By-Dzn-g85c1djhwZ0daTG1tbkE/view?usp=sharing  Activity 10 : Hyperlink and Action Buttonhttps://drive.google.com/file/d/0By-Dzn-g85c1djhwZ0daTG1tbkE/view?usp=sharing

HTML /CSS Code Transitions

Image
  (88) #31 CSS Transition Tutorial - CSS Full Tutorial - YouTube

HTML / CSS Code : Transform Property

Image
HTML / CSS Code :  Transform Property  

EXERCISE 10 : iNTERACTIVE PRESENTATION HYPERLINK AND ACTION BUTTONS

Image
 

HTML CODE : IFRAME MULTIMEDIA ELEMENTS

Image
Home Contacts Javascript Switch Events onLoad HTML Horizontal 2 Columns 3 Columns onLoad Multimedia The armor of God Prayers and Bible Verses Miracles Hannah's Prayer HOME Fixed Full-height Side Nav Try to scroll this area, and see how the sidenav sticks to the page Notice that this div element has a left margin of 25%. This is because the side navigation is set to 25% width. If you remove the margin, the sidenav will overlay/sit on top of this div. Also notice that we have set overflow:auto to sidenav. This will add a scrollbar when the sidenav is too long (for example if it has over 50 links inside of it). News Contacts FACEBOOK INSTAGRAM YOUTUBE FACEBOOK INSTAGRAM YOUTUBE FACEBOOK INSTAGR...

Drawing on HTML Canvas using Javascript Code , CIrcle, LInes, Arc, Rectangle , Clear Canvas using Buttons

Your browser does not support the HTML canvas tag. Rectangle Cirle Line Clear

Indesign E-magazine