VisualVision: professional content publishing software - Web site, self installing or autorun CD DVD, catalog, create and protect ebook, business product catalog, autoplay CD brochure, HTML Help, manual, guide, reference, database import CSV

Welcome, Guest. Please Login or Register.
Nov 13th, 2024, 5:04am

(this forum has a copy - slightly different and recommended for EWE, click here)
Français * - Español * - Italiano
Home Home Help Help Search Search Members Members Login Login Register Register
Visual Vision **User's** Forum (normal) « Question about Nav Bars »

advanced search Search for:  
Advanced search...

Max results:

   Visual Vision **User's** Forum (normal)
   Our Products
   EasyWebEditor / 1site

   Question about Nav Bars
« Previous topic | Next topic »
Pages: 1 2  Reply Reply, or ask/add more Notify of replies Notify of replies Send Topic Send Topic Print Print
   Author  Topic: Question about Nav Bars  (Read 8751 times)
Michelle Alleson
Guest

Email

Question about Nav Bars
« on: Dec 12th, 2004, 1:00pm »
Quote Quote Modify Modify Remove Remove

I am trying out EWE and I admit, I am no web-master!  So please forgive the ignorance of this, but I am trying to figure out how to create navigation bars in the left frame.
 
there are quite a few DIFFERENT nav bars I want to use (one for each page of course), but I can't figure out how to get it done.  To give you an example, I want different nav bars for each section of my site.  
 
Another thing is what about changes to the nav bar?  Will the change "carry-over" to the other pages also if I change either the order, add a new page, etc.?
 
Thanks in advance for the help!
 
Logged
Michelle Alleson
Guest

Email

Re: Question about Nav Bars
« Reply #1 on: Dec 15th, 2004, 7:02am »
Quote Quote Modify Modify Remove Remove

Well I figured out the solution to my problem.  But I wanted to pass something on to all of you that I found.
 
Go to www.buttongenerator.com
 
They have REALLY cool button and navigation bar generators FOR FREE... and they work very very well in EWE
 
Good luck all & Happy creating
Logged
Gerrysan

YaBB Newbie
*



I love Web CD and ebooks software!

  
 
WWW Email

Gender: male
Posts: 9
Re: Question about Nav Bars
« Reply #2 on: Dec 21st, 2004, 4:14pm »
Quote Quote Modify Modify

Hi Michelle,
Great site I can make the bottons I want but I can't figure out what to put in the target field?
Can you advise.
Thanks
Gerry
« Last Edit: Dec 21st, 2004, 4:14pm by Gerrysan » Logged

Michelle
Guest

Email

Re: Question about Nav Bars
« Reply #3 on: Dec 23rd, 2004, 8:19pm »
Quote Quote Modify Modify Remove Remove

Target field .. as best I can figure out is the actual linked address you want it to go to.  For instance, if I click this link, take me to that page.  I ignore it and just use the buttons, and link them through EWE's internal linking system.  Seems to work GREAT!
 
Hope this helps!  Let me know how things go!
 
-- Michelle
Logged
Gerrysan

YaBB Newbie
*



I love Web CD and ebooks software!

  
 
WWW Email

Gender: male
Posts: 9
Re: Question about Nav Bars
« Reply #4 on: Dec 27th, 2004, 8:22pm »
Quote Quote Modify Modify

Hi Michelle
Just to double check are you just using the top layer so to speak ie. a button plus rol over effect or are you able to use the secondary drop down menu also. I would like to have a top button say PICTURES and then the drop down offer me what pictures I wanted to go to 6 or 7 options I can creat this and it looks and works fine on the Button gen site but I am **&**^% if I can get it to work in EWE. Just using the top buttons is no prob though.  
Happy new year
Cheers Gerry
Logged

Support Staff
YaBB Administrator
*****



Meow!

   
WWW Email

Gender: male
Posts: 1133
Re: Question about Nav Bars
« Reply #5 on: Jan 12th, 2005, 8:24am »
Quote Quote Modify Modify

Hi!
I have not tested the stuff but I guess it generates button images (you know how to use it in EWE) and may be some code, to be inserted with "Insert >HTML >Within text".
 
