Need help developing DynamicToolbar.net.

kgun · #1 (**permalink**) 09-22-2006, 09:19 PM

1. I am developing http://www.dynamictoolbar.net/ that shall be quite different from what it is now.

2. Look at the toolbar of My sites that you find here:

http://www.digitalpunkt.no/

Example:

MultiFinanceIT.com

Now I will make that toolbar context sensitive or option driven. That is you can choose a new toolbar from a menu of n-toolbars. There is a default toolbar.

Here is the stripped down code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="emx_nav_left.css" type="text/css" media="screen">
<script type="text/javascript">

</script>
</head>
<body onmousemove="closesubnav(event);">
<div id="masthead">
<h1 id="siteName">Site Name</h1>
<div id="globalNav">
[img]gblnav_left.gif[/img]
[img]glbnav_right.gif[/img]
<div id="globalLink">
global link
global link
global link
global link
global link
global link
global link
global link
global link
global link

</div>

</div>

<div id="subglobal1" class="subglobalNav">
subglobal1 link | subglobal1 link | <a href="#">subglobal1
link</a> | subglobal1 link | subglobal1 link | <a href="#">subglobal1
link</a> | subglobal1 link
</div>
<div id="subglobal2" class="subglobalNav">
subglobal2 link | subglobal2 link | <a href="#">subglobal2
link</a> | subglobal2 link | subglobal2 link | <a href="#">subglobal2
link</a> | subglobal2 link
</div>
<div id="subglobal3" class="subglobalNav">
subglobal3 link | subglobal3 link | <a href="#">subglobal3
link</a> | subglobal3 link | subglobal3 link | <a href="#">subglobal3
link</a> | subglobal3 link
</div>
<div id="subglobal4" class="subglobalNav">
subglobal4 link | subglobal4 link | <a href="#">subglobal4
link</a> | subglobal4 link | subglobal4 link | <a href="#">subglobal4
link</a> | subglobal4 link
</div>
<div id="subglobal5" class="subglobalNav">
subglobal5 link | subglobal5 link | <a href="#">subglobal5
link</a> | subglobal5 link | subglobal5 link | <a href="#">subglobal5
link</a> | subglobal5 link
</div>
<div id="subglobal6" class="subglobalNav">
subglobal6 link | subglobal6 link | <a href="#">subglobal6
link</a> | subglobal6 link | subglobal6 link | <a href="#">subglobal6
link</a> | subglobal6 link
</div>
<div id="subglobal7" class="subglobalNav">
subglobal7 link | subglobal7 link | <a href="#">subglobal7
link</a> | subglobal7 link | subglobal7 link | <a href="#">subglobal7
link</a> | subglobal7 link
</div>
<div id="subglobal8" class="subglobalNav">
subglobal8 link | subglobal8 link | <a href="#">subglobal8
link</a> | subglobal8 link | subglobal8 link | <a href="#">subglobal8
link</a> | subglobal8 link
</div>
<div id="subglobal9" class="subglobalNav">
subglobal8 link | subglobal8 link | <a href="#">subglobal8
link</a> | subglobal8 link | subglobal8 link | <a href="#">subglobal8
link</a> | subglobal8 link
</div>
<div id="subglobal10" class="subglobalNav">
subglobal8 link | subglobal8 link | <a href="#">subglobal8
link</a> | subglobal8 link | subglobal8 link | <a href="#">subglobal8
link</a> | subglobal8 link
</div>
</div>

<script type="text/javascript"> 
</script>
</body>
</html>

3. Methods.

Put the toolbars with different global and subglobal menus in an array or in a database. Choose toolbars from a menu or a scrollfield like the "Site navigation field"

4. Other options / ideas / loose thoughts.

Buy resources from one of these sites:

http://projectseven.com/

http://www.chadhaajay.net/firefox-to...velopment.html

5. My idea so long. Put the code in a database with

Toolbar 1.

ID field Global menu 1 subglobal menu 11 ... subglobal menu 1n

ID Global menu 2 subglobal menu 21 ... subglobal menu 2n

.................................................. .

ID Global menu k subglobal menu k1 ... subglobal menu kn

Same for toolbar 2.
..................................................

.................................................. ...

Same for toolbar m.

May be one table for each toolbar.

6. Proposals / ideas / suggestions are welcome.

piev · #2 (**permalink**) 09-26-2006, 05:36 PM

Portable Interface (PI) technology is a superset of AJAX type methods. It includes toolbar tags, menu bar tags, context menu tags and much more.
PI has been in development and production for 5+ years and represents a stable platform for developing anything that is portable: websites, SaaS, applications, etc.
I recommend contacting pieV.com or GoGUI.com / GoGUI.biz for an affiliation, partnership or license.
Two solutions illustrating menu bar, context menu and toolbar usage may be found at:
http://GoGUI.com
http://aavi.com

**wige** · #3 (**permalink**) 09-26-2006, 06:01 PM

Isn't that the default template that ships with Dreamweaver? Or are you trying to add additional capabilities into their toolbar?

kgun · #4 (**permalink**) 09-26-2006, 07:54 PM

It is a template that follows with Dreamveaver that I have modified.

I have thought more of it.

1. The only unique information on that toolbar is the URL and a name (short label).

2. I then think of making a ToolBarClass with protected member variables and methods to
- Put information into the toolbar. See 1. above.
- Show (Echo the Toolbar object). May be I also need a WebPageClass with methods and variables.

3. There are alternavites to store the unique information. In the code. More than 10 toolbars make that bad code. Alternatively split the information for the toolbars in include files or in a database as mentioned above. But I am a little tired and should need a holliday, so if somebody comes up with a fast solution, I may buy that if it is well structured. I would prefer a class based solution.

4. Thanks for input so long.

AjiNIMC · #5 (**permalink**) 09-27-2006, 02:04 AM

Thanks atleast I got two good articles for the site mentioned.

kgun · #6 (**permalink**) 09-27-2006, 11:26 AM

Quote:

Originally Posted by AjiNIMC

Thanks atleast I got two good articles for the site mentioned.

What do you mean?

Back to topic. And the site should be PHP 5.x compatible

I have to admit, I have not written much in PHP and are new to OOP in PHP.

I am not in a hurry and want it reusable from the start. Something like:

class ToolbarPage {

private $page='';
private $toolbar;
private SetToolbar;
public GetToolbar;

SetToolbar (parameter list) { Some code here }

.................................

When the API has been made, code should ideally be reduced to a few lines where most of it is about:

1. Putting information into the toolbars or pulling it from the database.

2. Show the page with a default toolbar and then show another toolbar depending on which is chosen and / or showing other content on the page text / Ad etc etc.

3. The class should be put in a .php file that may be reused on (part of) other sites.