Tag Archives: createElement

Dodanie atrybutu do diva



var div = document.createElement('div');

div.className = "box";

div.id='test';

div.innerHTML = '[<a href="http://mapy.emiejsca.pl/niedrzwica_duza_niedrzwica_duza_lubelski_lubelskie,mapa.html">Niedrzwica Duża</a>]';

div.setAttribute('index', 100);
Standard

Komentarze

Zostaw komentarz

Data publikacji

28/11/2010

Kategoria

JavaScript

Napisał

Dynamiczne dodanie markera span

<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
 <head>
  <title> New Document </title>
  <script src=”debug_js.js” type=”text/javascript”></script>
  <script language=”JavaScript”>
  <!–
 function getE(id) {
  return document.getElementById(id);
 }

 function test() {
  deb_write(deb_prop(getE(‚tests’),true));
 }

 function test2() {
      var div = document.createElement(„span”);
      div.style.font = ’12px Arial, Verdana, Tahoma’;
      div.style.position = „absolute”;
   div.style.background = ‚#fefefe’;
     div.style.padding = ‚2px’;
   div.id = „s1”;
   div.innerHTML = ‚Warszawa, Warszawa, Warszawa, Warszawa’;
   var d2 = getE(‚tests2’);
      d2.appendChild(div);

   deb_write(deb_prop(getE(‚s1’),true));
 }

  //–>
  </script>
 </head>

 <body>
  <div id=”tests”>Polska Warszawa Polska Warszawa</div>
  <div id=”tests2″></div>

  <input type=”button” value=”Test” onclick=”test()”>
  <input type=”button” value=”Test2″ onclick=”test2()”>
 </body>
</html>

Standard

Komentarze

Zostaw komentarz

Data publikacji

15/10/2009

Kategoria

JavaScript

Napisał

Dynamiczne dodawanie pola pola typu readonly

var cell = document.createElement("td");
inp = document.createElement("input");
if(idx&gt;-1) {
inp.value = sel.options[idx].text; }
inp.type = "text";
inp.name = "numer_"+nr;
inp.size = 45;
inp.readOnly = true;
cell.appendChild(inp);

readOnly – Only musi byc z duzą literą( ale chyba tylko dla IE)

Standard

Komentarze

Zostaw komentarz

Data publikacji

02/09/2008

Kategoria

JavaScript

Napisał

Dynamiczne dodanie markera A do strony

var rA = document.createElement(‚a’);

rA.setAttribute(‚href’, ‚javascript:removeRow(\’n’ + count + ‚\’);’);
rA.appendChild(document.createTextNode(‚Remove’));

function removeRow(rowId) {
 var elem = document.getElementById(rowId));
…
}

Standard

Komentarze

Zostaw komentarz

Data publikacji

06/08/2008

Kategoria

JavaScript

Napisał

Dodawanie dynamiczne tabeli do komórki innej tabeli



<p class="mce_ws_kod">&lt;HTML&gt;

&lt;HEAD&gt;

&lt;TITLE&gt; New Document &lt;/TITLE&gt;

&lt;META NAME="Author" CONTENT=""&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;

&lt;!-- 

 function ukryjtab(id) {



<p class="mce_ws_kod">  var element = document.getElementById(id);

   while (element.firstChild) {

    element.removeChild(element.firstChild);

   }

 }

<p class="mce_ws_kod">    function dodajtab(id) {</p>



<p class="mce_ws_kod">        var element = document.getElementById(id);

        var tbl     = document.createElement("table");

        var tblBody = document.createElement("tbody");



<p class="mce_ws_kod">        for (var j = 0; j &lt; 2; j++) {

            var row = document.createElement("tr");

            for (var i = 0; i &lt; 2; i++) {



<p class="mce_ws_kod">                var cell = document.createElement("td");

                var cellText = document.createTextNode("komórka nr: "+j+", kolumna nr: "+i);

                cell.appendChild(cellText);

                row.appendChild(cell);

            }

            tblBody.appendChild(row);

        }



<p class="mce_ws_kod">        tbl.appendChild(tblBody);

        element.appendChild(tbl);

        tbl.setAttribute("border", "1");

    }

//--&gt;

&lt;/SCRIPT&gt;

&lt;/HEAD&gt;



<p class="mce_ws_kod">&lt;BODY&gt;

&lt;TABLE border="1"&gt;

&lt;TR&gt;

 &lt;TD&gt;fiat stilo&lt;/TD&gt;

 &lt;TD&gt;1,6&lt;/TD&gt;

 &lt;TD&gt;&lt;input type="button" name="wybor" value="pokaz" onClick="dodajtab(2)"&gt;&lt;input type="button" name="wybor" value="ukryj" onClick="ukryjtab(2)"&gt;&lt;/TD&gt;

&lt;/TR&gt;

&lt;TR&gt;

 &lt;TD colspan="3" id="2"&gt;&lt;/TD&gt;

&lt;/TR&gt;

&lt;TR&gt;

 &lt;TD&gt;fiat panda&lt;/TD&gt;

 &lt;TD&gt;1,1&lt;/TD&gt;

 &lt;TD&gt;&amp;nbsp;&lt;/TD&gt;

&lt;/TR&gt;

&lt;/TABLE&gt;

&lt;/BODY&gt;

&lt;/HTML&gt;
Standard

Komentarze

2 komentarze

Data publikacji

26/07/2008

Kategoria

JavaScript

Napisał