needing serious help.

Printable View

Jan 22nd, 2003, 10:28 AM
hongge

needing serious help.

My assignment require me to do a page to upload images. The user can choose the number of images to upload by using a drop down menu and the image boxes will appear. The user must be also able to change the position of the images.

It may seem easy to many of you but I really have no idea how to do it. Would anyone out there please help me with it?

I came across this page providing code for a simple Unloading page maybe it will be useful-

http://stardeveloper.com/articles/di...1042501&page=2

Please help me!! thanks in advance
Jan 22nd, 2003, 10:40 AM
andreys

What do you mean by saying "image box"?

Quote:

The user must be also able to change the position of the images

What does this mean? Just drag images anywhere on the page?
Jan 22nd, 2003, 10:59 AM
hongge

thanks for your reply...
"image box" actually is an area the picture will appear in...
Jan 22nd, 2003, 11:02 AM
hongge

oops changing position actually mean changing the links so that the two pictures actually "swop" position...sorry for my poor description...
Jan 22nd, 2003, 11:06 AM
andreys

Still don't get it what you are trying to do.
Could you describe step by step that do you want on the page?
Jan 22nd, 2003, 11:11 AM
hongge

ok...
first the page will let the user choose how many images he want to upload
then the pictures uploaded will have previews arranged according to the uploading order
the user can also change the position of the images if he uploaded in the wrong order....
hope you get me my english is not good
Jan 22nd, 2003, 12:36 PM
andreys

here is an example how to show number files to upload based on drop-down menu choise.
I think it doesn't matter in what order user will upload images but in what order you're gonna display them on your preview.

Code:

<html> <script> function Expand(nFiles){ clearSpan("files") for(i=1;i<=nFiles;i++){ files.insertAdjacentHTML('BeforeEnd','<BR>_File_'+i+'_:_<input type="file" size="40" name="File'+i+'">'); } } function clearSpan(id){ var el = document.getElementById(id); while (el.hasChildNodes()) el.removeChild(el.childNodes.item(0)); } </script> <body> <font face="Arial"> Images to upload:</font> <select name="ImagesCount" onchange="Expand(this[selectedIndex].value)"> <option value="0"><SELECT></option> <option value="1">1 Image</option> <option value="2">2 Images</option> <option value="3">3 Images</option> <option value="4">4 Images</option> <option value="5">5 Images</option> <option value="6">6 Images</option> <option value="7">7 Images</option> <option value="8">8 Images</option> <br> <span name="files" id="files"></span> </body> </html>
Jan 23rd, 2003, 01:01 AM
hongge

Thank you Andreys for your messages I really appreciate your help.
But i would need time to digest this though, I'm totally new to this...