Validation errors javascript navigation bar

I created a navigation bar using Dreamweaver CS3 wizard. I
got several error messages. After I replaced all the uppercase
letters with lower case, I had only one error message. I know
nothing about javascript and I may have messed something up.
Dreamweaver put the navigation bar in a table. I got rid of the
table and put it in div tags. I also moved the part that goes in
the head to an external sheet. Here is coding from the page:
quote:
<div id="mainNav">
<div class="buttons"> <a href="#" target="_top"
onClick="MM_nbGroup('down','group1','home','images/buttons/home2.jpg',1)"
onMouseOver="MM_nbGroup('over','home','images/buttons/home2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="home"
src="images/buttons/home2.jpg" border="0" alt=""
onLoad="MM_nbGroup('init','group1','home','images/buttons/home1.jpg',1)"
/></a> </div>
<div class="buttons"> <a href="javascript:;"
target="_top"
onClick="MM_nbGroup('down','group1','About','images/buttons/about2.jpg',1)"
onMouseOver="MM_nbGroup('over','About','images/buttons/about2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="About"
src="images/buttons/about1.jpg" border="0" alt="" onLoad=""
/></a></div>
<div class="buttons"> <a href="javascript:;"
target="_top"
onClick="MM_nbGroup('down','group1','support','images/buttons/support2.jpg',1)"
onMouseOver="MM_nbGroup('over','support','images/buttons/support2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="support"
src="images/buttons/support1.jpg" border="0" alt="#" onLoad=""
/></a> </div>
<div class="buttons"> <a href="javascript:;"
target="_top"
onClick="MM_nbGroup('down','group1','contact','images/buttons/contaqct2.jpg',1)"
onMouseOver="MM_nbGroup('over','contact','images/buttons/contaqct2.jpg','',1)"
onMouseOut="MM_nbGroup('out')"><img name="contact"
src="images/buttons/contact1.jpg" border="0" alt="" onLoad=""
/></a></div>
</div>

And the error messages:
quote:
Line 33, Column 302: there is no attribute "onload".
…/home2.jpg" border="0" alt=""
onload="MM_nbGroup('init','group1','home','imag
/Q]
If I may throw another javascript question in.... Dreamweaver
threw something into the body tag that appears to be preloading the
images
"<body
onload="MM_preloadImages('images/buttons/about2.jpg','images/buttons/support2.jpg','image s/buttons/contaqct2.jpg','../images/buttons/home1.jpg','../images/buttons/home2.jpg')">"
Can this be moved to the external sheet or is this the same
thing which is in the external sheet:
"function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a
.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
Thanks.

> I have a complex navigation bar created using
> javascript.
It should only take you a few weeks to discover what a bad
idea this is,
then.
> I need to make sure the links are not broken.
DW will not do this. Furthermore, if you rename or move a
linked file, you
will break that link, since DW cannot manage them either.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"KellyFaith" <[email protected]> wrote in
message
news:e3fpba$mh1$[email protected]..
> I'm relatively new to DW. I have a complex navigation
bar created using
> javascript. Is there a way I can check that there are no
broken links in
> the
> navigation bar? When I use the Link Checker, it does not
appear to check
> the
> links in the javascript. I need to make sure the links
are not broken.
>

Similar Messages

Error adding Navigation bar to Library

I've created a navigation bar that does not use a table, and
I want to add it to the Library, but when I attempt to do that, I
receive an error "Making this change would require changing code
that is locked by a template or a translator. The change will be
discarded", and although an item is created in the Library, there
is no code in the original document showing conversion to a Library
item. If I then try to insert this Library item into another page
into which another Library item, such as a copyright and last date
changed item, I receive the same error message as when I tried to
create the Library item in the first place. If I delete the
copyright/date changed Library item, then I can insert the
Navigation bar from the Library, and then I can reinsert the
copyright/date changed item, and everything appears to work.
Help!