If the "target field" means the HTML page name, within the "Insert >HTML >Within text" there are (on the right) some buttons that will insert the HTML page name (actually they do insert a visual icon, if you click the icon you see what EWE page is pointed by the icon; the real HTML page name is put in place of the icon at runtime = when published)
 
Hope this gives some light In any case you can do some experiments, there's nothing that can be broken and this is the good thing about computers (the bad side is that they almost never do what you *exactly* want eh eh )
Logged
Jules_Ellis

YaBB Junior Member
**



I love Visual Vision!

  
 
WWW Email

Gender: male
Posts: 16
Can't make the generated buttons work (1)
« Reply #6 on: Apr 23rd, 2005, 10:39am »
Quote Quote Modify Modify

Hi,
I bought EWE a few days ago. I created a hompage and now I want to add some buttons that were made with
www.ButtonGenerator.com a site that was recommenden in the webforum. The buttons work fine in the html-
page that the buttongenerator company sent me, but not in EWE. I spend some hours on trying to import them.  
First, it seems that EWE does not accept .png files, I'm not able to insert them. Then I converted them to .jpg and I  
was warned that the transparancy would be lost. Some very friendly person (thanks!) learned me that I should convert to .gif instead of .jpg, because GIF supports transparency. So I converted all images of the buttons map (delivered by the button generator company) to GIF. Then I inserted all these converted images (two versions for each button) on a new page in the hypertext, so that I can now refer to them as internal pictures. Now the second problem was that the image should change its color when you’re on it whith the mouse. I did this the following way: The button generator company delivers two images for each button. These are named “button1over” and “button1up” for button 1, and similarly for the other buttons. Button1over is the one you should see when the mouse is not on the button, and button1up is the (darker) version that you should see when the mouse is on the button. Whithin the EWE hypertext, I clicked with the right mouse button on the GIF image of button1over, and selected “Image properties…”. In the next dialog box I selected the tab “Low res, mouse rollover”. The right frame is then “Image when mouse over”, and here I inserted the GIF image that contains the darker version, button1up, with the blue-yellow image button above the frame. The result is that the light button1over image neatly changes into the dark button1up image when you’re with the mouse on it. Next, I linked the light button1over images to the appropriate pages in my hypertext. Then I copied and pasted these button1over images to the place in the hypertext where I want to see them.
 
Logged

Jules_Ellis

YaBB Junior Member
**



I love Visual Vision!

  
 
WWW Email

Gender: male
Posts: 16
Can't make the generated buttons work (2)
« Reply #7 on: Apr 23rd, 2005, 10:41am »
Quote Quote Modify Modify

Now there is a third problem that I can’t solve. The buttons should also have a dropdown menu, that's why  
merely a link from a picture to an internal page is not enough. So I followed the instructions in the open_me.htm page that the  
button generator sent me. They say that I should insert this piece of HTML in the HEAD part of the document:
 
<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" />
 
So I inserted this with Insert > HTML > At page start.. Then you should insert the following piece of HTML in the BODY part:
 
