Javascript Onclick id

Programovacie jazyky, rady, poradňa...
SolitaryRoach
Amateur
Amateur
Používateľov profilový obrázok
Príspevky: 17
Registrovaný: 25 júl 2013, 16:26

Javascript Onclick id

Príspevok od používateľa SolitaryRoach »

Ahojte mám menší problém, potreboval by som pri onclick zobrať premenú toho elementu a zobrať ju do js.
html

Kód: Vybrať všetko

<div id="example" style="position: absolute;
    margin-left: 500px;
    margin-top: 325px;cursor:pointer" onclick="choose_example(this.id)">
</div>
javascript

Kód: Vybrať všetko

function choose_example(clicked_id) {
        var choose_example = document.getElementById('choose_example');
        choose_example.style.display = 'block';
        choose_example.style.backgroundImage="url(images/' + "clicked_id" + '.jpg)";
    }
Tento onclick mi vlastne zobrazí choose_example a potom by som chcel aby podla id div vybral správny obrázok. (nefunguje mi ani zmena toho background aj keď zadám presný názov)
Ďakujem
Slayter
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3111
Registrovaný: 28 jan 2006, 9:19
Bydlisko: Malmö, SWE

Re: Javascript Onclick id

Príspevok od používateľa Slayter »

ten onclick v tej prvej funkcii sprav takto:

Kód: Vybrať všetko

onclick="choose_example()"
a povedz co ti to vyhodi.. nezabudni napisat co konkretne s tym divom chces, popripade mozno by bolo jednoduchsie pouzit aj jQuery
SolitaryRoach
Amateur
Amateur
Používateľov profilový obrázok
Príspevky: 17
Registrovaný: 25 júl 2013, 16:26

Re: Javascript Onclick id

Príspevok od používateľa SolitaryRoach »

No v choose_example mám nastavené display:none(teda mám tam aj div choose_example) a po kliknutí sa to zmení na block takže sa zobrazí- to funguje. Druhá vec ale je že chcem zobrať id toho divu na ktorý kliknem, v tomto prípade "example" lebo tých divov tam mám viac, dať ho do js a potom podľa id divu vybrať názov obrázka (ktorý má rovnaké meno ako je id) ktorý má byť ako background toho divu.
Slayter
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3111
Registrovaný: 28 jan 2006, 9:19
Bydlisko: Malmö, SWE

Re: Javascript Onclick id

Príspevok od používateľa Slayter »

Bacha, rovnake ID tam mat nemozes. Na to mozes pouzit classu, alternativne unikatne id v tvare "choose_example_ID" (napr. ci_512).
SolitaryRoach
Amateur
Amateur
Používateľov profilový obrázok
Príspevky: 17
Registrovaný: 25 júl 2013, 16:26

Re: Javascript Onclick id

Príspevok od používateľa SolitaryRoach »

Aha no zmena background mi už ide ale stále mi nechce zobrať to id... :?
S-player
Light Star
Light Star
Príspevky: 277
Registrovaný: 23 júl 2011, 22:30

Re: Javascript Onclick id

Príspevok od používateľa S-player »

Kód: Vybrať všetko

choose_example.style.backgroundImage="url(images/' + "clicked_id" + '.jpg)";
Toto by ti malo podľa všetkého vyhadzovať error máš to zle skús nad tým porozmýšľať.
SolitaryRoach
Amateur
Amateur
Používateľov profilový obrázok
Príspevky: 17
Registrovaný: 25 júl 2013, 16:26

Re: Javascript Onclick id

Príspevok od používateľa SolitaryRoach »

na to som už prišiel

Kód: Vybrať všetko

choose_example.style.backgroundImage="url('images/' + "clicked_id" + '.jpg')";
chýbali mi tam tie apostrofy a to mi už funguje ale s tým id si neviem rady. Vlastne by som to aj vedel ale to by som musel vypisovať funkciu pre každý jeden div ale rád by som to spravil jednoduchšie už len preto aby som sa to naučil
S-player
Light Star
Light Star
Príspevky: 277
Registrovaný: 23 júl 2011, 22:30

Re: Javascript Onclick id

Príspevok od používateľa S-player »

Ako ti to môže fungovať veď tam máš premennú len tak hodenú... Nemalo by to vyzerať takto?

Kód: Vybrať všetko

choose_example.style.backgroundImage="url('images/" + clicked_id + ".jpg')";
A už keď riešiš javascript tak by si mal používať tkz. "camelCase" formátovanie pretože to inač vyzerá pekne odveci viz. property "backgroundImage" prípadne funkciu "getElementById()"

Kód: Vybrať všetko

selectedExample.style.backgroundImage = "url('images/" + id + ".jpg')";
SolitaryRoach
Amateur
Amateur
Používateľov profilový obrázok
Príspevky: 17
Registrovaný: 25 júl 2013, 16:26

Re: Javascript Onclick id

Príspevok od používateľa SolitaryRoach »

No hej to id som tam mal zle vložené ale nemal som na to ako prísť kedže to id ani neviem zobrať. Tá zmena background mi tým pádom fungovala iba ak som tam zadal celé meno toho obrázka.

//autoeditácia príspevku (15 Apr 2014, 13:44)
Okej keď som zobral všetky rady, a pozrel si trochu predošlý kód tak mi to ide.
Ďakujem za pomoc :)
Napísať odpoveď