If you are not using Templates, then we will have to see your
page and its
code. Can you post a link to one of these pages, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"tripap" <[email protected]> wrote in
message
news:g3htfp$nhd$[email protected]..
> This problem has nothing to do with templates. These are
pages that were
> created without use of templates, and I created a
copyright and update
> info
> item that I saved to the Library. All of the pages had
navigation bars,
> and I
> attempted to copy the Navigation bar from one of the
pages and save it to
> the
> Library. I was saved, but when the application attempted
to create the
> html
> text to replace the original code for the navigation bar
that had been
> saved to
> the Library, I got the error message. I had maybe five
other pages that
> all had
> the same copyright notice object from the Library, and
when I deleted the
> navigation bar from all of them and tried to insert the
version from the
> Library, I always received the same error message. Since
I could find
> nothing
> in the html code that would imply locking by a
translator or template, I
> started to eliminate items, including the Library items
that had been
> inserted,
> and when I deleted the copyright notice Library item,
then I could insert
> the
> navigation bar without an error. And then I could put
back the copyright
> notice
> object and everything worked. I'm running Vista
Ultimate, and I wonder
> whether
> there's anything related to Vista. I'm still quite
puzzled by what I've
> run
> into.
>

Display Error:Flash Navigation Bar

Hey guys. I've just started using Dreamweaver to create a website. I included a navigation bar that i created from scratch in Adobe Flash CS5.5. I have imported the file to my website in dreamweaver but when i try to preview the file in a browser like chrome i get this output:
http://www.freeimagehosting.net/61928
Any idea what is causing this problem? The .swf file runs fine when i preview it in dreamweaver itself( The Play option).

Actually no. Im guessing there are quite a lot.
There are only a few, but they could be deal breakers:
1. Some people do not have Flash players installed (for whatever reason)
2. Screen readers do not 'read' Flash, so your pages will be inaccessible to those using screen assistive devices
3. Search engine spiders may or may not be able to find your links within the Flash, with the potential downside that your site will appear to only have a single page in it.
Should I go on?
So i guess i should just scrap this and move onto a Javascript version then.
Your words, not mine! Just make sure that the javascript is only used cosmetically - there are javascript menus out there that embed the links in the javascript, and that will give you the same results as a Flash menu....
DW's built-in Spry menus do not do that, so check them out.

Calling javascript code from navigation bar

hi all,
I created a javascript in HTML HEADER as follows:
<script language="javascript" type="text/javascript">

</script>
then i want to call the javascript function from navigation bar
this is the page i want to call :
http://ora10g:7777/pls/apex/f?p=110:5
and this is the javascript calling
GO tO LINK
but where i have to write it ??
thanks in advance
Ahmed,

Try serving the page from a web server. Not directly from the
file system. For more background, see Vince Genovese's Security
Sandbox posting on the Flex Doc Team blog:
http://blogs.adobe.com/flexdoc/
HTH

Navigation Bar Error

Hi ,
I created a Navigation Bar of 'Element Type' - Categories and gave the 'Dispaly Mode' as Drop-down List . I attached this through the Navigation Bar Portlet in my Page.
When I try to submit the list by the Button 'GO' it gives me the following error :
Error : No page has been created for this Content Area (WWS-32141)
This Drop Down list works fine when I select Folders instead of Categories/ Perspective.
What could be the problem ?
Thanks.
regards
null

It depends on how you inserted it into Dreamweaver and how
you even exported it. There are multiple methods, so try a
different one....
but it pretty much appears that your js file has an important
variable missing a value. so look over all variables and make sure
they have values.

Javascript Problems with Navigation Bar

Hello,
The navigation bar created by iWeb uses Javascript. Javascript is turned off on some of the machines that will be visiting my site. Is there a way to tell iWeb to just create the navigation bar with simple html code instead of hand-jamming it into each page myself? Thanks.

Well yes, you can hide your nice navigation bar at the top of the page and create your own text based nav bar. It can look exactly the same as the other if you want it to - you can use the same text and get the same colour, so you can achieve exactly the same look as the other one that you have hidden and put it in exactly the same place. It is just that the one you create will be text based and don't forget to hyperlink your pages too.
I have never used the page template nav bars on my site as they just don't fit and most of the nav bars are at the top of the page anyway and as I have quite a few links on my site, this just does not work. It took me a long time to make my nav bar, as I did all the links individually to look like a drop down menu down the side of my site - I am glad I did though as I like the effect achieved.