<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<a href="Homepage" onmouseover="setOverImg('1','');overSub=true;showSubMenu('submenu1','but ton1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'su bmenu1\')',delay);" target="Anchor 0"><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1"></a><br>
<a href="Consultantpage" onmouseover="setOverImg('2','');overSub=true;showSubMenu('submenu2','but ton2');" onmouseout="setOutImg('2','');overSub=false;setTimeout('hideSubMenu(\'su bmenu2\')',delay);" target="Anchor 1"><img src="buttons/button2up.png" border="0" id="button2" vspace="1" hspace="1"></a><br>
<a href="Functionspage" onmouseover="setOverImg('3','');overSub=true;showSubMenu('submenu3','but ton3');" onmouseout="setOutImg('3','');overSub=false;setTimeout('hideSubMenu(\'su bmenu3\')',delay);" target="Anchor 0"><img src="buttons/button3up.png" border="0" id="button3" vspace="1" hspace="1"></a><br>
<a href="Bookspage" onmouseover="setOverImg('4','');overSub=true;showSubMenu('submenu4','but ton4');" onmouseout="setOutImg('4','');overSub=false;setTimeout('hideSubMenu(\'su bmenu4\')',delay);" target=""><img src="buttons/button4up.png" border="0" id="button4" vspace="1" hspace="1"></a><br>
<a href="Contactpage" onmouseover="setOverImg('5','');overSub=true;showSubMenu('submenu5','but ton5');" onmouseout="setOutImg('5','');overSub=false;setTimeout('hideSubMenu(\'su bmenu5\')',delay);" target=""><img src="buttons/button5up.png" border="0" id="button5" vspace="1" hspace="1"></a><br>
<a href="Personalpage" onmouseover="setOverImg('6','');overSub=true;showSubMenu('submenu6','but ton6');" onmouseout="setOutImg('6','');overSub=false;setTimeout('hideSubMenu(\'su bmenu6\')',delay);" target=""><img src="buttons/button6up.png" border="0" id="button6" vspace="1" hspace="1"></a><br>
</td></tr></table>
 
 
I inserted this with Insert > HTML > within text, and than I replaced the references to the .png files with  
references to the now internal pictures of the buttons. That is, I replaced the references to the images within the code from absolute:
 
IMG SRC="buttons/button1up.png"
to relative, with:
IMG SRC="[the EWE icon that references to image button1up]"
 
Then I swithed to browser preview. But I got just a white page. I also replaced the words after href with internal page references, but this still does not work. Now I must admit that I’m also not sure (as previous persons on this forum) that I filled in the right things in the menu of www.buttongenerator.com. Of course, this should be right first. They have three columns in their menu: Text labels, links and targets. I understand what the text labels are: These are the words that appear in the images of the buttons. In the link column I filled in the pagename to which one should go after clicking on the button (I used the name of the page as it is in the EWE hypertext, which is not the name that results after exporting the hypertext to HTML). In the target column I filled in “Anchor 0” or “Anchor 1” in some cases, if the page should jump to that anchor, or left it empty. But if this is wrong, it can be easily changed in the HTML code above.
 
Can you help me? I have no knowledge of HTML, that's why I use EWE. Can you help  
me?
Thanks,  
Jules Ellis
Logged

Support Staff
YaBB Administrator
*****



Meow!

   
WWW Email

Gender: male
Posts: 1133
solution 1 - Re: buttons, menus
« Reply #8 on: Apr 23rd, 2005, 11:45am »
Quote Quote Modify Modify

We should not provide support for "buttongenerator", but, however, there are 2 solutions. First one here.
The second one is very long and maybe I will post it later......
 
 
1)Insert the chunk 1 "at page start".
You did this correctly, as you say above.
 
 
2)Insert the chunk 2 "Within text".
You did this, as you say above, but the fastest way is, within the second chunk, TO NOT REPLACE IMAGE references.
 
The only thing you must edit are link destinations (when you click on a button you go to...), example, within the code I see
 
<a href="Bookspage" onmouseover=......
 
this is wrong (maybe a draft inserted by buttonsgenerator) and must be replaced with
 
<a href="actualname_000123.htm" onmouseover=".....
 
or, better, with
 
<a href="[the EWE icon that references to the desired page]" onmouseover=".......
 
(you can obtain the icon with the buttons on the right side of the dialog).
 
 
3) open the file
menuscript.js
within a text editor.
You will see a section like this
 
//*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***//
 
subInfo[2][1] = new Array("the submenu 1 label","-Anchor 0","");
subInfo[2][2] = new Array("the submenu 2 label","-Anchor 1","");
.....
you must edit this with the page names for the link destination (where you go when you click on the menu):
 
subInfo[2][1] = new Array("the submenu 1 label","actualpage_000123.htm","");
subInfo[2][2] = new Array("the submenu 2 label","actualpage_000012.htm","");
 
As you may see, this .js file contains image references too... but as said we do not touch them! (as before, this is to save work and time).
 
 
 
