CS174
Chris Pollett
Apr 19, 2017
<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);
Create a small HTML page with an h1 header that says: "We'll Send You Money!!". Beneath this it has a text field with label Email and an Enter button. In a div field below there is a count down clock that is updated every three seconds. Initially, it says, "15 Seconds Left!" If the Enter button is clicked before the 15 seconds is up and the Email field is not empty, the div field says, "You won!" If the Enter button is clicked but no data is in the name field, an alert appears saying, "Please Enter Your Email". Finally, if the 15 seconds expires, the div field is replaced with "You missed getting money!"
Post your code to the Apr 19 Discussion Thread.
<patient type="out of state"> <![CDATA[This is data that will not be parsed by the XML parser even if it has tags in it like this: <tag>]]> <name><first>John</first><last>Smith</last></name> <insurerID>&kaiser;</insurerID> </patient>
<!ELEMENT element_name (list of names of child elements) SYSTEM Location NDATA NotationName >
<!ELEMENT memo (from, to, date) > ---- SYSTEM and NDATA don't have to used <!ELEMENT dept_script SYSTEM "dept.php" NDATA "php" > <!NOTATION php SYSTEM "/usr/bin/php" > <!ELEMENT person(parent+, age, spouse?, sibling*) > ---- + is one or more, ? is optional, and * is 0 or more <!ELEMENT element_name (#PCDATA) > ---- pcdata = parsable character data can also use EMPTY for no sub-tags or character data or ANY if you want to allow everything
<!ATTLIST element_name attribute_name_1 attribute_type [default_value] ... attribute_name_n attribute_type [default_value] >
<!ATTLIST airplane places CDATA "4"> <!ATTLIST airplane engine_type CDATA #REQUIRED> ---- must have the field <!ATTLIST airplane price CDATA #IMPLIED> ---- no default value is given <!ATTLIST airplane manufacturer CDATA #FIXED "cessna"> --- all instances must have the same value
<!ATTLIST img src CDATA #REQUIRED width CDATA #REQUIRED height CDATA #REQUIRED alt CDATA #IMPLIED >
<!ATTLIST horizontal_rule alignment (left|center|right) #IMPLIED >
<!ENTITY [%] entity_name "entity value" >% is used when it is a parameter entity
<!ENTITY cp "Chris Pollett" > <!ENTITY cool_pic SYSTEM "/usr/local/cool_pic.jpg">
<?xml version = "1.0" encoding ="utf-8" ?> <!-- planes_for_sale.dtd --> <!ELEMENT planes_for_sale (ad+) > <!ELEMENT ad (year, make, model, color, price?, seller) > <!ELEMENT year (#PCDATA)> <!ELEMENT make (#PCDATA)> <!ELEMENT model (#PCDATA)> <!ELEMENT color (#PCDATA)> <!ELEMENT price (#PCDATA)> <!ELEMENT seller (#PCDATA)> <!ATTLIST seller license CDATA #REQUIRED > <!ENTITY c "cessna" >
<?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE planes_for_sale.dtd [ <!--DTD for planes_for_sale-->]> <!-- The planes_for_sale document -->
<!DOCTYPE planes_for_sale SYSTEM "planes_for_sale.dtd" >
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE planes_for_sale SYSTEM "planes_for_sale.dtd" > <planes_for_sale> <ad> <year>1960</year> <make>&c;</make> <model>150</model> <color>white</color> <seller license="12345678">Duran Duran</seller> </ad> <ad> <year>1945</year> <make>Douglas Aircraft Company</make> <model>DC-3</model> <color>red</color> <seller license="ABCDEFG">Gyro Gearloose</seller> </ad> </planes_for_sale>
<div xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:mml="http://www.w3.org/1998/Math/MathML" >
plane {display:block; border 3px;}
<?xml-stylesheet type="text/css" href="mystyles.css" ?>