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);
Tag Archives: createElement
Dodawnie elementu textowego do dom
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>
Utworzenie div i dodanie do mapy
div.style.width = '1px';
div.style.height = '1px';
div.style.background = 'gray';
map.getContainer().appendChild(div);
Dynamiczne dodawanie pola pola typu readonly
inp = document.createElement("input");
if(idx>-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)
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));
…
}
Dodawanie stylu do utworzonego elementu strony
var element = document.getElementById(id);
var p = document.createElement(„p”);
var pText = document.createTextNode(„Szczególy”);
p.appendChild(pText);
if( p.style.setAttribute )
p.setAttribute(„className”, „t”);
else
p.setAttribute(„class”, „t”);
Dodawanie dynamiczne tabeli do komórki innej tabeli
<p class="mce_ws_kod"><HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
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 < 2; j++) {
var row = document.createElement("tr");
for (var i = 0; i < 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");
}
//-->
</SCRIPT>
</HEAD>
<p class="mce_ws_kod"><BODY>
<TABLE border="1">
<TR>
<TD>fiat stilo</TD>
<TD>1,6</TD>
<TD><input type="button" name="wybor" value="pokaz" onClick="dodajtab(2)"><input type="button" name="wybor" value="ukryj" onClick="ukryjtab(2)"></TD>
</TR>
<TR>
<TD colspan="3" id="2"></TD>
</TR>
<TR>
<TD>fiat panda</TD>
<TD>1,1</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>
</BODY>
</HTML>