Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]java problem button
Forum PHP.pl > Forum > Przedszkole
Mastersieciweb
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
Oczywiście - dynamicznie tworzysz obiekt przycisku na tej samej zasadzie, na jakiej tworzysz teraz wiersze i komórki. Potem przypisujesz im zdarzenia, np.:
[JAVASCRIPT] pobierz, plaintext
  1. button.onclick = jakas_funkcja;
[JAVASCRIPT] pobierz, plaintext
Mastersieciweb
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>
com
po pierwsze używaj bbcode :

Kod
document.createTextNode('a');


wiesz do czego wgl ta funkcja służy?
SmokAnalog
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
com
to może mi powiesz do czego służy tag [ code ] questionmark.gif 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ść wink.gif
Mastersieciweb
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.