Invoke javascript on validation error?

Is there any way to invoke some javascript when I get a form validation error?

I'm having problems with dynamic menus. I was getting that "value is not valid" error because my menus don't identically match the arraylist I initially provide them with in the backing bean. So I decided to just get around it with javascript.
Anyway I think I have found a solution using this as a guide:
http://balusc.blogspot.com/2007/12/set-focus-in-jsf.html

Navigation Bar OnClick JavaScript Problem

I tried to create a Navigation Bar to pop up a online help documentation. The sample application can be seen at
http://apex.oracle.com/pls/otn/f?p=27294:1
When I debugged the application, I found that the link of Help Navigation Bar points to "http://apex.oracle.com/pls/otn/f?p=27294:#:432121301146634::NO:::"
not as what I defined on OnClick JavaScript for the navigation bar. The Help Window won't pop up.
Please help. Thanks.

Have a look at the following post:
how to create a popup help page in html db

Can someone please help me make this Navigation bar in Javascript please

Hi I love this Navigation bar :   http://en.wordpress.com I have struggled trying to find tutorials or anything just to try and make it, If someone could make it, I would LOVE IT! I am finding it way to hard just to find help. So please could someone kindly help me out.   Thank you so much!

What exactly is it you like about that element? It's not really a navigation element, it's just a single link in a <header> tag -
<header class="wpcom-header" role="banner">
                    <div>
                              <h1 class="wpcom-title"><a href="//en.wordpress.com/">WordPress.com</a></h1>
                              <nav id="wpcom-navigation" class="main-navigation" role="navigation">
                                        <h3 class="menu-toggle">Menu</h3>
                                        <div class="menu-main-container">
                                                  <ul id="menu-main" class="nav-menu">
                                                            <li id="nav-signin"><a class="nav-highlight" href="#home-signin">Sign In</a></li>
                                                  </ul>
                                        </div>
                              </nav>
                    </div>
          </header>
It's styled with CSS to look the way it does.

ASP Javascript Validation Error -

Help!!!!
Hi, i would appreciate some help on the following validation
error i get the error is -
"The tag: "script" doesn't have an attribute: "runat" in
currently active versions.[XHTML 1.0 transitional]" - where the
code that i have used is -
"<script language="vbscript" runat="server">
function PreserveWhitespace(str)
tabStr =
chr(160)&chr(160)&chr(160)&chr(160)&chr(160)
str = Replace(str,chr(10),chr(10)&"<BR>")
str = Replace(str,chr(9),tabStr)
PreserveWhitespace = str
End Function
</script>"
I've used this code to ensure that the data returned from the
database is correctly formatted - however the validation error is
causing the site not to be w3c validated -
Appreciate the help --

.NET does not support VBScript. If your not using .NET, get
rid of the runat="server"

Validation errors with Horizonatal Menu Bar

