Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Javascript: upotettua koodia HTML:n sisään?

Paulus M [24.06.2008 11:28:12]

#

eli olisi kaksi lyhykäistä kysymystä:

Q1:Miten saan upotettua tekstiä johonki kohtaa HTML-sivua käyttäen spania, tai sillain että ei tarvitse tehdä rivin vaihtoja, vaan että teksti tulee leipätekstinä ->tyyliin:

HTML koodi:

<!CSS maarittely-->
...

span #tekstiä{font-family:arial, serif;}

...

<span id = "tekstiä"><!tähän kohtaan tekstin pitäisi ilmestyä--></span>

Javascript koodi:

function erastaPainikettaKlikattuHTMLsivussa(){
  document.getElementById('tekstiä').innerHTML = "tekstitekstiä..." +
  erasStringMuuttuja;
}

Miten saan koodia(toisin sanoen HTML tageja) HTML:n sisään javascriptillä?
Q2:Toimisiko toi äsköinen esimerkki(siis korjattuna), jos asettaisi tuolla
funktiolla: "document.getElementById('tekstiä').innerHTML­",
"tekstiä" arvoksi esim. "<div class = "joku"><p>mitäs jannu</p></div>"?

Blaze [24.06.2008 11:48:19]

#

Paulus M kirjoitti:

Miten saan upotettua tekstiä johonki kohtaa HTML-sivua käyttäen spania
[...]
Javascript koodi

Eikös tuo sitten toimi? Mitäs jos ottaisit ääkköset pois tuosta id:stä?

Paulus M kirjoitti:

Toimisiko toi äsköinen esimerkki(siis korjattuna), jos asettaisi tuolla
funktiolla: "document.getElementById('tekstiä').innerHTML­",
"tekstiä" arvoksi esim. "<div class = "joku"><p>mitäs jannu</p></div>"?

Ymmärtääkseni joo.
Edit: tai siis tietty nuo sisemmät lainausmerkit pitää eskapoida: "<div class = \"joku\"><p>mitäs jannu</p></div>"

Paulus M [24.06.2008 12:02:19]

#

Ai joo, katohan, kyllä se näyttää toimivan, meikällä oli vaan virhe eräässä muussa kohtaan, niin scripti ei skulannu. No, mut kiitokset!

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta