Autor Zpráva
Viktor M.
Profil
Zdravím všechny, potřeboval bych radu. Mám funkci na vykreslení divů v jednom řádku, avšak po zalomení dle šířky obrazu nastává problém. Na dalším řádku se totiž vykreslí jen první div a funkce se zdá být nefunkční. Potřebuju, aby běžela dál a ve své podstatě vyplnila obrazovku po řádcích divy.

Přikládám kód skriptu (hlavní funkce), v programu jsou pak ještě start a stop.
var X = 5;
var sirka = window.innerWidth - 42;

function pridavani () {
      document.getElementById('plocha').innerHTML += "<div style = 'width: 40px; height: 40px; background-color: red; border: 1px solid black; border-radius: 30px; position: absolute; left: "+X+"px; top: 30px;'>";
        X += 42;

        if ( X > sirka)
        {
          X = 5;
          var cislo = 42;
          var Y = 30 + cislo;
          document.getElementById('plocha').innerHTML += "<div style = 'width: 40px; height: 40px; background-color: red; border: 1px solid black; border-radius: 30px; position: absolute; left: "+X+"px; top: "+Y+"px;'>";
          X += cislo;
        }

      }
      

Díky předem za návrhy - V.
Dan Charousek
Profil
Možná by pomohla živá ukázka.
Viktor M.
Profil
Dan Charousek:

Už sem to naštěstí vyřešil, document.getElementById() stačilo jen jednou, obě pozice pak stačilo upřesnit víceméně v podmínce.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: