CSS +JS modals – rada od zkušenějších

Vojtěch Kocián

(29 hodnocení)

13. 9. 2017 23:05:28

Zdravím,

mám dotaz na zkušenější borce především na JS a CSS.

Mám button, při kliknutí na něj vyskočí popup okno s informacemi.

Zdrojové kódy jsem čerpal z tohoto:

How To Make a Modal Box With CSS and JavaScript

Vše funguje jak má, ovšem problém je ten, že těch buttonů mám na jedné stránce více (asi 20).

Jak upravit zdrojový kód, aby popup okno fungovalo na všechny buttony, ale ne pouze na ten první?

Tryit Editor v3.5

Děkuji za radu.

V.K.

13. 9. 2017 23:05:28

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-js-modals-rada-od-zkusenejsich/#reply1300771

Pavel Mareš

(19 hodnocení)

14. 9. 2017 00:41:29

- https://jsfiddle.net/67hdm0cr/

14. 9. 2017 00:41:29

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-js-modals-rada-od-zkusenejsich/#reply1300770

Vojtěch Kocián

(29 hodnocení)

14. 9. 2017 22:09:58

Napsal Doctore97;1411077
- https://jsfiddle.net/67hdm0cr/

Děkuji za radu, ovšem to není to co bych potřeboval.

Nemůžu teď změnit celý kód, již ho mám nasazený na celém webu.

Nevěděl byste jak upravit ten stávající z Examplu?

Tryit Editor v3.5

Děkuji mnohokrát

POPTÁVKA ZDE:

Úprava CSS +JS modals

14. 9. 2017 22:09:58

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-js-modals-rada-od-zkusenejsich/#reply1300769

Petr Gargulák

(12 hodnocení)

15. 9. 2017 08:40:41

Zkuste bootstrap modal... tam to jde snadno na odkazy na butony...apod.

Bootstrap Modals

15. 9. 2017 08:40:41

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-js-modals-rada-od-zkusenejsich/#reply1300768

Yuriy Trofymets

15. 9. 2017 09:10:50

Zkuste nahradit document.getElementById za document.getElementByClassName. A přidejte třídu.

15. 9. 2017 09:10:50

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-js-modals-rada-od-zkusenejsich/#reply1300767

osolarik

(4 hodnocení)

15. 9. 2017 15:16:08

:D nevím jestli to je úplně ideální řešení ale https://jsfiddle.net/cqf583qu/

15. 9. 2017 15:16:08

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-js-modals-rada-od-zkusenejsich/#reply1300766

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Dispecink.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

69 500 Kč

0 příhozů

Blowjobs.cz – tematická doména pro segment 18+

14 990 Kč

0 příhozů

SexRoom.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

99 000 Kč

0 příhozů

Diskretni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

19 000 Kč

0 příhozů

Agresori.com

20 000 Kč

0 příhozů

Poptávky Více

Hledám obchodníka – weby pro firmy (CZ) a software pro energetiku (EU), provize

Hledám fotografa realit a lektora pro focení/video

Poptávka těhotenského focení v Klatovech

Studentka VŠ shání modela na focení aktů (highkey, lowkey, detail)

Poptávka modelů na svatební editorial

Pracovní nabídky Více

Vedoucí IT (CTO)

Praha

HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!

Atlassian Consultant (Junior/Medior)

Praha

Marketing + budování e-shopu – Boskovice, Blansko a okolí

Brno

30 000 - 50 000 Kč

Nabídky Více

Dlhodobý prenájom áut – pre firmy, živnostníkov aj súkromné osoby

Audit Google Ads a Skliku před Black Friday ZDARMA: kampaně, feed a měření, výsledky do 48 hodin

AUTOMATIZACE PROCESŮ – N8N & Make.com

Tvořím moderní weby, klientské portály a systémy na míru

Nabízím úklid a záchranu rozbitých databází, sjednocení dat a plnění e-shopů (Excel / Google Sheets)