Hi everyone,
I am new to Ajax and have been fascinated by the possibilities available with JavaScript and XML. More specifically, I am interested in mind mapping and would like to know how to actually write the code in Ajax to implement a mind mapping application such as MindMeister.
I have read through lots of forums, books and articles on Ajax but did not find anything useful so far to help me out.
Ideally, I would like to use PHP on the server-side, JavaScript on the client-side and XML to make the server request and also store the mind maps. The path to the mindmaps stored in the XML document will be saved in a MySQL database.
So I would appreciate any kind of help/resources (tips, codes) to develop a mind mapping tool using Ajax.
Thanks,
John.
3 4155 gits 5,390
Expert Mod 4TB
wooow ... that will be quite a task ;) ... but it will be possible, even when ajax has nearly nothing to do with that except that you could use it for the load/save actions but every other thing is more something that is called DHTML :) ... so i think you would need some things that represents your application-layers.
1. a kind of 'Widget-Framework' that handles some shapes (basic outlines and attributes) - mainly these are divs with some css and/or images that are dragable, clickable, editable etc. that is not a very difficult task ...
2. the most complicated thing from my point of view would be the lines/arrows to graphically connect the shapes ... javascript has no drawing capabilities ... but you may consider SVG for all that or find something to 'emulate' line-drawing
3. the widgets have to be connected to a logic that represents all actions in a programmatic way ... so that an object handles its attributes, states, connections etc. and you may save it somehow through making XMLHttpRequests (=ajax)
4. certainly i forgot something to tell at the moment regarding this complex matter :)
i hope i could show you the complexity of such a webbased tool that needs such heavy graphics-support ... but, and i will repeat it, it is not impossible. just post back in case you need more support or contributions in case you start this as a project.
kind regards
Thanks for the reply mate.
I realise the difficulty ;)
Do u hav any code examples (I am more familiar with PHP, MySQL, Javascript, XML and DHTML) or links so I can understand better the following in steps :
1) How to draw the different shapes and lines and add text inside the shapes?
2) How to drag and drop the shapes and lines while ensuring that the text moves with the shape?
3) How to connect the nodes?
4) How to save a new mindmap and open an existing one?
Regards,
John.
wooow ... that will be quite a task ;) ... but it will be possible, even when ajax has nearly nothing to do with that except that you could use it for the load/save actions but every other thing is more something that is called DHTML :) ... so i think you would need some things that represents your application-layers.
1. a kind of 'Widget-Framework' that handles some shapes (basic outlines and attributes) - mainly these are divs with some css and/or images that are dragable, clickable, editable etc. that is not a very difficult task ...
2. the most complicated thing from my point of view would be the lines/arrows to graphically connect the shapes ... javascript has no drawing capabilities ... but you may consider SVG for all that or find something to 'emulate' line-drawing
3. the widgets have to be connected to a logic that represents all actions in a programmatic way ... so that an object handles its attributes, states, connections etc. and you may save it somehow through making XMLHttpRequests (=ajax)
4. certainly i forgot something to tell at the moment regarding this complex matter :)
i hope i could show you the complexity of such a webbased tool that needs such heavy graphics-support ... but, and i will repeat it, it is not impossible. just post back in case you need more support or contributions in case you start this as a project.
kind regards
gits 5,390
Expert Mod 4TB
Thanks for the reply mate.
I realise the difficulty ;)
Do u hav any code examples (I am more familiar with PHP, MySQL, Javascript, XML and DHTML) or links so I can understand better the following in steps :
1) How to draw the different shapes and lines and add text inside the shapes?
you could make divs that has a background-image that outlines your shape - that's the easiest way ... or have a look at SVG. onclick you may append a new div and add some text to it ... that's quite common DHTML
2) How to drag and drop the shapes and lines while ensuring that the text moves with the shape?
implement the drag/drop handlers (basically you need to use the mousedown, mousemove, mouseup-events) to the 'shape'-div ... all contained elements will be moved with the parent div
3) How to connect the nodes?
unless using SVG or CANVAS i cannot think of a good solution currently. horizontal and vertical lines could be simulated with a div that has a width or height of 1px.
4) How to save a new mindmap and open an existing one?
you don't save an image but the resulting javascript code to reproduce the map when loading. you may do that with an ajax-call that saves the js-objects to a database from where it could be retrived for loading ... when loading just eval the responseText and the application-framework creates the loaded map again.
Regards,
John.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Yarco |
last post by:
I want to use "Ajax" to create my web for hobby.
But i don't know whether "Ajax" is mature...
And what about with php? Someone have experience on it?
....
|
by: melledge |
last post by:
Ajax Developers' Day added to XTech 2006 agenda
XTech 2006 - 17-19 May - Hotel Grand Krasnopolsky - Amsterdam, The
Netherlands
|
by: Steve |
last post by:
I need to build a very dynamic client and would be interested in knowing the pros and
cons of using JSF and Ajax to accomplish this.
Thanks.
Steve
|
by: melledge |
last post by:
Ajax Developers' Day to Kick Off XTech 2006 Conference
Industry experts offer insight into next generation of the Web
ALEXANDRIA, VIRGINIA, USA - April 25, 2006 - In response to the
rapidly...
|
by: www.web20developers.com |
last post by:
http://www.web20developers.com
http://www.web20developers.com/index.php?option=com_content&task=view...
Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell
AJAX -...
|
by: =?Utf-8?B?WWFua2VlIEltcGVyaWFsaXN0IERvZw==?= |
last post by:
controlsPlease could some of you here post some of your live examples of AJAX
(esp drag panels, collapsable panels, and popup menu.)
(It's one thing to talk about how great something is, but it's...
|
by: soni2926 |
last post by:
hi,
does anyone know of any good books on ajax and asp.net, one that
teaches ajax itself before jumping in atlas? I wanted to get an
understanding of ajax and how to use it, most books i've seen...
|
by: shaunwo |
last post by:
I'm an AJAX / DOM Novice (at best) and trying to figure out how to write the value to a couple input fields. I don't remember exactly where I got the ajax.js file I'm using from (went to the website...
|
by: =?Utf-8?B?R2VyaGFyZA==?= |
last post by:
I have run into a situation that if a page/tab that uses the Ajax toolkit
(using .net version 3.5) is closed before the Ajax enable controls complete
loading, then IE locks up. Does it in both IE7...
|
by: DolphinDB |
last post by:
Tired of spending countless mintues downsampling your data? Look no further!
In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
|
by: ryjfgjl |
last post by:
ExcelToDatabase: batch import excel into database automatically...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
by: jfyes |
last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
|
by: PapaRatzi |
last post by:
Hello,
I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
|
by: CloudSolutions |
last post by:
Introduction:
For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
|
by: Shællîpôpï 09 |
last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
|
by: af34tf |
last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
|
by: Faith0G |
last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
| |