Problém s dialogovým oknem v JS

5. 1. 2013 10:04:45

Před týdnem jsem se tu na něco ptal, bohužel jsem nedostal ani jednu odpověď. Jelikož se mi problém nepodařilo vyřešit, pokládám dotaz znovu.

Zakoupil jsem grafickou šablonu s pěknými ajaxovými vychytávkami http://themeforest.net/item/mws-admin-full-featured-admin-template/1460451?WT.ac=search_thumb&WT.seg_1=search_thumb&WT.z_author=nagaemas do které implementuji vlastní systém redakční systém a jsem velice spokojen. Dnes ale nastal problém. (Možná ji také někdo máte a budete vědět. )

Přiložen obrázek situace: zde, kdyby nešlo

Problém je ten, že řádky této tabulky mají definovanou událost, že se po kliknutí otevře detail záznamu, čili

a když kliknu v pravém sloupci na poslední tlačítko se symbolem Smazání, vyskočí mi dialogové okno - to je v pořádku.

Následně kliknu na Zrušit, tak dialogové okno zmizí, ovšem po kliknutí je aktivní odkaz na řádku, který se zrovna nachází pod tlačítkem Zrušit a automaticky se rozklikne detail záznamu, což samozřejmě nechci. Skutečně kliknu pouze jednou na tlačítko zrušit, nikoli dvakrát.

Je nějaké řešení? Nerad bych rušil možnost otevřít detail záznamu kliknutím kamkoli na řádku.

Doufám, že jsem to popsal srozumitelně a prosím tedy o radu.

5. 1. 2013 10:04:45

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849131

Kamil Hurajt

(8 hodnocení)

5. 1. 2013 10:24:45

Skuste sem ten screen prilozit znova mam tam bilou stranku.

5. 1. 2013 10:24:45

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849130

David Musil

(69 hodnocení)

5. 1. 2013 10:38:46

Napsal softdream;890211
Skuste sem ten screen prilozit znova mam tam bilou stranku.

přiloženo do původního příspěvku

5. 1. 2013 10:38:46

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849129

(20 hodnocení)

5. 1. 2013 10:39:37

oba obrazky bilo...

5. 1. 2013 10:39:37

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849128

FAKAM

(10 hodnocení)

5. 1. 2013 11:12:50

Ten priložený obrázok je fakt malý 1*1px. Hodila by sa živá ukážka.

5. 1. 2013 11:12:50

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849127

David Musil

(69 hodnocení)

5. 1. 2013 11:17:15

vždyť mně se to normálně načítá sakra, když zkopíruju ten link...

tohle půjde?

http://www.imghosting.cz/view-595bdba78d5e.f.jpg

http://img.pictureup.cz/05012013/821be570dc12d71bb8956d006720f4fa6fc40fdc.jpg

5. 1. 2013 11:17:15

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849126

Lukáš Jurygáček

(26 hodnocení)

5. 1. 2013 11:30:21

Co tak přes JS při kliku na tlačítko vytvořit div s rozměry přes celý web a až pak nechat vyskočit to okno? Po kliku na div (nebo nějaký proklik, jaký je teď problém) by se div odstranil a tam už žádný proklik na detail nebude.

5. 1. 2013 11:30:21

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849125

David Musil

(69 hodnocení)

5. 1. 2013 11:36:12

Řešení to asi je, ale zdá se mi to takové "kostrbaté"... Mně by spíš zajímalo, co tam je za problém, protože to vypadá jako kdyby ten vyvolaný JS dialog byl transparentní a byla aktivní plocha pod ním - a to mi tedy hlava nebere...

5. 1. 2013 11:36:12

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849124

Kamil Hurajt

(8 hodnocení)

5. 1. 2013 11:53:21

Napsal musil.david;890235
Řešení to asi je, ale zdá se mi to takové "kostrbaté"... Mně by spíš zajímalo, co tam je za problém, protože to vypadá jako kdyby ten vyvolaný JS dialog byl transparentní a byla aktivní plocha pod ním - a to mi tedy hlava nebere...

Posli mi sem HTML celeho radku.

5. 1. 2013 11:53:21

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849123

David Musil

(69 hodnocení)

5. 1. 2013 12:02:51

