Keskustelu: Nettisivujen teko: Klikkattavat hymiöt

Eli olen tekemässä vieraskirjaa mutta en tiedä miten saisi hymiöitten lisäksen viestiin niin että kun painat hymiötä niin se lisätään tekstinä textareaan.
En ole kovin hyvin vielä css:ään ja javascriptiin perehtynyt.

Javascriptiä pitänee käyttää, silloin koodi menee jotakuinkin näin:

<img src="hymio.png" onclick="GetElementById('textarean_id').value+='(:'">

Tuosta voinet soveltaa omaan käyttöösi sopivan.

JavaScriptillähän moinen onnistuu kätevästi. Helpoiten homma luonnistuu katsomalla jonkun valmiin foorumin (jossa vastaava ominaisuus) lähdekoodia.

Virhettä pukkaa. En oo ikinä ennen käytttänyt javascriptiä. Mitäs muuta tuon rivin lisäksi pitää säätää? Jos textarean nimi on viesti niin rivi muodostuu näin:

<img src="hymio.png" onclick="GetElementById('viesti').value+='(:'">

Huomaa että elementti haetaan getElementById:llä, jolloin textareassa pitää olla attribuutti id="", pelkkä name= ei siis riitä. Voit joko lisätä tuon id:n sinne tai sitten käyttää getElementByName():a, joka etsii elementin tuon name="":n perusteella.

Edit: hjaa, ilmeisesti funktio alkoikin pienel alkukirjaimella. :P

Kiitos, nyt toimii

Kokeilin tuota Mbnetin palvelimella eikä se toiminut.

Muotoilin tuon muotoon:
<img src="button_quote.png" onclick="GetElementByName('textarea').value += '

lainaus:

'">

Textarea ei reagoinut mitenkään vaikka kuinka rämppäsin tuota nappia.

Ja textarean nimi sitten oli "textarea"

Kokeile laittaa onClick linkkitagiin:

<a href="#" onclick="GetElementById('viesti').value+='(:'"><img src="hymio.png" border="0" alt="(:"></a>

Palvelimella ei ole väliä, selaimella joo. Onkos selaimesta javascript päällä?

Tempfile kirjoitti:

Edit: hjaa, ilmeisesti funktio alkoikin pienel alkukirjaimella. :P

En muista onko Javascriptissä tällä väliä, mutta kannattaa kokeilla getElementByNamella GetElementByNamen sijaan.

Ja Firefoxissa on ainakin kätevä JavaScript-konsoli, josta nuo JS-errorit voi lukea ja taitaapa asian tiimoilta löytyä jokunen pätevä laajennuskin. Ja myös IE:ssä saa nuo virheet näkyviin, tosin ei yhtä fiksusti kuin esimerkiksi FF:ssä.