NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: stylování obrázkem pomocí javascriptu

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Patrik Neumann
Člen
Avatar
Patrik Neumann:28.2.2015 8:05

Ahoj, potřebuju nastylovat tlačítko v input pomocí javascripte, kód v html vypadá takto:

<video src="truck_song.webm" id="vid" onClick="pokus()"></video>

<input type="button" value="play" onClick="changeImage()" id="myImage">

a kód v javascriptu takto:

<script>
function changeImage() {
    var input = document.getElementById("myImage");
    var video = document.getElementById("vid");
    if (input.value.match("play")) {
        input.value = "pause";
        video.play();
        input.style.backgroundColor = "blue";

    } else {
        input.value = "play";
        video.pause();
        input.style.backgroundColor = "red"
    }
}
</script>

Já potřebuji nahradit tyto kódy v javascriptu: "input.style.bac­kgroundColor = "blue";" a "input.style.bac­kgroundColor = "red";" tak, aby tam byliobrázky, děkuji předem.

Odpovědět
28.2.2015 8:05
Nic není nemožné, proto se snažím dál.
Avatar
Patrik Neumann
Člen
Avatar
Patrik Neumann:28.2.2015 11:50

Tak už nic, povedlo se mi to, jen jsem ten javascript upravil takto:

<script>
function changeImage() {
    var input = document.getElementById("myImage");
    var video = document.getElementById("vid");
    if (input.value.match("play")) {
        input.value = "pause";
        video.play();
        input.style.background = "url('truck_2.jpg')";
        input.style.width = "150px";
        input.style.height = "200px";
        /*document.styleSheets[0].addImport("URL('pause.css');");*/

    } else {
        input.value = "play";
        video.pause();
        input.style.background = "url('truck_1.jpg')";
        input.style.width = "200px";
        input.style.height = "100px";
        /*document.styleSheets[0].addImport("URL('play.css');"); */
    }
}
</script>
Akceptované řešení
+5 Zkušeností
Řešení problému
Nahoru Odpovědět
28.2.2015 11:50
Nic není nemožné, proto se snažím dál.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.