Napsal softdream;890240
Posli mi sem HTML celeho radku.

je to tedy v PHP...

pak jsou další sloupečky, kde se vypisují pouze data z DB a následuje poslední sloupeček

5. 1. 2013 12:02:51

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849122

Kamil Hurajt

(8 hodnocení)

5. 1. 2013 12:05:03

Napsal musil.david;890244
je to tedy v PHP...
echo "<tr class="table-rows" onclick="window.location='viewObject.php?idObject=$cryptObject'"><td>$record</td><td class="rows-td-center">$sql2->num_rows</td><td class="rows-td-center">$sql3->num_rows</td><td class="rows-td-center">$visible</td>";
pak jsou další sloupečky, kde se vypisují pouze data z DB a následuje poslední sloupeček
echo "<a href="index.php?doRemove=true&idObject=$cryptObject" title="Odstranit" class="btn btn-small" onclick="return confirm('Opravdu chcete odstranit kategorii $record?')"></a></td></tr>";

Tohle neni cela radka jsou to informace, ale chybi tam ty tlacitka. .... navic pokud je to cela radka tak ti tam chybi ukonceni radku ( )

5. 1. 2013 12:05:03

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849121

Kamil Hurajt

(8 hodnocení)

5. 1. 2013 12:09:13

Napsal musil.david;890244
je to tedy v PHP...
echo "<tr class="table-rows" onclick="window.location='viewObject.php?idObject=$cryptObject'"><td>$record</td><td class="rows-td-center">$sql2->num_rows</td><td class="rows-td-center">$sql3->num_rows</td><td class="rows-td-center">$visible</td>";
pak jsou další sloupečky, kde se vypisují pouze data z DB a následuje poslední sloupeček
echo "<a href="index.php?doRemove=true&idObject=$cryptObject" title="Odstranit" class="btn btn-small" onclick="return confirm('Opravdu chcete odstranit kategorii $record?')"></a></td></tr>";

Dobre td nech at si plni svuj ucel td cili bunky, odstran z nej event onclick, a namisto toho vymen html tagy ikon za tag

nebo

V php by to melo vypadat takhle:

Navic do HTML kodu si generuj k radkum id, nejako takto, ....

Doufam ze pomohlo bod + potesi. :)

5. 1. 2013 12:09:13

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849120

David Musil

(69 hodnocení)

5. 1. 2013 12:33:17

Díky za radu, vyzkouším to...

Ale pořád mi vrtá hlavou že: kliknu na ikonku, ta vyvolá JS dialog a nic se neděje... pak kliknu na tlačítko toho JS dialogu, a ten řádek, který je zrovna pod tlačítkem je aktivní a pak se provede to kliknutí... to fakt vypadá jako "průhledný tlačítko" :d

5. 1. 2013 12:33:17

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849119

Kamil Hurajt

(8 hodnocení)

5. 1. 2013 12:38:03

Napsal musil.david;890254
Díky za radu, vyzkouším to...
Ale pořád mi vrtá hlavou že: kliknu na ikonku, ta vyvolá JS dialog a nic se neděje... pak kliknu na tlačítko toho JS dialogu, a ten řádek, který je zrovna pod tlačítkem je aktivní a pak se provede to kliknutí... to fakt vypadá jako "průhledný tlačítko" :d

Je to jednoduche, na celem radku mas onclick event. Takze ty kliknes na tlacitko ktere vyvola dialogove okno confirm,

v javascriptu, dialogove okna , confirm, alert zastavi beh js na strance, takze dokud ty nezmacknes nejake tlacitko v tom dialogu zadne dalsi skripty se nevykonavaji. Tudiz onclick event ceka na tvou reakci, ale nevrati se mu zadna hodnota jelikoz hodnotu vracis do nikoli do

pokud to chces zjednodusit muzes to skusit prohnat pres funkce nejak takto:

a v js si budes overovat spustenou aktivitu takto:

o5 pisu to z hlavy musis si overit funkcnost.

5. 1. 2013 12:38:03

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849118

David Musil

(69 hodnocení)

5. 1. 2013 12:53:58

díky, už je mi to asi jasné :)

5. 1. 2013 12:53:58

https://webtrh.cz/diskuse/problem-s-dialogovym-oknem-v-js/#reply849117