Diskusia – 21. diel - Dokončenie editora tabuliek v JavaScripte

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Posledné komentáre sú na spodnej časti poslednej stránky.

Michal

Člen

Michal:18.4.2016 9:43

Po kliknutí na button "Pridaj riadok hore" mi vypise chybu :
Uncaught TypeError: Array.prototype.indexOf called on null or undefined
Prikladám aj zdroják.

Odpovedať

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):18.4.2016 15:05

Toto som si upravil podľa stiahnutého vzoru:

function vytvorRiadok() {
         var novyRiadok = document.createElement("tr");
         var prvyRiadok = tabulka.firstElementChild;
             var bunkyPrvehoRiadku = prvyRiadok.childNodes;
             var pocetBuniekVPrvomRiadku = bunkyPrvehoRiadku.length;

         for (var i = 0; i < pocetBuniekVPrvomRiadku; i++) {
             novyRiadok.appendChild(vytvorBunku());
         }

         return novyRiadok;
}

V článku je to inakšie a aj ty to máš inakšie.
Možno je chyba tam.

Odpovedať

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):18.4.2016 15:35

Už mi to funguje. :-)

Odpovedať

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Nezmar Hydra

Člen

Nezmar Hydra:6.10.2016 2:50

Jak můžu v javě sloučit buňky tabulky?
Jejich oindexování jsem vyřešil taklenc:

var td = document.createElement("td")
var tdInput = document.createElement("text")
var oindexuj = document.createElement("ID")
x = x+1;
oindexuj.id=("tab"+x);
tdInput.textContent = x;
td.appendChild(oindexuj).appendChild(tdInput);
return td;

ale jak mu říct, aby sloučil buňky s vybranými indexy na to jsem nepřišel.
Díky za radu.

Odpovedať

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:8.10.2016 0:12

hmmm, takhle to nepůjde chtělo by si to prustudovat základy HTML. Tvůj kód vytváří vpodstatě následující HTML.

<td>
    <ID id="tabX">
        <text>
        X
        </text>
    </ID>
</td>

a takhle tabulky v HTML nefungují.

Odpovedať

Nezmar Hydra

Člen

Nezmar Hydra:8.10.2016 1:28

Ne to mi funguje fajn. mam oIDéčkovanou každou buňku a mužu si do ní přidávat co chci a kam chci. jen ten kód jsem nedal celej.
je to taklenc
function vytvorVychoziTabulku(vychoziVelikostX,vychoziVelikostY,IDeckoKam,IDeckoPridel){
var tabulka;
var NUMindex = 0;
tabulka = document.createElement("table");
document.getElementById(IDeckoKam).appendChild(tabulka);
for (var y = 0; y < vychoziVelikostY; y++)
{

var tr = document.createElement("tr");
tabulka.appendChild(tr);
for (var x = 0; x < vychoziVelikostX; x++) {
NUMindex = NUMindex+1;
tr.appendChild(vytvorBunku(IDeckoPridel,NUMindex));
}
}
}
function vytvorBunku(TextIndes,index) {
var td = document.createElement("td");
var tdInput = document.createElement("text");
var oindexuj = document.createElement("ID");

oindexuj.id=(TextIndes+index);
tdInput.textContent = (TextIndes+index);
td.appendChild(oindexuj).appendChild(tdInput);
return td;
}

Odpovedať

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:8.10.2016 11:37

Buňky se dají spojit tak, že první buňce dáš attribute colspan nebo rowspan s hodnotou kolik sloupců/řádků to má sloučit.

Odpovedať

Jan Zamecnik

Člen

Jan Zamecnik:26.10.2016 10:15

Funkce pro zjištění aktivní buňky jsem upravil následovně

function indexRadkuAktivniBunky() {
    if (aktivniBunka) {
        var cilHledani = tabulka.childNodes;
        var hledanyPrvek = aktivniBunka.parentElement.parentElement;
        return Array.prototype.indexOf.call(cilHledani, hledanyPrvek);
    } else
        return 0;
}

function indexSloupceAktivniBunky() {
    if (aktivniBunka) {
        var bunkyVRadku = aktivniBunka.parentElement.parentElement.childNodes;
        var td = aktivniBunka.parentElement
        return Array.prototype.indexOf.call(bunkyVRadku, td)
    } else
        return 0;
}

To proto, aby na začátku pokud není vybraná buňka použil index = 0

Editované

Odpovedať

Jan Zamecnik

Člen

Jan Zamecnik:26.10.2016 10:44

Pro hraní piškvorek jsem přidal na začátek globální proměnou

var krizek = false;

a upravil funkci:

tdInput.onfocus = function () {
    aktivniBunka = this;
    if (krizek) {
        aktivniBunka.value = "X";
        krizek = false;
    } else {
        aktivniBunka.value = "O";
        krizek = true;
    }
};

Potom po kliknutí na buňku se přidá jednou křížek podruhé kolečko.

Odpovedať

koukalf

Člen

koukalf:11.12.2016 22:46

Ahoj, super článek, rád bych se zeptal jak lze nahradit zápis aktivniBunka.parentElement.parent.Element nebo jenom aktivniBunka.parentElement. Google chrome mi háže chybu index.js:158 Uncaught TypeError: Cannot read property 'parentElement' of undefined a já už vážně nevím co s tím.

Když jsem se pokusil o jiný zápis typu - tabulka.childNodes, tak mi to vzal, ale tam je samozřejmě jiná funkčnost

Odpovedať

Kvalitní program je jako báseň, pokud do něj nevložíš um, tak se nedá číst.

Posledné komentáre sú na spodnej časti poslednej stránky.

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 161.

Najčastejšie vyhľadávané

Diskusia – 21. diel - Dokončenie editora tabuliek v JavaScripte