» Poradna » Web a internet

Javascript: změna textu při kliknutí na tlačítka

 |   |  Microsoft Windows 10 Firefox 41.0

Dobrý den,javascript vubec neovládám, tak prosím o pomoc. Potřeboval bych skript, který by dělal následující: na stránce bych chtěl mít více "tlačítek" srovnaných jak bych chtěl a někde jinde vedle nich okénko, které ani nemusí být okénko, spíše prostor na určitý "text". Chtěl bych aby po klknutí na různá "tlačítka" se měnil "text" podle stisknutého tlačítka. (př.: kliknu na tlačítku "jablko" a vedle vyskočí definice jablka, kliknu na "hruška" a místo definice jablka se text změní na definici hrušky)Děkuji moc

Odpovědi na otázku

 |   |  Microsoft Windows 7 Firefox 36.0
 |   |  Microsoft Windows 7 Firefox 41.0

Najdi si na tom webu jak:- vytvořit oběkt (span/div/p etc) s ID nebo jménem- nastylovat něco (několik) (span/div/p/a) jako tlačítko- dát talčítku událost onclick a příkaz změnit innerhtml oběktu v bodu jedna aby se tam zobrazilo co potřebuješ.... např. příkaz: document.getElementById("watch").innerHTML = text; mi v jednom sktiptu píše do span s ID watch aktuální čas z proměnné text

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Linux Chrome 46.0.2490.71

Tieto veci rieši celkom jednoducho JavaScript knižnica jQuery.Dáš len:$(".skupina tlacitok").click(function() { // Sem si dáš ifi alebo switch na premennú "this" if($(this.id) == "#jablko") $("#jablko_text").text("Definícia jablka.");});Prípadne niečo podobné podla toho čo ti bude viac vyhovovať...

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Definice, Kliknutí, Jablka, Okénko, Hruška




Určitě si přečtěte

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

** Portál občana už funguje, vyřídíte na něm první požadavky ** Funkce se budou postupně rozšiřovat ** Web je docela moderní a přehledný

David Polesný | 65

Šmírovačka kamerami Googlu: Koukněte se, co nového zachytily na Street View

Šmírovačka kamerami Googlu: Koukněte se, co nového zachytily na Street View

Google stále fotí celý svět do své služby Street View. A novodobou zábavou je hledat v mapách Googlu vtipné záběry. Podívejte se na výběr nejlepších!

redakce | 44

Nová zbraň Microsoftu proti iPadu: Levný tablet Surface Go bude stát jen deset tisíc

Nová zbraň Microsoftu proti iPadu: Levný tablet Surface Go bude stát jen deset tisíc

** Microsoft představil nový tablet Surface Go ** Nový model zaujme nízkou cenou, ale schopnostmi zařízení Surface ** Microsoft nepoužil čip ARM, ale klasický procesor od Intelu 

Karel Javůrek | 116

Apple: naše mapy budou nejlepší na světě. Tajně jsme na nich pracovali několik let

Apple: naše mapy budou nejlepší na světě. Tajně jsme na nich pracovali několik let

** Apple odhalil své plány na zcela nové mapy ** Několik let pracuje na nových mapách, které by měly předběhnout konkurenci ** Objeví se s příchodem iOS 12 pro vybrané státy

Karel Javůrek | 50

Apple dal do MacBooku procesor Core i9 a 4TB SSD. Ani se neptejte, co za to chce...

Apple dal do MacBooku procesor Core i9 a 4TB SSD. Ani se neptejte, co za to chce...

** Apple aktualizoval notebooky MacBook Pro, dostaly nový hardware ** Těšit se můžete na nové procesory a větší paměť ** Cena nejvybavenějšího modelu překročí 200 tisíc korun

Martin Miksa | 99

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

** Dlouho se nevědělo, co to přesně má být ** Pak se s krabičkou Google pochlubil na I/O ** Do „Chromecastu“ vtěsnal celý Android TV

Jakub Čížek | 24


Aktuální číslo časopisu Computer

Velký test 18 bezdrátových sluchátek

Vše o přechodu na DVB-T2

Procesory AMD opět porážejí Intel

7 NVMe M.2 SSD v přímém souboji