Zmiana zawartości div'a za pomocą javascript

Question

Witam,

Próbuje zmienić zawartość jednego diva za pomocą klikniecia w innego div'a. Niestety nie udaję mi się zmienić zawartości diva. Kod poniżej:

 

<div class="row tile1" onclick="ZmienNaOMnie()"><i class="icon-user"></i></br>O mnie! </div>

function Zmien{
    var plik = "jakis test";
    document.getElementById("Content").innerHTML=plik;
}

 

Answer 1

Wywołujesz

onclick="ZmienNaOMnie()"

 a pokazujesz

function Zmien{

Comments

Zle przepisalem ale mimo wszystko mam tak ustawione i nie dziala.

<div class="row tile1" onclick="ZmienNaOMnie();"><i class="icon-user"></i></br>O mnie! </div>

function ZmienNaOMnie{
    var plik = "xd";
    document.getElementById("Content").innerHTML=plik;
}

 

 

---

pokaż element id="Content"

---

Uzywam bootstrapa jak cos:

         <div class="col-md-8 col-sm-8 col-xs-12">
                 <div id="Content"><p> <img src="zdjecia/Dawid.jpg" class="img-circle" alt="Cinque Terre" width="140" height="135W"> Loreen ipsum Euphoria dolor sit amet, consectetur adipiscing elit. Aliquam at mauris non odio aliquet ullamcorper id id dolor. In vitae Loreen leo. Phasellus egestas lacinia velit, ut scelerisque dolor ultricies sed. Vivamus nunc ipsum, lobortis vel commodo ac, commodo nec eros. Aliquam eleifend egestas eros.</p></div>
         </div>

 

---

Ogólnie to wygląda nieźle, ale ponieważ to jest tylko fragment kodu to najprawdopodobniej zrobiłeś gdzieś błąd wcześniej.

Wejdź do konsoli www i pokaż co wypluwa

P.S. Skoro używasz bootstrapa to aż żal że nie używasz JQ

---

Wszystko działa poprostu przy tylu zmianach zobaczyłem, że zrobiłem literówke:(

---

a taka funkcje masz ZmienZawartosc() ?

---

Kilka uwag:

w JS nazwy zmiennych i funkcji powinny być w stylu camelCase

Jak napisałem powyżej skoro używasz Bootstrap to JQ masz więc szkoda go nie używać więc:

document.getElementById("Content").innerHTML=plik;

możesz zapisać

    $("#Content").text("Hello world!");
    $("#Content").html("<b>Hello world!</b>");

 

Powodzenia w projekcie