egyetem:webc2:dhtml:f3:reszek8m
Tartalomjegyzék
| Tantárgy: | Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] | |
| Tananyag: | DHTML | |
| Feladat: | Űrlapmező létrehozása DHTML módszerrel | |
| Kidolgozás: | Feladat megoldása fejlesztési részfeladatok segítségével | |
| Részfeladat: | 8. részfeladat | |
Részfeladat
NODE-k megfelelő sorrendben történő összeállítása a pontos megjelenítéshez
Részfeladat megoldásának forrása
// Kiíratás összeállítása
newDiv.appendChild(newTextNode);
newDiv.appendChild(newInput);
newDiv.appendChild(newBr);
newDiv.appendChild(newGomb);
document.body.appendChild(newDiv);
Megoldás forráskódja
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Űrlapmező létrehozása DHTML módszerrel - 8</title>
<meta name="author" content="Tóth Péter" />
<meta name="copyright" content="© 2012, NYME SEK" />
<meta http-equiv="date" content="2012-09-11" />
<meta name="revised" content="Tóth Péter, 11/09/2012" />
<meta name="description" content="DHTML - Űrlapmező létrehozása DHTML módszerrel" />
<meta http-equiv="content-language" content="hu" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
<!--
// OnLoad
function funcStart(){
// DIV TAG létrehozása
var newDiv=document.createElement("div");
// Szöveg létrehozása
var newTextNode=document.createTextNode("Az Ön neve:");
// Űrlapelem létrehozása
var newInput=document.createElement("input");
newInput.setAttribute("type","text");
newInput.setAttribute("size","80");
newInput.setAttribute("name","nev");
// Soremelés létrehozása
var newBr=document.createElement("br");
// Gomb létrehozása
var newGomb=document.createElement("input");
newGomb.setAttribute("type","submit");
newGomb.setAttribute("value","Adatok felvétele");
// Kiíratás összeállítása
newDiv.appendChild(newTextNode);
newDiv.appendChild(newInput);
newDiv.appendChild(newBr);
newDiv.appendChild(newGomb);
document.body.appendChild(newDiv);
}
-->
</script>
</head>
<body onload="funcStart()"></body>
</html>
egyetem/webc2/dhtml/f3/reszek8m.txt · legutóbbi módosítás: – Szerkesztő: peter
