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

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

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

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

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

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

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

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Prodej atraktivního 14-ti letého magazínu Ocemsemluvi.cz + YT a FB

70 000 Kč

0 příhozů

ZAVEDENÝ WEB S VLASTNÍM OBSAHEM A 8 LETOU HISTORIÍ – VYSOKÝ POTENCIÁL ZISKU

290 000 Kč

0 příhozů

Pacamls.cz – ultraprémiová přírodní krmiva pro psy a kočky

25 000 Kč

0 příhozů

Vsad.si – doména a hotový projekt pro propagaci sázkové kanceláře či prodej tipů na sázení

50 000 Kč

0 příhozů

letaky.pl

2 000 Kč

0 příhozů

Poptávky Více

Zfinalizovat Shopify e-shop ( Doprava, Faktury, apod..)

Hledám do IT agentury kodéra (HTML/CSS kodér, front-end) a programátora

Dodělání rezervačního systému

Přidej se k FORECOM jako technologický konzultant/ka

Hledám dodavatele na spolupráci Dropshipping

Pracovní nabídky Více

Kubernetes & Cloud Java Aplikace

Brno

80 000 - 140 000 Kč

Asistence u IT projektu

10 000 - 30 000 Kč

Hledáme Senior/Medior PHP Laravel Developera pro vývoj softwarových řešení na míru

Brno, Práce z domu

75 000 - 120 000 Kč

Product Manager WANTED!

Práce z domu

Legal Engineer / Legal Tech Specialista

Brno, Ostrava, Práce z domu, Praha

Nabídky Více

✅ LINKBUILDERKA.CZ – Tvorba kvalitních zpětných odkazů

🛡️Nabízíme správu firemní sítě a IT

Nabídka velkoobchodní spolupráce doplňků stravy Evilo

🔶 Linkbuilding a SEO co REÁLNĚ zvyšují organickou návštěvnost od Linkbuilder.cz 🔶

🟢 Z majitele firmy > influencer, pokud chcete budovat sítě, jsem tu pro Vás.🚀