Forum Moderators: open

Message Too Old, No Replies

DOM layers.

Draging, resizing, and WYSIWYG editting.

         

ORBiTrus

2:21 am on Jan 30, 2004 (gmt 0)

10+ Year Member



OK. I've gone insane. I am building a WYSIWYG editor in HTML/JavaScript (outputs to a PHP script). Why? To see how well a browser can do this stuff.

Anyways, I'm wonderring if some ppl can give me a user model to work with.

You cann't drag and drop, and at the moment resize (working on it). You have three elements. You want to create a layout that will be:

<tr>
<td rowspan=2></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>

Here's what you CAN do: click on an item to pick it up. click again to drop it.

Describe how you would create a two column, two rows layout.

ORBiTrus

2:24 am on Jan 30, 2004 (gmt 0)

10+ Year Member



Here's MY model right now.

The first dropped item fills the region (width: 100%, height: 100%).

The second dropped item falls ON the right of the first item. Hence, the first item's width cuts in half and the second item fills the free space.

The third item falls OUTSIDE the first but ON the second's bottom half. Hence, the first stays as it is. The second's height cuts in half and the third takes the free space.

Sound reasonable?

ORBiTrus

1:30 pm on Jan 30, 2004 (gmt 0)

10+ Year Member



I'll assume that it is still rather difficult to understand my meaning.

Here's the alpha prototype. Plz. excuse the URL. Lotsa bugs. I know 'em. Just, does the method used to split make sence?

[orb.rr.nu...]

^-- Personal test server/MLDonkey web interface. Most things are password protected (now), so don't f*ck with my machine plz?

christodd

11:25 pm on Jan 31, 2004 (gmt 0)

10+ Year Member



I tasted insanity while writing a Virtual Window Javascript [bitesizeinc.net], which does the clicking,dragging, and resizing that you are talking about. Then I wrote a Javascript/DOM debugger [bitesizeinc.net] that allows me to inspect and modify the DOM to see which properties do what under which browsers. It even lets you inspect the event object, which is the real key to getting the clicking and dragging stuff down.

I couldn't get to your project, but I hope that this helps.

-Chris

ORBiTrus

5:55 am on Feb 1, 2004 (gmt 0)

10+ Year Member



Nice... isn't insanity fun?

Making the web do stuff it isn't supposed to rocks. :)

.........

lol. you got m4d ski11z...
Good resume builder? Or have you done better?