4) Then you must, with an FTP program, maybe with the EasyWebEditor "Generic FTP" internal feature:
- create a "buttons" subfolder within your website main folder (there is a button for creating subfolders within EWE Generic FTP - so for many FTP programs)
- put (upload) all the buttons images within this folder (button1up.png, button2......)
- put (upload) the files
menuscript.js
menustyle.css
within the main folder of your website (they are needed as the "chunk 1" calls them), in the same place where EasyWebEditor usually puts your pages/images.
 
 
Then, if everything is correct, everything will work.
Please understand that as you are touching HTML, a minimal error such a misplaced comma or "" or so can cause high damage (white pages and so on).
Logged
Support Staff
YaBB Administrator
*****



Meow!

   
WWW Email

Gender: male
Posts: 1133
Re: Question about Nav Bars
« Reply #9 on: Apr 23rd, 2005, 11:50am »
Quote Quote Modify Modify

P.S: you may post the web URL with your attempts (such as www.yoursite.com/abc_000123.htm ) so if some problems we may take a look and we may help.
 
Or maybe some other guy on the forum
 
If you need fast help always remember to email easywebeditor@visualvision.com .........
 
 
Logged
Jules_Ellis

YaBB Junior Member
**



I love Visual Vision!

  
 
WWW Email

Gender: male
Posts: 16
Re: Question about Nav Bars
« Reply #10 on: Apr 23rd, 2005, 8:19pm »
Quote Quote Modify Modify

Hi,
I followed your instructions and now the menus and submenus work. Thanks for you effort! But... there is still an issue that you could not anticipate because I didn't tell (see below). You can see the result at
 
http://home.versatel.nl/julesellis/
 
