dynamic input box -- to appear only when cell is clicked

[shabb090177]

hi.

is there any ways to build a webpage that can imitate ... say the calendar page in ms outlook. i need a page ... say in table.. when a user click on the cell.. a dynamic input box (text) will appear. i do not want to redirect my user to a separate input page.

is there any website out there that can be of example.

shabb

[joshie76]

hi Shabb...

Could you elaborate a little on what you're wanting to do?

[shabb090177]

hi

thnx for replying.

ok. let say i have a calendar. i want to click on each date (table cell) and it will automatically be an input box or text area. same type of activity/ereaction as in ms outlook calendar. i do not want to direct my user to a new dedicated input page instead. i am building my web application on ASP pages.

thnx again

shabb

[WibbleWobble]

In theory, you could probably do it using DOM and css, or JS. I don't know how well it'd work with databasr integration or whatnot, but we can hope.

<td onclick="this.style('display:table-cell;');" style="display: hidden;"><textarea whatever>unf</textarea>

I think my DOM syntax is probably off, and you'd probably have to fiddle with stuff. I've got a nice JS function that does it all by get.elementbyID or whatever at home. I'll see if I can dig it up later, possibly.

Anyway, thats the groundwork, sort of. It an idea, at least.

[WibbleWobble]

Oh, but if you want the contents of the input to display in the same cell, then you're getting into a whole world of problems, I'd expect.

[korkus2000]

This is the closest I know of to what you want. You should be able to do some modifications to it.

http://javascript.internet.com/calendars/cookie-calendar.html

[shabb090177]

hi all.

thnx for replying.

wibble.. you wrote this
>Oh, but if you want the contents of the input to display in the same cell, then you're getting into a whole world of problems, I'd expect.

umm.. not quite getting what you mean.

okay let say.. we do as you said..
<td onclick="this.style('display:table-cell;');" style="display: hidden;"><textarea whatever>unf</textarea>

and then click submit and then it brings user back to the calendar page. and then it just a matter of retrieving from the database right?

shabb

[shabb090177]

hey wibble,

i think i get it.. but lots to go.. but if you do have that JS script you mentioned... i would be in your debt. anyway thank you for your help.

and korkus, thanx for the example.. will see if i can do as neat as that.

shabb.

[shabb090177]

hi wibble.

okay i managed to do the dynamic input. but, i need to position dynamically my submit button. so i did an example. my problem is that it seems my submit <div> or i tried <span> will push my table down. anyway to work around this. is there a way to put

document.all('button').style.display='';

but still it is a transparent layer/span since i need my table to stay intact on top of the page.

my example page

thank you.

shabb

[edited by: korkus2000 at 2:55 pm (utc) on Oct. 18, 2003]