Hello,
I am having validation errors and i think it may be a root cause of so layout issues I am having with this feature in IE 6. Here is some of the issues I am having, I can't figure out what I need to change to make this code vaildate, any suggestions? Here are the validation errors I have recieved.
Line 181,         Column 15:     ID "MenuBar1" already defined      <ul id="MenuBar1" class="MenuBarHorizontal">
✉
An "id" is a unique identifier. Each time this attribute is used in a document       it must have a different value. If you are using this attribute as a hook for       style sheets it may be more appropriate to use classes (which group elements)       than id (which are used to identify exactly one element).
Line 180,         Column 13:     ID "MenuBar1" first defined here    <ul id="MenuBar1" class="MenuBarHorizontal">
Line 181,         Column 50:     document type does not allow element "ul" here; assuming missing "li" start-tag      <ul id="MenuBar1" class="MenuBarHorizontal">
✉
Line 184,         Column 10:     document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag      <li><a href="index.html">home</a></li>
✉
The mentioned element is not allowed to appear in the context in which       you've placed it; the other mentioned elements are the only ones that       are both allowed there and can contain the element mentioned.       This might mean that you need a containing element, or possibly that       you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a       block-level element (such as "<p>" or "<table>") inside an       inline element (such as "<a>", "<span>", or "<font>").
Line 185,         Column 10:     document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag      <li><a href="scorpion.html" class="MenuBarItemSubmenu">products</a>
✉
The mentioned element is not allowed to appear in the context in which       you've placed it; the other mentioned elements are the only ones that       are both allowed there and can contain the element mentioned.       This might mean that you need a containing element, or possibly that       you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a       block-level element (such as "<p>" or "<table>") inside an       inline element (such as "<a>", "<span>", or "<font>").
Line 195,         Column 10:     document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag      <li><a class="MenuBarItemSubmenu" href="about.html">about </a>
✉
The mentioned element is not allowed to appear in the context in which       you've placed it; the other mentioned elements are the only ones that       are both allowed there and can contain the element mentioned.       This might mean that you need a containing element, or possibly that       you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a       block-level element (such as "<p>" or "<table>") inside an       inline element (such as "<a>", "<span>", or "<font>").
Line 203,         Column 10:     document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag      <li><a href="contact.html">contact </a></li>
✉
The mentioned element is not allowed to appear in the context in which       you've placed it; the other mentioned elements are the only ones that       are both allowed there and can contain the element mentioned.       This might mean that you need a containing element, or possibly that       you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a       block-level element (such as "<p>" or "<table>") inside an       inline element (such as "<a>", "<span>", or "<font>").
Line 204,         Column 10:     document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag      <li><a href="media.html">media</a></li>
✉
The mentioned element is not allowed to appear in the context in which       you've placed it; the other mentioned elements are the only ones that       are both allowed there and can contain the element mentioned.       This might mean that you need a containing element, or possibly that       you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a       block-level element (such as "<p>" or "<table>") inside an       inline element (such as "<a>", "<span>", or "<font>").
Line 205,         Column 9:     end tag for "li" omitted, but OMITTAG NO was specified    </ul>
✉
You may have neglected to close an element, or perhaps you meant to        "self-close" an element, that is, ending it with "/>" instead of ">".
Line 181,         Column 7:     start tag was here      <ul id="MenuBar1" class="MenuBarHorizontal">
Sense these are all related to the menubar I figure that is why it is giving me a box erxpanding issue.
Thanks in advance,
Cheers

Please post a link to your site.
Gramps

Validator Errors and the Fix

