469,623 Members | 1,935 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,623 developers. It's quick & easy.

I've created a small online app to draw diagrams in ASCII...

Yes, I know, this is sort of commercial.. but how else to get people
to, what I think, is a handy online applicaton?

I created this app because I hate do document :) (Don't we all?)
Sometimes I wanted to make a small diagram to depict what a piece of
PHP-code does, a database relationship diagram, or, wel... But to do
that in ASCII is hard, and not very much fun to do! So, I created this
online app that allows you to draw simple diagrams in ASCII-chars
only, so that you can save them in your comments in code. (You can
also save them in Google Docs, or, well, where ever you want!).

I showed it to some friends of mine; they like it. I needed a way to
get it known to more people.. so, there we go:

http://www.asciidrawer.com

Thats it.... Please don't shout at me for posting it here, but let me
know if you like it?

greetings,
Paul

Jun 5 '07 #1
12 1828
On Jun 5, 2:55 pm, "pwieg...@gmail.com" <pwieg...@gmail.comwrote:
Yes, I know, this is sort of commercial.. but how else to get people
to, what I think, is a handy online applicaton?

I created this app because I hate do document :) (Don't we all?)
Sometimes I wanted to make a small diagram to depict what a piece of
PHP-code does, a database relationship diagram, or, wel... But to do
that in ASCII is hard, and not very much fun to do! So, I created this
online app that allows you to draw simple diagrams in ASCII-chars
only, so that you can save them in your comments in code. (You can
also save them in Google Docs, or, well, where ever you want!).

I showed it to some friends of mine; they like it. I needed a way to
get it known to more people.. so, there we go:

http://www.asciidrawer.com

Thats it.... Please don't shout at me for posting it here, but let me
know if you like it?

greetings,
Paul
It would be nice to be able to move the cursor by clicking. Do you
mean this is to make flow charts?

-Mike PII

Jun 5 '07 #2
On Jun 6, 1:54 am, Mike P2 <sumguyovrt...@gmail.comwrote:
On Jun 5, 2:55 pm, "pwieg...@gmail.com" <pwieg...@gmail.comwrote:
Yes, I know, this is sort of commercial.. but how else to get people
to, what I think, is a handy online applicaton?
I created this app because I hate do document :) (Don't we all?)
Sometimes I wanted to make a small diagram to depict what a piece of
PHP-code does, a database relationship diagram, or, wel... But to do
that in ASCII is hard, and not very much fun to do! So, I created this
online app that allows you to draw simple diagrams in ASCII-chars
only, so that you can save them in your comments in code. (You can
also save them in Google Docs, or, well, where ever you want!).
I showed it to some friends of mine; they like it. I needed a way to
get it known to more people.. so, there we go:
http://www.asciidrawer.com
Thats it.... Please don't shout at me for posting it here, but let me
know if you like it?
greetings,
Paul

It would be nice to be able to move the cursor by clicking. Do you
mean this is to make flow charts?
Well, that is one of those idea's I was looking for! I will try and
implement it...

Yes, it is meant to draw small charts, and, for instance databaase
relationship diagrams.
I've even used it myself to draw a design of a screen and share it on
Google Docs.
I use it myself all the time :)

Do you think it could be usefull?

thanks for taking the time to answer!

Paul

Jun 6 '07 #3
pw******@gmail.com wrote:
Yes, I know, this is sort of commercial.. but how else to get people
to, what I think, is a handy online applicaton?

