Mastersieciweb
26.10.2013, 15:41:36
witam, mam problem bo chciałbym zrobic taka operacje.. na tym kodzie umiejscowić puste 'button'
zamiast liczb ktore sie wyswietlaja, same puste buttom na ktorych bede mogl pozniej cos wykonywac, da się tak?, z góry dziękuje
<html>
<head>
<title>gra</title>
</head>
<body>
<table id="tabelka"></table>
<div>
<input type="button" value=" " id="a" />
<input type="button" value=" " id="b" />
<input type="button" value=" " id="c" />
</div>
<script>
var tab = document.getElementById('tabelka');
for(var y=1; y<=10; y++) {
var tr = document.createElement('tr');
for (var x=1; x<=10; x++) {
var tekst = document.createTextNode(x*y);
if (y==1 || x==1) {
var th = document.createElement('th');
th.appendChild(tekst);
tr.appendChild(th);
} else {
var td = document.createElement('td');
td.appendChild(tekst);
tr.appendChild(td);
}
}
tab.appendChild(tr);
}
</script>
</body>
</html>
SmokAnalog
26.10.2013, 17:38:35
Oczywiście - dynamicznie tworzysz obiekt przycisku na tej samej zasadzie, na jakiej tworzysz teraz wiersze i komórki. Potem przypisujesz im zdarzenia, np.:
button.onclick = jakas_funkcja;
Mastersieciweb
26.10.2013, 17:57:24
spójrz na to, dlaczego wyswietla tekst, jak zmienic zeby ten element wyswietlilo bo createById nie pokazuje wlementu tutaj..
<html>
<head>
<title>gra</title>
</head>
<body>
<table id="tabelka"></table>
<input type="button" value=" " id="a" />
<input type="button" value=" " id="b" />
<input type="button" value=" " id="c" />
<script>
var tab = document.getElementById('tabelka');
for(var y=1; y<=10; y++) {
var tr = document.createElement('tr');
var a = document.getElementById('a');
for (var x=1; x<=10; x++) {
var k = document.createTextNode('a'); // <-- tutaj!!! jak to zrobic, zeby nie wyswietlało tekstu
if (y==1 || x==1) {
var th = document.createElement('th');
th.appendChild(k);
tr.appendChild(th);
} else {
var td = document.createElement('td');
td.appendChild(k);
tr.appendChild(td);
}
}
tab.appendChild(tr);
}
</script>
</body>
</html>
po pierwsze używaj bbcode :
Kod
document.createTextNode('a');
wiesz do czego wgl ta funkcja służy?
SmokAnalog
26.10.2013, 19:30:43
Cytat(com @ 26.10.2013, 19:23:24 )

po pierwsze używaj bbcode
Kolego
com, Ty też nie użyłeś właściwego bbcode, tag [ code ] wcale nie służy do wstawiania kodu. Od tego są tu tagi dla poszczególnych języków.
Kolego
Mastersieciweb, Tak jak kolega
com zauważył, zwróć uwagę na różnicę między tymi dwiema metodami:
- createTextNode - tworzy element będący łańcuchem znaków
- createElement - tworzy element będący tagiem HTML
to może mi powiesz do czego służy tag [ code ]

cytowałem tylko fragment na który nie miało wpływu użycie [ code ] zamiast [ javascript ] ale nie używanie go wgl ogranicza czytelność
Mastersieciweb
27.10.2013, 23:02:10
Wszedłem specjalnie w forum PRZEDSZKOLE i dlatego myslalem ze ktos mi to prosciej wytlumaczy, to co mi teraz wyswietla to literki 'a' jak widac pod nimi sa puste pola button, i moje pytanie jak mam zrobic ale na przykladzie, co tu zmienic by zamiast wszystkich literek 'a' byly wszedzie puste pola button:) z góry dziękuje, to nie jest koncert życzeń ale fanie byłoby jakby ktoś cały już ten kod napisał który to wyświetli, albo poprawił błędy:)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.