En nyt tietenkään saa päähäni järkevää sanaa, mitä tarkoitan, mutta miten tehdään sellainen "valikko" joita on lomakkeissa, eli jossa on on reunassa se kolmio (ei tietenkään textarea, oliko se joku select-juttu..), jota klikkaamalla aukeaa vaihtoehtoja. Niin kuin tilauslomakkeissa voi olla vaikkapa --valitse koko-- ja sitten aukeaa s,m,l jne.
Tai siis kuinka tehdään se niin, että vaihtoehdon valitsemalla menee suoraan sinne sivulle. Eli valikon valinnat toimivat tavallaan linkkeinä.
Ei nyt osaa selittää selkeästi, kun en saa päähäni mikä kumma se on nimeltään..
Tai siis kuinka tehdään se niin, että vaihtoehdon valitsemalla menee suoraan sinne sivulle. Eli valikon valinnat toimivat tavallaan linkkeinä.
Ei nyt osaa selittää selkeästi, kun en saa päähäni mikä kumma se on nimeltään..
Vastaukset 7
Vanhimmat
Luulisin että tämmösiä tarkotat:
http://weppipakki.com/js/code/js1/linklist.htm
http://weppipakki.com/js/code/js1/linklis2.htm
Just sitä, en vaan osannu selittää kunnolla. Kiitos että ymmärsit kuitenkin ;)
"Tai siis kuinka tehdään se niin, että vaihtoehdon valitsemalla menee suoraan sinne sivulle."
Miksi kaikki kysyvät koko ajan sellaisia asioita, joita ei kannata tehdä?-)
Lomakkeet on tarkoitettu lomakemuotoisen datan käsittelyyn (eli lomakkeiden täyttämiseen), ei navigointivalikoksi. Pudotusvalikot ovat muutenkin käytettävyydeltään varsin huonoja (ainakin jos valikko on niin pitkä, että joudutaan käyttämään vierityspalkkia), joten miksi kukaan haluaisi käyttää niitä navigoinnin toteuttamiseen?
Ajattelin "pudotusvalikon" lähinnä sellaisena alasaukeavana valikkona, kuten esim. näillä sivuilla http://www.htmldog.com/articles/suckerfish/example/ , kun näissä keskusteluissakin tuosta puhutaan pudotusvalikkona, mutta liekö se "alasvetovalikko", tai jotain "viralliselta" nimeltään.. Okei, eli pudotusvalikosta oli kyse..
En toki varsinaiseksi navigointivalikoksi sellaista ajatellut, vaan lähinnä mietin kun on sivuja/ohjelmia joilla saa tehtyä kuvagallerian (näissä keskuseteluissakin joskus joku kysyi linkkiä sellaiselle sivulle). Eli aluksi näkyy "sisällysluettelona" pienet kuvat, joita klikkaamalla saa isomman kuvan ja kuvatekstin. Ja kuvien sivuilla on nuolet, josta pääsee edelliseen ja seuraavaan kuvaan. Ja tämän sivun ylälaidassa on siis tuollainen pudotusvalikko, josta pääsee suoraan johonkin tiettyyn kuvaan.
Mietin vain miksi pitäisi käyttää jotain ohjelmaa tuon kuvagallerian tekemiseen, kun sellaisen saa näppärästi itsekin tehtyä, mutta en muistanut/tiennyt tuo pudotusvalikkojuttu tehdään.
Tokihan tuon voi tehdä "tavallisena" pudotusvalikkona (vai alasvetovalikkona), mutta tuohon käyttötarkoitukseen tuo lomaketyylinen pudotusvalikko on mielestäni ihan hyvä ja selkeä. En tietenkään laittaisi pudotusvalikkoa sivujen "yleiseen" navigointiin, vaan juuri tuohon kuvagalleriaan..
Nämä ovat kaksi hyvin erilaista "dropdown"-valikkoa. Ensimmäisessä viestissä kirjoitit lomake-pohjaisesta (form) ratkaisusta, joka on yleensä hyvin epäkäytännöllinen.
Jälkimmäinen, "Suckerfish dropdown" sensijaan on rakenteellisesti lista (ul), joka on käytännössä muotoiltu CSS:llä. Sen toiminta nojaa hyvin pitkälle pseudo-luokkiin :hover, :active ja :focus. Pieni pätkä JavasScriptia pitää huolen siitä, että myös MS:n Internet Explorer-selaimet osaavat tulkita sitä oikein.
Poijjaat Html Dogissa ovatkin panostaneet tuohon ja julkaisseet parannellun version tuosta. Artikkeli löytyy osoitteesta http://www.htmldog.com/articles/suckerfish/
Tiedän kyllä miten tuo valikko on tehty, olen tehnyt omille sivuille valikon sillä periaatteella, mutta kyselin kuinka tuo lomakepudotusvalikko tehdään. En välttämättä ole omille sivuille tekemässä sellaista, kyselin vain kuinka se tapahtuu, kun tosiaan on niitä "automaattisia" kuvagallerian tekemiseen tarkoitettuja ohjelmia.
"Mietin vain miksi pitäisi käyttää jotain ohjelmaa tuon kuvagallerian tekemiseen, kun sellaisen saa näppärästi itsekin tehtyä,"
Siinä on kuitenkin yllättävän paljon hommaa - ainakin ilman kunnon työkaluja. Jo sadan thumbnailin tekeminen yksitellen on aika raastavaa, puhumattakaan siitä, että generoisi käsin jokaiselle kuvalle oman HTML-sivun, jossa on linkit edelliseen ja seuraavaan kuvaan yms. Kyllähän se tietenkin Imagemagick & Emacs & PHP -yhdistelmällä onnistuu nopeahkosti, mutta kaikki eivät osaa niitä käyttää.
"en muistanut/tiennyt tuo pudotusvalikkojuttu tehdään."
Kuulostaa siltä, että siinä tarvitaan ainakin Javasciprtiä, jos siis homma tehdään ilman "Go"-nappia. Kannattaa harkita muita vaihtoehtoja.
Jos esim. thumbnaileja on 9 sivua, voi joka sivulla olla (ei liian pienellä) numerot yhdestä yhdeksään linkkeinä suoraan niille sivuille. Jokaiseen yksittäiseen kuvaan ei liene oikein järkevää tehdä linkkiä jokaiselta sivulta, vaikka se ehkä niillä CSS/JS-dropdowneilla onnistuisikin aika kivuttomasti.
"-- pudotusvalikkona, mutta liekö se 'alasvetovalikko', tai jotain 'viralliselta' nimeltään."
Sekä 'alasvetovalikko' että 'pudotusvalikko' lienevät samaa tarkoittavia suomennoksia termille 'dropdown menu', joka siis tarkoittaa kaikenlaisia hierarkisia valikoita, joissa hierarkiasta näkee seuraavan tason vasta kun "aktivoi solmupisteen". Voisihan sitä tietenkin kysyä J. Korpelalta s.v.www:ssä, jos viitsisi...