CS 174
Chris Pollett
Apr 28, 2021
<input type = "button" id="b" name="b" onclick="alert('b tapped');" />
document.getElementByID("b").onclick = myNewHandler;
<input type="text" id="cost" onfocus="this.value=10; this.blur();" />
<form ... onsubmit="return checkSubmit()" >
phoneStar = document.getElementById("phoneStar"); phoneStar.style.display="inline";
myelement.addEventListener("change", myhandler, false).
<p style="position: absolute; left:100px; top: 200px">some text </p> <p style="position: relative; left:10px; top: -20px; width: 50">some other text </p>
function moveIt(id, newTop, newLeft) { myStyle = document.getElementById(id).style; myStyle.top = newTop + "px"; /* notice how CSS properties are properties of the style object*/ myStyle.left = newLeft + "px"; }
<div id="test" style="visibility: hidden">hi there</div> <input type="button" onclick='show("test")' /> <script type="text/javascript"> function show(id) { myStyle = document.getElementById(id).style; myStyle.visibility = "visible"; } </script>
<script type="text/javascript" > msgs = ["<p>mesg0</p>", "<p>mesg1</p>"] function showMessage(evt, num) { box = document.getElementById("adviceBox"); box.innerHTML = msgs[num]; myStyle =box.style; myStyle.position = "absolute"; myStyle.top = evt.clientY +10 +"px"; myStyle.left = evt.clientX +10 +"px"; myStyle.visibility = "visible"; } function hideMessage() { myStyle = document.getElementById("adviceBox").style; myStyle.visibility = "hidden"; } </script> <div id="adviceBox" style="visibility:hidden" ></div > <input type="text" onmouseover="showMessage(event, 1)" onmouseout="hideMessage()" />
setTimeout(myCallback, repeatTimeInMilliSec); // myCallback is the Javascript function you would like called
var timeout = setInterval(myCallback, 5000); clearInterval(timeout);