Felhasználói eszközök

Eszközök a webhelyen


egyetem:webc2:dhtml:f3:reszek8m

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: (külső szerkesztés)