Hello
I need to understand the mistakes, apply the corrections.
I want to offer a basic page ( http://www.meherbabalibrary.com/babalist/list_g/list_g.html) and ask for assistance. It is without CSS, with Divs - a basic unpopulated page with navigation bar.
I ran this page through www.validator.w3g.com and validator found 18 errors.
To have explained a few mistakes that will give me an understanding. I need to understand the dynamics that are involved in correcting the mistakes so that I can apply the corrections on this page and other pages that have been created.
For example I have a series of errors on line 111:
<body leftmargin="5" topmargin="5" marginwidth="5" marginheight="5" onLoad="MM_preloadImages('../../buttons/bhr.gif','../../buttons/kkr.gif','../../buttons /dvdr.gif','../../buttons/cjr.gif','../../buttons/avr.gif','../../buttons/bsr.gif','../.. /images/shack/0_Shack_MBBks.jpg')">
<div id="pageContainer">
I see the validator has highlighted in red most of the quotes - and if I remove all quotes in red and then view the page in web browser most of line 111 is transformed into text. That experiment did not work.
However if I run validator as Group Error Message by Type those reds quote show "there is no attribute X". I don’t understand this.
On line 115 is another series of errors and again the ' " ' symbols are highlighted in red.
<a href="../../index.htm" target="_top" onClick="MM_nbGroup('down','group1','bhb','',1)" onMouseOver="MM_nbGroup('over','bhb','../../buttons/bhr.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="../../buttons/bhb.gif" alt="" name="bhb" width="120" height="41" border="0" onload=""></a>Th
I Googled the errors. I am unable to understand the errors and the appropriate method to fix the errors.
there is no attribute "onClick"
there is no attribute "onMouseOver"
there is no attribute "onMouseOut"
there is no attribute "onload"
end tag for "img" omitted, but OMITTAG NO was specified
Thanks for indulging this long query. To wrap up I see in a few lines the "You may have neglected to close an element" supported with 'end tag for "img" omitted, but OMITTAG NO was specified'.
Again I ran validator as ‘Group Error Message by Type’ the end tag for X omitted, but OMITTAG NO was specified". I hope this question isn’t too long as I really need to learn how to apply fix it routines after running the validator.
Thanks

You could eliminate many of your errors and code bloat if switched from image based menus to CSS styled text links.
Below is a quick example (no images required). Copy & paste this code into a new, blank page.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>

<style>
body {
width: 720px;
margin: 0 auto;
nav {
width: 720px;
margin:0 auto;
overflow: hidden; /*to control floats*/
nav ul { margin: 0; padding:0 }
nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 14px;
font-variant: small-caps;
font-weight:bold;
nav li a {
margin: 0;
display: block;
text-decoration: none;
color: #000;
width: 120px;
line-height: 2em;
text-align: center;
/**gradients for various browsers**/
background: rgb(232,240,175); /* Old browsers */
background: -moz-linear-gradient(left, rgba(232,240,175,1) 0%, rgba(232,240,175,1) 0%, rgba(162,218,178,1) 53%, rgba(150,218,209,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(232,240,175,1)), color-stop(0%, rgba(232,240,175,1)), color-stop(53%, rgba(162,218,178,1)), color-stop(98%, rgba(150,218,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(232,240,175,1) 0%, rgba(232,240,175,1) 0%, rgba(162,218,178,1) 53%, rgba(150,218,209,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(232,240,175,1) 0%, rgba(232,240,175,1) 0%, rgba(162,218,178,1) 53%, rgba(150,218,209,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(232,240,175,1) 0%, rgba(232,240,175,1) 0%, rgba(162,218,178,1) 53%, rgba(150,218,209,1) 98%); /* IE10+ */
background: linear-gradient(to right, rgba(232,240,175,1) 0%, rgba(232,240,175,1) 0%, rgba(162,218,178,1) 53%, rgba(150,218,209,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0af', endColorstr='#96dad1', GradientType=1 ); /* IE6-9 */
Color format: Comments IE9 Supp
nav li a:hover, nav li a:active, nav li a:focus {
text-decoration: underline;
background: #E8F0AF;
filter:none;
/**clear floats after nav**/
nav:after {
clear: left;
display: block;
</style>
</head>
<body>
<header><img src="http://www.meherbabalibrary.com/logos/Logo10.png" alt="logo" height="128" width="720"> </header>
<nav>
<ul>
<li><a href="#">Baba's Home</a></li>
<li><a href="#">Kalki's Kitchen</a></li>
<li><a href="#">DVD Selection</a></li>
<li><a href="#">Curator's Jive</a></li>
<li><a href="#">Advent Vault</a></li>
<li><a href="#">Baba Splash</a></li>
</ul>
</nav>
<h2>CSS Menu without images</h2>
<p>Simple to edit, no complex scripts or image swap behaviors, less code, easily indexed by search engines, translators and screen readers. </p>
</body>
</html>

Can't Modify Navigation Bar!

Okay, I've played with this for long enough...now I'm
desperate!
I have a template, which is based on another template, and I
have inserted a Navigation Bar. Works fine. BUT, when I try to add
more elements to the Navigation Bar, I get an error message:
"Making this change would requirechanging code that is locked by a
Template or a translator. The change will be discarded." and, as
promised, it promptly disregards all the work I just did. Does
anyone have any ideas? I'd really appreciate it.

Your method seems like it's the wrong approach.
It's easy to do with CSS or with javascript.
With CSS you would have a little stylesheet embedded in the
head of each
page that allows you to set the down state for any given
button (each button
would have a unique id - for example -
<a href="foo.html" id="button1">...<a
href="bar.html" id="button2">
and then your stylesheet would have this -
a#button1 {{ styles }
on one page, and on another this -
a#button2 {{ styles }
See how that works?
With javascript, put this in script tags in the head of the
document -
function P7_downImage() {{
var g7="<imagename>"
var g7url="<pathname>"
if ((g7=MM_findObj(g7))!=null) {{g7.src=g7url;}
and this on the <body> tag
onload="P7_downImage()"
Then on each page you would need to make two edits:
Set g7 to the *name* of the button (not the file name but the
HTML name -
e.g., "productsbutt"), and g7url to the pathname to the
button (e.g.,
"images/nav/button3.gif"), and bada bing, bada boom!
There is an excellent tutorial here -
http://www.projectseven.com/support/answers.asp?id=126
This will allow you to keep the navigation in non-editable
regions of the
template page....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"pflew" <[email protected]> wrote in message
news:elfp32$n1d$[email protected]..
>I finally solved my problem, which was I wanted to change
the down image
>for
> each of the buttons on the navigation bar when the page
associated with
> the tab
> was loaded. You cannot do this in a template via modify
/ navigation bar.
> You
> can do it using the tag inspector / behavours.
>
> Hope this helps
>

Navigation Bar with template

I'm administering a web site I inherited from someone else
who did not use templates as part of designing. Since I took over
in November 2005 I created a template and began to implement it
little by little on all the pages. I haven't done it to all of them
because I notice that the navigation bar dosen't work the same on
all pages.
home:
http://www.hostos.cuny.edu/cso
home page
working page w/out template:
http://www.hostos.cuny.edu/cso/resource_lab.asp
none working page w/ template:
none">http://www.hostos.cuny.edu/cso/StuJob_fairs.asp
none
working page[L=working page w/out template
I know he used javascript to do this but i'm not sure what
code is the one determineing the bar that is highlighted according
to where on the menu you click.
Thank you for your help.

sarahpeller wrote:
I'm creating a site in Dreamweaver 8. I've placed a navigation bar with roll-over images in the template for the site. In the navigation bar settings, I set the first button to link to "healing.html", second to "resources.html" etc. But when I preview this in my browser, the links are not working. I get this error message:
File Not Found
Firefox can't find the file at /Darwin/Users/sarah/Sites/amy_martin_pt/Templates/healing.html.
This directory looks correct except for the "/Templates" part. I didn't specify that the healing.html file was in a folder called "Templates". I don't know how to fix this or why Dreamweaver is automatically doing this.
Can anyone help?
As has already been said have you defined your site correctly at the outset? Site>New Site>Local Info etc?
Plus you are correct your pages should be in the site root folder NOT the templates folder. Only .dwt files should reside in that.
I assume that you have saved the template to your defined site folder and created a new page from the template and saved that?

How can I use my Html/CSS Navigation bar to control an Edge Stage?

I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage.
Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
sym.play("home");
and animate a 6000px width symbol across my 1000px stage in 1000px increments.
I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
Many thanks to anyone who can help with this!
Here is the code for the navbar:
<div id="menu"><ul class="block-menu">
                    <li><a href="/home" class="three-d">
                              Dynamic
                              <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                    </a></li>
                    <li><a href="/demos" class="three-d">
                              Work
                              <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                    </a></li>
                    <li><a href="/deals" class="three-d">
                              Blog
                              <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                    </a></li>
                    <li><a href="/about" class="three-d">
                              Profile
                              <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                    </a></li>
        <li><a href="/about" class="three-d">
                              Contact
                              <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                    </a></li>
          </ul>
<span class="block-menu"></span></div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
          <title>Untitled</title>

    <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-57204389 { visibility:hidden; }
              .block-menu {
                              display: block;
                              background: #000;
                    .block-menu li {
                              display: inline-block;
                    .block-menu li a {
                              color: #fff;
                              display: block;
                              text-decoration: none;
                              font-family: 'Passion One',Arial,sans-serif;
                              -webkit-font-smoothing: antialiased;
                              -moz-font-smoothing: antialiased;
                              font-smoothing: antialiased;
                              text-transform: uppercase;
                              overflow: visible;
                              line-height: 20px;
                              font-size: 24px;
                              padding: 15px 10px;
                    /* animation domination */
                    .three-d {
                              -webkit-perspective: 200px;
                              -moz-perspective: 200px;
                              perspective: 200px;
                              -webkit-transition: all .07s linear;
                              -moz-transition: all .07s linear;
                              transition: all .07s linear;
                              position: relative;
                              .three-d:not(.active):hover {
                                        cursor: pointer;
                              .three-d:not(.active):hover .three-d-box,
                              .three-d:not(.active):focus .three-d-box {
                                        -moz-transform: translateZ(-25px) rotateX(90deg);
                                        -webkit-transform: translateZ(-25px) rotateX(90deg);
                                        -o-transform: translateZ(-25px) rotateX(90deg);
                                        transform: translateZ(-25px) rotateX(90deg);
                    .three-d-box {
                              -webkit-transition: all .3s ease-out;
                              -moz-transition: all .3s ease-out;
                              -ms-transition: all .3s ease-out;
                              -o-transition: all .3s ease-out;
                              transition: all .3s ease-out;
                              -webkit-transform: translatez(-25px);
                              -moz-transform: translatez(-25px);
                              -o-transform: translatez(-25px);
                              transform: translatez(-25px);
                              -webkit-transform-style: preserve-3d;
                              -moz-transform-style: preserve-3d;
                              -ms-transform-style: preserve-3d;
                              -o-transform-style: preserve-3d;
                              transform-style: preserve-3d;
                              pointer-events: none;
                              position: absolute;
                              top: 0;
                              left: 0;
                              display: block;
                              width: 100%;
                              height: 100%;
                    .front {
                              -webkit-transform: rotatex(0deg) translatez(25px);
                              -moz-transform: rotatex(0deg) translatez(25px);
                              -o-transform: rotatex(0deg) translatez(25px);
                              transform: rotatex(0deg) translatez(25px);
                    .back {
                              -webkit-transform: rotatex(-90deg) translatez(25px);
                              -moz-transform: rotatex(-90deg) translatez(25px);
                              -o-transform: rotatex(-90deg) translatez(25px);
                              transform: rotatex(-90deg) translatez(25px);
                              color: #FFE7C4;
                    .front, .back {
                              display: block;
                              width: 100%;
                              height: 100%;
                              position: absolute;
                              top: 0;
                              left: 0;
                              background: black;
                              padding: 15px 10px;
                              color: white;
                              pointer-events: none;
                              -moz-box-sizing: border-box;
                              box-sizing: border-box;
    </style>

</head>
<body>
<div id="menu"><ul class="block-menu">
                    <li><a href="/home" class="three-d">
                              Dynamic
                              <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                    </a></li>
                    <li><a href="/demos" class="three-d">
                              Work
                              <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                    </a></li>
                    <li><a href="/deals" class="three-d">
                              Blog
                              <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                    </a></li>
                    <li><a href="/about" class="three-d">
                              Profile
                              <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                    </a></li>
        <li><a href="/about" class="three-d">
                              Contact
                              <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                    </a></li>
          </ul>
<span class="block-menu"></span></div>
<div id="Stage" class="EDGE-57204389">
</div>
</body>
</html>

I've come across this from the Edge API:
Edge.getComposition(compId)
Anyone having trouble with this same issue should try this:
var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
   targetComp.getStage().play();
in their trigger or event handler.
How I got it to work:
<li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
   targetComp.getStage().play();" class="three-d">
                              Dynamic
                              <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                    </a></li>

Validation errors javascript navigation bar

Similar Messages

Maybe you are looking for