I created this app because I hate do document :) (Don't we all?)
Sometimes I wanted to make a small diagram to depict what a piece of
PHP-code does, a database relationship diagram, or, wel... But to do
that in ASCII is hard, and not very much fun to do! So, I created this
online app that allows you to draw simple diagrams in ASCII-chars
only, so that you can save them in your comments in code. (You can
also save them in Google Docs, or, well, where ever you want!).

I showed it to some friends of mine; they like it. I needed a way to
get it known to more people.. so, there we go:

http://www.asciidrawer.com

Thats it.... Please don't shout at me for posting it here, but let me
know if you like it?
I definitely think you need to button up your JavaScript.

It didn't work for me in Firefox 1.5.0.11, Internet Explorer 6, or Opera
9.10.

--
-Lost
Remove the extra words to reply by e-mail. Don't e-mail me. I am
kidding. No I am not.
Jun 6 '07 #4
>
It would be nice to be able to move the cursor by clicking. Do you
mean this is to make flow charts?
I've just implemented this idea! You can now click on the screen, and
the cursor will go there... thanks for this great idea!

Paul

Jun 6 '07 #5
On 6 jun, 08:08, -Lost <maventheextrawo...@techie.comwrote:
pwieg...@gmail.com wrote:
Yes, I know, this is sort of commercial.. but how else to get people
to, what I think, is a handy online applicaton?
I created this app because I hate do document :) (Don't we all?)
Sometimes I wanted to make a small diagram to depict what a piece of
PHP-code does, a database relationship diagram, or, wel... But to do
that in ASCII is hard, and not very much fun to do! So, I created this
online app that allows you to draw simple diagrams in ASCII-chars
only, so that you can save them in your comments in code. (You can
also save them in Google Docs, or, well, where ever you want!).
I showed it to some friends of mine; they like it. I needed a way to
get it known to more people.. so, there we go:
>
I definitely think you need to button up your JavaScript.

It didn't work for me in Firefox 1.5.0.11, Internet Explorer 6, or Opera
9.10.
I knew about Opera, but it works for my in IE 6 (6.2800.1106), and FF
1.5 :-(((
(Note: on a slow computer, it might take 5 seconds or so to build the
screen...)
Can you tell me what happens? Do you get an JS-error?

thanks for the feedback!

Paul
Jun 6 '07 #6
Hi Paul,

Great tool. What a way to efficiently document an application.

Greeetz

Jun 6 '07 #7
Some more things:

-vertical bar color needs to change back on backspace as it does when
navigating with arrows

-would be nice if it would use the symbol instead of the number when
holding shift and pressing a number key to the left of backspace (on
US keyboards I mean). probably would also be nice to add localization
for other countries' standard keyboards, a lot of work...

-alt+[number combination] support to directly enter ASCII values would
be cool (like String.fromCharCode() does)

-home and end keys put into practice

By the way, your draw mode is fun...it's like like etch-a-sketch

-Mike PII

Jun 6 '07 #8

Hi Mike,
-vertical bar color needs to change back on backspace as it does when
navigating with arrows
This was supposed to happen.. Definitely a bug!
-would be nice if it would use the symbol instead of the number when
holding shift and pressing a number key to the left of backspace (on
US keyboards I mean). probably would also be nice to add localization
for other countries' standard keyboards, a lot of work...
Teah, keyboardhandling sucks in JS. I'm thinking about starting a
little OSS side-project to try and solve this. Stopping events from
propagating for instance is a drag, esp. in IE. This needs solving on
a larger bases than just this little programm....
-alt+[number combination] support to directly enter ASCII values would
be cool (like String.fromCharCode() does)
I'm gonna try that :-)
-home and end keys put into practice
Good idea, this can be done easily....
By the way, your draw mode is fun...it's like like etch-a-sketch
Thank you! Your constructive criticism is helping me improve greatly!

Paul

Jun 7 '07 #9
pw******@gmail.com wrote:
On 6 jun, 08:08, -Lost <maventheextrawo...@techie.comwrote:
>pwieg...@gmail.com wrote:
>>Yes, I know, this is sort of commercial.. but how else to get people
to, what I think, is a handy online applicaton?
I created this app because I hate do document :) (Don't we all?)
Sometimes I wanted to make a small diagram to depict what a piece of
PHP-code does, a database relationship diagram, or, wel... But to do
that in ASCII is hard, and not very much fun to do! So, I created this
online app that allows you to draw simple diagrams in ASCII-chars
only, so that you can save them in your comments in code. (You can
also save them in Google Docs, or, well, where ever you want!).
I showed it to some friends of mine; they like it. I needed a way to
get it known to more people.. so, there we go:
>I definitely think you need to button up your JavaScript.

It didn't work for me in Firefox 1.5.0.11, Internet Explorer 6, or Opera
9.10.

I knew about Opera, but it works for my in IE 6 (6.2800.1106), and FF
1.5 :-(((
(Note: on a slow computer, it might take 5 seconds or so to build the
screen...)
Then that should tell you something right there.
Can you tell me what happens? Do you get an JS-error?
Sure I can.

I see aa[x], and aa[fa] has no properties.

Or aa[] is null or not an object.

If I remember correctly [x] is dealing with your ROW and COLUMN
inserting/removing. The [fa] problem occurred when I hit the line
button and the delete everything button.

If I click one of the delete methods before doing *anything* it gives me
a single line running through the vertical center with *78*
(seventy-eight!) "undefined"s.

I noticed today, after having the page loaded in my browser forever. I
actually forgot about it whilst I tried to read your attempt at
obfuscated code. Or was that merely an attempt to minify?

Speaking of minifying, it strikes me really funny that your code is
exactly 500 lines. Well, assuming your beginning braces for functions
and conditionals start on the same line as them.
thanks for the feedback!
Anytime. I would like to offer a few more items for digestion though.

Why not use DOM methods to create and insert the elements you need
instead of relying on the non-standard innerHTML to create *EVERYTHING*?

You realize that you exclude a *WIDE* range of browsers because of the
methods you employ?

Oh, and the only thing that I have *ever* seen work, is the new feature
you added to pinpoint where you click.

I think that's it for now...

--
-Lost
Remove the extra words to reply by e-mail. Don't e-mail me. I am
kidding. No I am not.
Jun 7 '07 #10
>
Can you tell me what happens? Do you get an JS-error?

Sure I can.

I see aa[x], and aa[fa] has no properties.
Ah! This only happens on the first column, i see... This should be
easy to fix...
Speaking of minifying, it strikes me really funny that your code is
exactly 500 lines. Well, assuming your beginning braces for functions
and conditionals start on the same line as them.
That's funny :-)
Anytime. I would like to offer a few more items for digestion though.

Why not use DOM methods to create and insert the elements you need
instead of relying on the non-standard innerHTML to create *EVERYTHING*?
I tried the first time. It does not perform in IE :-((( The
performance is very, very bad that way!
I'm creating a page online where I will explain the 3 different way's
I used to create the drawing area - so far, only this one performs...

But that is more something for the javascript-usenet group :-)
You realize that you exclude a *WIDE* range of browsers because of the
methods you employ?
Well... FF and IE seem to be doing well... that _is_ 99% of the
market....
Oh, and the only thing that I have *ever* seen work, is the new feature
you added to pinpoint where you click.
Try to just walk with the cursorkeys a bit, when having pressed the
drawingbuttong. That should leave you with a drawing - it does on
every browser I tried... including Opera, minus Konqueror..?
I think that's it for now...
Again: thanks!

Paul

Jun 7 '07 #11
pw******@gmail.com wrote:
Yes, I know, this is sort of commercial.. but how else to get people
to, what I think, is a handy online applicaton?

I created this app because I hate do document :) (Don't we all?)
Sometimes I wanted to make a small diagram to depict what a piece of
PHP-code does, a database relationship diagram, or, wel... But to do
that in ASCII is hard, and not very much fun to do! So, I created this
online app that allows you to draw simple diagrams in ASCII-chars
only, so that you can save them in your comments in code. (You can
also save them in Google Docs, or, well, where ever you want!).

I showed it to some friends of mine; they like it. I needed a way to
get it known to more people.. so, there we go:

http://www.asciidrawer.com

Thats it.... Please don't shout at me for posting it here, but let me
know if you like it?
Pretty cool. Works much better in FF 2.x than IE7. On IE7 on my system
it was a bit slow, and the help section was screwy.

I had fun playing around with it, be sure to let us know as the app
progresses.
Jun 7 '07 #12
pw******@gmail.com wrote:
>>Can you tell me what happens? Do you get an JS-error?
Sure I can.

I see aa[x], and aa[fa] has no properties.

Ah! This only happens on the first column, i see... This should be
easy to fix...
>Speaking of minifying, it strikes me really funny that your code is
exactly 500 lines. Well, assuming your beginning braces for functions
and conditionals start on the same line as them.

That's funny :-)
>Anytime. I would like to offer a few more items for digestion though.

Why not use DOM methods to create and insert the elements you need
instead of relying on the non-standard innerHTML to create *EVERYTHING*?

I tried the first time. It does not perform in IE :-((( The
performance is very, very bad that way!
I'm creating a page online where I will explain the 3 different way's
I used to create the drawing area - so far, only this one performs...

But that is more something for the javascript-usenet group :-)
Yep, and I'll be watching out for your post.

Believe me, if done correctly, DOM code can greatly increase the
efficiency of your code.

I was just benchmarking some code the other day and in a field of 20,000
elements, traversing the childNodes as opposed to seeking with
getElementById yielded that traversing the DOM was 26.25 times faster.

The same can be said about innerHTML as opposed to creating text nodes.
>You realize that you exclude a *WIDE* range of browsers because of the
methods you employ?

Well... FF and IE seem to be doing well... that _is_ 99% of the
market....
No it isn't. Sure it is high, but it is nowhere near 99% I am sure.
You forgot Mac users (Camino, Konqueror, iCab et cetera) and Opera users.

And for God's sakes man, give the users something to see when JavaScript
is disabled.
>Oh, and the only thing that I have *ever* seen work, is the new feature
you added to pinpoint where you click.

Try to just walk with the cursorkeys a bit, when having pressed the
drawingbuttong. That should leave you with a drawing - it does on
every browser I tried... including Opera, minus Konqueror..?
Aaah, there we go. Internet Explorer 6 has a go at it. Now I get
"console is undefined", *sometimes*. It is remarkably slow though.

Now, in Firefox 1.5.0.11 it runs smooth as silk. *EXCEPT*, clicking on
the copy/paste whatever stuff takes quite a few seconds to load.

This also happens in the loading of both Internet Explorer and Firefox,
where it takes a substantial amount of time to load. In actuality I get
a "warning unresponsive script" in Firefox every time and I have to hit
"continue."

Now, you ready for the big kicker? All this time I think I did not hit
a button before traversing with the keys. For the most part I tried to
hit a button, then draw with the cursor. *sigh*

Good job!

--
-Lost
Remove the extra words to reply by e-mail. Don't e-mail me. I am
kidding. No I am not.
Jun 7 '07 #13

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by sams | last post: by
4 posts views Thread by luc wastiaux | last post: by
3 posts views Thread by faustino Dina | last post: by
21 posts views Thread by DraguVaso | last post: by
6 posts views Thread by Paul McGuire | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.