NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Problémek s JqueryUI - Sortable, nejde přetahovat přednačtené elementy

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Nightfever
Člen
Avatar
Nightfever:3.2.2021 22:08

Tvořím si vlastní malinký editor obsahu, kdy uživateli chci dát možnost přetažením vložit bloky, změnit v nich text a exportovat si hmtl kód.
To vše mi funguje, mám předppřipravené html elementy který přes draggable umisťuju do "staveniště", mužu je pomocí sortable přesouvat.. vše funguje.

Problém: když bych chtěl umožnit editaci již uloženého obsahu, tak při načtení stránky s prvky ve "staveništi" s nimi už nemůžu hýbat, prvky se podivně klonují prázdné..

Připravil jsem očesané jsfiddle na to, co dělá problém - https://jsfiddle.net/…za/jLuvdq5f/
V tomto stavu je vše ok, přetáhnu prvek, přeskládávám je, mužu je editovat (editableconten­t=true)
Když si ale odkomentujete druhé id"staveniště" s obsahem, který bych do stránky načetl, tak ty přednačtené elementy dělají potíže, když tam přetáhnu nový z horního katalogu, tak s těmu jde manipulovat normálně.

Nemužu se dopídit co to způsobuje a jak to vyřešit.

 
Odpovědět
3.2.2021 22:08
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:10.2.2021 10:30

A ty prednacitene elementy vlozis uplne stejnou funkci, jako ten pri create nebo na to mas vlastni nespolehlivou neuplnou funkci? Pripadne je tam vkladas jako html a ne funkci?

 
Nahoru Odpovědět
10.2.2021 10:30
Avatar
Nightfever
Člen
Avatar
Nightfever:10.2.2021 13:21

"přednačítené" elementy načtu jako HTML z databáze, zjednodušene řečeno to bude editor hotových html, které si načtením mužu dál upravovat.

 
Nahoru Odpovědět
10.2.2021 13:21
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:11.2.2021 11:55

No, tak, jak jsem psal. Ten JS negeneruje jen html kod. Html kod je vystup. On tam dela jeste neco navic, co se v tom html nevyskytuje. Takhle to treba vidi Firefox. Treba by stacilo dopsat tam nejake ty class.

<div id="staveniste" class="ui-sortable">
    <div class="blok ui-draggable ui-draggable-handle postaveno">
        <div class="odebrat-blok">
        </div>
        <div class="ucho">
        </div>
        <p contenteditable="true">Prostý text
        </p>
    </div>
    <div class="blok ui-draggable ui-draggable-handle postaveno">
        <div class="odebrat-blok">
        </div>
        <div class="ucho">
        </div>
        <h2 contenteditable="true">Nadpis zarovnaný vlevo</h2>
    </div>
    <div class="blok ui-draggable ui-draggable-handle postaveno">
        <div class="odebrat-blok">
        </div>
        <div class="ucho">
        </div>
        <h2 class="HAP-t-center" contenteditable="true">Nadpis na střed</h2>
    </div>
    <div class="blok ui-draggable ui-draggable-handle postaveno">
        <div class="odebrat-blok">
        </div>
        <div class="ucho">
        </div>
        <p contenteditable="true">Prostý text
        </p>
    </div>
</div>
<!-- takto by vypadal obsah načtený z uloženého stavu  ->
  <div id="staveniste">
    <div class="blok">
      <div class="odebrat-blok"></div>
      <div class="ucho"></div>
      <p contenteditable="true">Prostý text</p>
    </div>
    <div class="blok">
      <div class="odebrat-blok"></div>
      <div class="ucho"></div>
      <h2 class="HAP-t-center" contenteditable="true">Nadpis zarovnaný na střed</h2>
    </div>
  </div>
-->
 
Nahoru Odpovědět
11.2.2021 11:55
Avatar
Nightfever
Člen
Avatar
Odpovídá na Peter Mlich
Nightfever:17.2.2021 9:42

Mno, to bohužel nestačí, i když tam načtu přesně stejný kód, jaký vyplivne ten skript, tak při manipulaci s těma prvkama dochází stále ke stejnýmu problému :(

 
Nahoru Odpovědět
17.2.2021 9:42
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.