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

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • pwiegers@gmail.com

    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:



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

    greetings,
    Paul

  • Mike P2

    #2
    Re: I've created a small online app to draw diagrams in ASCII...

    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:
    >

    >
    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

    Comment

    • pwiegers@gmail.com

      #3
      Re: I've created a small online app to draw diagrams in ASCII...

      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:
      >>
      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

      Comment

      • -Lost

        #4
        Re: I've created a small online app to draw diagrams in ASCII...

        pwiegers@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:
        >

        >
        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.

        Comment

        • pwiegers@gmail.com

          #5
          Re: I've created a small online app to draw diagrams in ASCII...

          >
          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

          Comment

          • pwiegers@gmail.com

            #6
            Re: I've created a small online app to draw diagrams in ASCII...

            On 6 jun, 08:08, -Lost <maventheextraw o...@techie.com wrote:
            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


            Comment

            • averver@gmail.com

              #7
              Re: I've created a small online app to draw diagrams in ASCII...

              Hi Paul,

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

              Greeetz

              Comment

              • Mike P2

                #8
                Re: I've created a small online app to draw diagrams in ASCII...

                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.fromChar Code() 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

                Comment

                • pwiegers@gmail.com

                  #9
                  Re: I've created a small online app to draw diagrams in ASCII...


                  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, keyboardhandlin g 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.fromChar Code() 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

                  Comment

                  • -Lost

                    #10
                    Re: I've created a small online app to draw diagrams in ASCII...

                    pwiegers@gmail. com wrote:
                    On 6 jun, 08:08, -Lost <maventheextraw o...@techie.com wrote:
                    >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.

                    Comment

                    • pwiegers@gmail.com

                      #11
                      Re: I've created a small online app to draw diagrams in ASCII...

                      >
                      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

                      Comment

                      • shadowman

                        #12
                        Re: I've created a small online app to draw diagrams in ASCII...

                        pwiegers@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:
                        >

                        >
                        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.

                        Comment

                        • -Lost

                          #13
                          Re: I've created a small online app to draw diagrams in ASCII...

                          pwiegers@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.

                          Comment

                          Working...