Praktikum: Lihtsamad juhtelemendid ja nende kasutamine: Difference between revisions
From ICO wiki
Jump to navigationJump to search
No edit summary |
|||
| Line 3: | Line 3: | ||
*pilte lisada | *pilte lisada | ||
*pilte sirvida | *pilte sirvida | ||
*lisatud piltide arv on näha kõik aeg | |||
Selle realiseerimiseks: | Selle realiseerimiseks: | ||
| Line 12: | Line 13: | ||
Lisatud pildid peavad olema pildi sirvimise vaates kõik aeg nähtaval. Vajutades pildile kuvatakse pilt ka suurelt. | Lisatud pildid peavad olema pildi sirvimise vaates kõik aeg nähtaval. Vajutades pildile kuvatakse pilt ka suurelt. | ||
Näidis: | |||
<a href="/images/3/31/Naidis_Asp_net.PNG"><img width="120" border="0" height="67" src="/images/thumb/3/31/Naidis_Asp_net.PNG/120px-Naidis_Asp_net.PNG" alt="Thumbnail for version as of 23:21, 15 February 2012"></a> | |||
=Käsi_mittehoitud_tegevus= | =Käsi_mittehoitud_tegevus= | ||
Revision as of 23:23, 15 February 2012
Käsi_hoitud_tegevus
Realiseeri lihtne veebirakendus galerii sirvimiseks, kus
- pilte lisada
- pilte sirvida
- lisatud piltide arv on näha kõik aeg
Selle realiseerimiseks:
- loo vajalikud klassid
- kasuta FileUpload juhtelementi piltide üleslaadimiseks
- vajadusel loo uued lehed
- kasuta Repeater elementi pildinimekirja kuvamiseks
- hetkel valitud pildi leidmiseks kasuta päringustringi
Lisatud pildid peavad olema pildi sirvimise vaates kõik aeg nähtaval. Vajutades pildile kuvatakse pilt ka suurelt.
Näidis: <a href="/images/3/31/Naidis_Asp_net.PNG"><img width="120" border="0" height="67" src="/images/thumb/3/31/Naidis_Asp_net.PNG/120px-Naidis_Asp_net.PNG" alt="Thumbnail for version as of 23:21, 15 February 2012"></a>
Käsi_mittehoitud_tegevus
Pilt, mis on hetkel aktiivne, peab eristuma teistest, mis on pildinimekirjas. Selle teostamiseks kasuta kahte võimalust:
- programmi siseselt
- kasutades javascripti(lihtsustamaks seda, võib kasutaja jQueryt)
Mul_on_igav_teeks_ka_midagi
Realiseeri ülesanne kasutades juhtelementi ListView. Hetkel aktiivse pildi teistusuguseks muutmiseks kasuta SelectedItemTemplate -i
