Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Napista vaihtuva teksti kotisivulle

Jaska [05.05.2020 21:58:00]

#

Teen kotisivujani osoitteeseen https://jaakkojseppala.github.io/ . Haluaisin tehdä sivulleni uuden väliotsikon palaute, johon tulisi jonkin näköinen nuoli vasemmalle, vaihtuva palaute ja nuoli oikealle. Kun nuolia painaisi, palaute vaihtuisi. Kuinka tällaisen voisi tehdä?

Esimerkiksi jos saamani palautteet olisivat vaikkapa
Jaska teki töitä hyvin.
Jaska teki töitä huonosti.
Jaska teki töitä hyvin huonosti.,
niin sivulla näkyisi ensimmäiseksi
<- Jaska teki töitä hyvin. ->
Kun painaisi nuolta oikealle, sivulla näkyisi
<- Jaska teki töitä huonosti. ->
Kun painaisi nuolta vasemmalle, sivulla näkyisi taas
<- Jaska teki töitä hyvin. ->
Ja kun painaisi nuolta vasemmalle, sivulla näkyisi
<- Jaska teki töitä hyvin huonosti. ->

Kuinka tällaisen saisi tehtyä helposti ylläpidettäväksi, eli jotenkin vaikka linkitettyyn listaan voisin kovakoodata palautteet ja käyttäjä voisi skrollata palautteita. Tuossa github sitesillä ei taida olla käytössä muuta kuin HTML, CSS ja JS, eli ei tietokantaa.

Lebe80 [06.05.2020 00:47:18]

#

Vaikka ajatus onkin varmaan kaunis, niin mitäpä jos tekisit sen ihan select -alasvetovalikolla?

Tuollainen vaihtuva laatikko koodattaisiin vaikkapa Javascriptillä, mutta kysymyksestä päätellen homma pitäisi alustaa ihan alusta lähtien.

Jaska [06.05.2020 07:04:51]

#

Kokeilin. Ongelma on vaan siinä, että palaute ei meinaa mahtua yhdelle riville. Päivitin sivun. Ehkä tuota ratkaisua voisi hioa vielä jotenkin.

Lebe80 [06.05.2020 09:38:58]

#

Jaska kirjoitti:

Kokeilin. Ongelma on vaan siinä, että palaute ei meinaa mahtua yhdelle riville. Päivitin sivun. Ehkä tuota ratkaisua voisi hioa vielä jotenkin.

Ehkä tässä on hyvä hetki miettiä sisältöä uudelleen, jotta se mahtuisi tai vastaavasti miettiä vaihtoehtoista esitystyyliä. Varsinkin kun näyttäisi, että vaihtoehdoissa on selkeästi toistoa, niin voisiko toistuvan osion jättää vaihtoehdoista pois ja siirtää se vaihtoehtojen ulkopuolelle?

Jaska teki töitä: [ hyvin             ]
                  [ huonosti          ]
                  [ erittäin huonosti ]

Lebe80 [06.05.2020 09:49:33]

#

Jahas, kävin katsomassa sivujasi. Jos kyseessä ei ole lomake, niin pistä vaikka viisi ensimmäistä palautetta vaan kivasti näkyviin, äläkä tee siitä mitään kikkaretta.

Eli ihan vaan vierekkäin/allekkain vaan parhaat palautteet näkyviin.

Jaska [06.05.2020 11:05:02]

#

Joo. Tuli ehkä parempi.

Vastaus

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

Tietoa sivustosta