On the left side above you see the buttons in the way I did them, as I posted earlier, which is without submenus. (By the way, I made a little error there: "up" and "over" should be  interchanged everywhere. Now the buttons go from light to dark when you're on them with the mouse, but they should go from dark to light).  
 
On the left side beneath you see the buttons as I obtained them by following your instruction. An important detail in your instruction seems to be that you put the EWE-icon of the page between "". I didn't do that in my first attempt, because things between "" are usually not evaluated. Another important point is that the menuscript.js file should also be edited a little. For other users it might be good to know that the 'actual names' to which you refer in your previous answer are the names of the HTML pages that one gets after exporting to HTML (at least that is how I did it).  
 
As you can see on my homepage, the buttons are visible, they work, they have submenus and the submenus work too... but there is still a problem: the submenus are only partially visible. This is due to the fact that I put my menus in a separate frame on the left side of the page. This has two consequences.
 
(1) The submenus are not allowed to cross the frameborder - which is quite logical in hindsight - and so they are only partly visible. In my "Privé" page I tried to solve this by increasing the width of the frame, but the thing must be quite wide then, which is ugly.
 
(2) What is worse, if you click on an option in the submenu, then the linked page will be shown within the frame, which was not what I wanted: the entire page should be replaced, not just the frame. I've no clue about how to change this. The problem occurs only with the submenus, not with the main menu buttons.
 
There is still another problem: the submenus should jump to anchors within another page. Again, I've no clue.
 
I guess that these problems can be solved only by doing a lot of HTML. I doubt whether it is wise to continue this path further. On this point, I would not recommend to use the  buttons of buttongenerator.com in EWE if you want to put them in frames or if you want to use anchors.  Using the submenus is not very easy, but it can be done. Just using the main buttons is no problem at all.
 
So this brings me to a question that I perhaps should have asked earlier: Is there some extension/ plug-in/ upgrade of EWE with buttons and drop-down submenus?
Logged

Support Staff
YaBB Administrator
*****



Meow!

   
WWW Email

Gender: male
Posts: 1133
Re: Question about Nav Bars
« Reply #11 on: Apr 24th, 2005, 4:48pm »
Quote Quote Modify Modify

>(1) The submenus are not allowed to cross the frameborder  
 
this happens with any software. No solutions for this.
 
 
 
 
>(2) What is worse, if you click on an option in the submenu, then the linked page will be shown within the frame, which was not what I wanted
 
you can edit this.
Within the HTML (as you have seen, if you want to actually use the things provided by buttonsgenerator you must edit all these files - this is true  no matter what web creator software you use) you find
<a href=".......">
 
modify with:
<a href="....." target=_blank>
to show within a new page
 
modify with:
<a href="....." target="framename">
to show within another frame (framename is the name of the frame you assigned in EasyWebEditor, Format >Advanced frameset manager)
 
 
 
 
>There is still another problem: the submenus should jump to anchors within another page.  
 
Example, modify
<a href="abc_000003.htm">
to:
<a href="abc_000003.htm#a2">
 
(this example will jump to anchor 2 in page abc_000003 that's page 3; you create the anchor visually with EasyWebEditor)
 
 
 
 
At present there isn't a EasyWebEditor plugin for submenus etc. This is because there are infinite flavours of buttons /submenus and as you see they are usually quite complicated.
In Web, when you want special thing, there is usually some effort.
As you have seen, nothing is impossible when you have understood what's up
Logged
Jules_Ellis

YaBB Junior Member
**



I love Visual Vision!

  
 
WWW Email

Gender: male
Posts: 16
Re: Question about Nav Bars
« Reply #12 on: Apr 24th, 2005, 11:20pm »
Quote Quote Modify Modify

Hi,
I got the submenus working! Thanks a lot, your responses are very fast and accurate   so I think EWEs support staff is fantastic! You can see the page with submenus working at the URL that I gave earlier (http://home.versatel.nl/julesellis/). OK, right at this moment only the first two pages work properly with buttons and submenus, but it is 6.00 AM here now so I'll fix the rest later, I understand the principle now. Thanks again!
 
For other people who want to do this I may add a few things. First, you should also specify the target frame in the menuscript.js file. This is the place where the submenus seem to find their targets. There you'll find lines like
 
subInfo[2][1] = new Array("submenu caption","my_webpage_00000d.htm","");
 
and there the last "" should be replaced by the frame name in which the new page should be shown, e.g. "Framec9f708". It is probably easier to specify this in the buttongenerator menu before you generate the buttons, but then you'll have to understand what a 'target' is first....
 
The option with _blank didn't work for me (or perhaps I did something wrong) because it opens a new window, whereas I wanted to replace the old page (i.e. all frames in it)  with a new page (with multiple frames) in the same window. But in hindsight, given the other problems, I doubt whether it is wise to want this... Anyhow, it works this way too.
 
Then a next problem occured because the submenus replace only one frame with another  page, while the main buttons replace the whole page. So suppose the buttons are on a separate page (say the 'buttonpage') and page 0 has a frame A with in it the buttonpage and a second frame B that is the target for the submenus. Suppose a button calls page 11 and a submenu also calls page 11. If page 11 contains a frame with in it again the buttonpage, then clicking on the submenu will show the buttonpage twice: one time in frame A and one time in a part of frame B. On the other hand, if page 11 does not contain a frame with the buttonpage, then clicking on the main button will lead to the disapearance of the buttonpage (since the button replaces both frames A and B with page 11 which now does not contain the buttons)  
 
I solved this by making two versions of each page: One time as a single frame, and one time as a page with two frames, of which the first contains the buttonpage and the second frame contains the buttonless page (this seems to be a good idea anyway, it's a logical structure). Then I specified the buttonless page as target for the submenus (in menuscript.js) and the two-frame page as target for the main buttons (in the HTML piece within EWE). In this construction I have to change the HTML only once on the buttonpage and the target frame is the same everywhere (namely the second frame on page 0). Of course, this only works if you want to keep the frame with the buttonpage on the same placethroughout.
 
The solution with the anchor doesn't work yet for some reason.  Oh wait, that may be the thing with calling or not calling the parent that I saw elsewhere on this forum.
 
I found some solution to the problem that the submenus were not visible due to the frame borders. Well, of course they cannot cross the frame, that's why it is a frame. But I changed the position where the submenu is shown relative to the button. In the menuscript.js file there is a line
 
var xSubOffset = 116;
 
and I changed 116 into 0. Now the submenu is shown below the button. I also managed to increase the distance between the buttons. Within the 2nd HTML chunk (see previous post) there is a parameter vspace = "1"  and I changed 1 into 10.
 
So we can make submenus work, thanks to the support staff who was so kind to learn us a little HTML... And this was only the short way!
Thanks again,
Jules
Logged

Support Staff
YaBB Administrator
*****



Meow!

   
WWW Email

Gender: male
Posts: 1133
Re: navigation bars, menus
« Reply #13 on: Apr 26th, 2005, 4:12pm »
Quote Quote Modify Modify

Hi!
 
Only two things (that may help)
 
 
1) "the option with _blank didn't work for me because it opens a new window"
 
this is what it is supposed to do (_blank is for opening a new browser window) maybe we didn't understood your request
 
Other possible ids are
_top
_new
aniceframename
 
 
2) as for links to frames and parent (host) frames, I think you didn't noticed that EasyWebEditor automatically creates framed and non-framed pages available for most usages.
 
Example:
prefix_000003.htm is the framed page (host frames)
prefix-000003.htm is the master frame of page 3 (shown as page 3 within the previews)
 
(notice the difference, _ and the - )
 
 
good work
« Last Edit: Apr 26th, 2005, 4:12pm by Support Staff » Logged
Jules_Ellis

YaBB Junior Member
**



I love Visual Vision!

  
 
WWW Email

Gender: male
Posts: 16
Re: Question about Nav Bars
« Reply #14 on: May 1st, 2005, 7:58pm »
Quote Quote Modify Modify

Thanks again! The id _top was what I needed. I hope that I properly say this: It replaces the entire content of a window (and all frames within it) with another page (and all frames within it) without opening a new window. I have on the left side of each (framed) page a frame for navigation, and within that frame I always show the same (nonframed) page on which the buttons are shown. In the right frame I have the variable content. So if I replace the entire content of the window (i.e. both frames) with a new page (which also has two frames) then the left frame with the buttons is fixed all the time. That's what I wanted and this is what happens now. Thanks!
 
I did this by using the _top id and references the framed pages everwhere, i.e. both in the HTML piece for the BODY part that was inserted 'Within text' in EWE, and in the menuscript.js file. So in the HTML that was inserted 'Within text' I have
 
<a href= [icon of framed page] ... target="_top">
 
and in the menuscript.js file I have for example
 
subInfo[6][1] = new Array("Muziek","webpage_jules_el_000003.htm","_top");
 
With this, clicking on the main button and clicking on a submenu will both lead to the replacement of the entire framed page with another framed page.
 
So the process is converging. The only thing that still doesn't work are the anchors. With some submenus I want that the page is replaced (as is done now) and that, with the same click, the right frame (the one without buttons) jumps to an anchor. I tried this:
 
subInfo[3][2] = new Array("submenu title","framedpage.htm#a1","_top");
 
 
This doesn't work. Here a1 is an anchor in the page that is shown in the right frame of framedpage.htm. If I understand the menuscript.js file then this will write something like
 
<a href="framedpage.htm#a1" ... target="_top"
 
Is there something wrong with this? I get the correct page, with all frames, but the right frame does not jump to a1. One possibility could be this: elsewhere on this forum there is noted that a problem may occur after publishing with anchors because the parent frameset will be called. However, I've unchecked the option 'Avoid single frame' in the page properties, so this should not be the problem. A simple solution would of course be: not wanting the submenus to jump to frames.  And I can well imagine that this problem is due to the structure of the buttongenerator program and that it cannot be easily solved by the EWE support staff! So whatever your answer is: Thanks a lot for your efforts  
Logged

Pages: 1 2  Reply Reply, or ask/add more Notify of replies Notify of replies Send Topic Send Topic Print Print

« Previous topic | Next topic »


VisualVision main Web site
   Easy software tools from Visual Vision:
        
Visual Vision **User's** Forum (normal) » Powered YaBB 1 Gold - SP1!
YaBB © 2000-2001, XNull. All Rights Reserved.
This forum © 2001-2008 VisualVision and VisualVision Users