Keskustelu: Nettisivujen teko: Raahausohjelma + kuvan lataus?

Ns. raahaus-scripti on tuttu, mutta entäs miten sais vielä, että sivulta uploadataan kuva, joka pompahtaa sivulle tiettyyn kohtaan ja sitä voi vielä vieressä olevilla nuolinäppäimillä siirtää ylös, alas vasemmalla, oikealle ?

sivulta uploadataan kuva? mitä meinaat?

lainaus:

sivulta uploadataan kuva? mitä meinaat?

Tarkoitin, että sivulla klikataan nappia, jossa lukee vaikka "lisää kuva". Sitten se kuva tulee haluttuun kohtaan...

Jos pistät kuvan aluksi CSS:llä näkymättömiin ja säädät paikkaa:

kuva
{
display : none;
position : absolute;
left : 250px;
top : 150px;
}

Sitten muutat näitä onclick:eillä tyyliin:

onclick='kuva.style.left++'

tai voit laittaa komentoja: onMouseDown="stick_to_mouse();" onMouseOut="dont_stick_to_mouse_anymore();" siis teet ite noi funktiot. Jos etm osaa niin multa löytyy jostakin filu missä olis just tommonen raahausjuttu ja voin pasteta sen tänne

Laitän tähän linkin, niin se selvittää hiukan mitä oikein tarkoitan...

Eli raahaus-juttu toimii jo. Tarkoitus kuitenkin ois, että tuo nukke on paikoillaan (sitä ei pystyisi liikuttamaan. Nyt pystyy.) Ja sitten siellä olisi joku browse-nappula tai "lisää kuva-nappula", josta käyttäjä etsii omista tiedoistoistaan kuvan, joka ilmestyy nuken kasvoiksi, nykyisten kasvojen tilalle (=päälle). Kuitenkin niin, että vain kasvot tulevat näkyviin ja muu osaa kuvaa on piilossa. Sitten kasvoja pystyisi vielä liikuttamaan, niin että se on sopivalla kohdalla nuken naamaa. Tämä tapahtuis sivulla olevia nuolen kuvia klikkaamalla (esimerkiksi).

http://www.geocities.com/just_iina/DRAGnDROP.htm

P.S. Tuo on nyt vähän huono esimerkki, kun nuken pitäisi olla kalju, että sille pystyy noita hiuksia laittamaan, mutta idea varmaan tulee selville tästäkin...

lainaus:

P.S. Tuo on nyt vähän huono esimerkki

No niin on juu, kun ei se edes toimi--ainakaan tällä Sotkun Mozillalla.

mulla toimii hyvin ie:llä

lainaus:

lainaus:

P.S. Tuo on nyt vähän huono esimerkki

No niin on juu, kun ei se edes toimi--ainakaan tällä Sotkun Mozillalla.

Toimii hyvin ainakin IE:llä ja Operalla.

Mutta niitä vinkkejä kaipaisin...

Siis haluat että tohon voisi kenttään voisi laittaa jonkun kuvatiedoston ja se kuva tulis tohon raahattavaks?

lainaus:

Siis haluat että tohon voisi kenttään voisi laittaa jonkun kuvatiedoston ja se kuva tulis tohon raahattavaks?

Joo, paitsi että kuvatiedosto ei tulisi varsinaisesti raahattavaksi. Vaan se tulisi tuohon nuken kasvojen tilalle. (Nuken on tarkoitus olla ei-raahattava tulevaisuudessa.)

Omista tiedostoista ladattua kuvatiedostoa pystyisi sitten liikuttamaan vaikka nuolipainikkeilla, että kasvot saa kohdalleen kunnolla.