Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]java problem button, jak wstawic button,trudne!
Mastersieciweb
post 26.10.2013, 15:41:36
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
SmokAnalog
post 26.10.2013, 17:38:35
Post #2





Grupa: Zarejestrowani
Postów: 1 707
Pomógł: 266
Dołączył: 3.07.2012
Skąd: Poznań

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Mastersieciweb
post 26.10.2013, 17:57:24
Post #3





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post
com
post 26.10.2013, 18:23:24
Post #4





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


po pierwsze używaj bbcode :

Kod
document.createTextNode('a');


wiesz do czego wgl ta funkcja służy?
Go to the top of the page
+Quote Post
SmokAnalog
post 26.10.2013, 19:30:43
Post #5





Grupa: Zarejestrowani
Postów: 1 707
Pomógł: 266
Dołączył: 3.07.2012
Skąd: Poznań

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
com
post 26.10.2013, 19:33:36
Post #6





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Mastersieciweb
post 27.10.2013, 23:02:10
Post #7





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

Ostrzeżenie: (0%)
-----


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:)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 05:10