Behaviors and CSS misbehaving on library items

I've created a site that uses behaviors to create a NAV with
Pop-up menus. There are several categories and each category has
several products in it. The Categories and the products change so I
wanted to create a LIBRARY item out of the NAVmenu. The problem is
when the Library Item NAVmenu is created all the Pop-up behaviors
disappear. This would mean I have to re-input the Pop-ups a zillion
times. Also the CSS screws up. Any Ideas?

This is the code from a Library item?
Try this - create a new page, and drop an image on the page.
With the image
selected, use MODIFY | Library > Add Object to Library.
Name the Library
item you have just created, and then open it in DW. Look at
the code. You
should see -
1. No doctype
2. No <html>, <head>, </head>,
<body>, </body>, or </html> tag
3. Probably all you will see is something like this -
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<img src="..." width="..." height="...">
That says it all. The Library item is a simple code fragment
that will be
inserted within another page's code.
Now - if you are determined to stick with the FW pop-up
menus, you will
have to do some work to make a Library item. You will have to
externalize
the javsacript for the menus, and link to that external js
file in each page
of your site. Then you will have to remake your Library item
so that it
only contains the triggering images for the menu. It can be
done - see here
where I have done it -
http://www.great-web-sights.com/library4d.html
You will see several things as you look at that page. The
first is that
large chunk of javascript in the scrollable text area above
the menu -
that's the code that is written dynamically to each page as
it loads, and
it's one of the reasons why pages with these menus are
usually sluggish.
Also, if you look at the code on the page, you will see where
the library
item begins and ends. That's all of the code you should see
in the *.lbi
file. Finally, you will see how I have linked to the external
javascript
files to make this work.
Here's the tragedy here - you used these pop-ups because you
didn't know how
to do them yourself. Now look at the mess you are in....
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
==================
"evilcreativegenius" <[email protected]>
wrote in message
news:[email protected]...
> Thanks Ace. I guess I need to rethink my strategy here.
I'm dropping the
> ball.
> I'm new to coding. Here is a snippett from the code. The
complete bad page
> code
> is to big to send.
>
> <!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>Acoustic Guitar Dreadnoughts, Concerts,
Auditoriums and Jumbos by
> Timberline Guitars</title>
> <style type="text/css">
> 
> </style>
> <script language="JavaScript"
type="text/JavaScript">
> function mmLoadMenus() {
> if (window.mm_menu_0707234707_0) return;
> window.mm_menu_0707234707_0 = new
Menu("root",104,16,"Verdana, Arial,
> Helvetica,
>
sans-serif",10,"#000000","#FFFFFF","#CCCCCC","#6633FF","left","middle",3,0,1000,
> -5,7,true,true,true,0,true,true);
>
mm_menu_0707234707_0.addMenuItem("Dreadnought","location='#'");
>
mm_menu_0707234707_0.addMenuItem("Concert","location='#'");
>
mm_menu_0707234707_0.addMenuItem("Auditorium","location='#'");
>
mm_menu_0707234707_0.addMenuItem("Jumbo","location='#'");
>
mm_menu_0707234707_0.addMenuItem("12-string","location='#'");
> mm_menu_0707234707_0.addMenuItem("");
> mm_menu_0707234707_0.hideOnMouseOut=true;
> mm_menu_0707234707_0.bgColor='#555555';
> mm_menu_0707234707_0.menuBorder=0;
> mm_menu_0707234707_0.menuLiteBgColor='#FFFFFF';
> mm_menu_0707234707_0.menuBorderBgColor='#777777';
>
>
>
>
>
>
>
> window.mm_menu_0710034854_0_1 = new
Menu("Standard",130,16,"Verdana,
> Arial,
> Helvetica,
>
sans-serif",10,"#000000","#FFFFFF","#CCCCCC","#6633FF","left","middle",3,0,1000,
> -5,7,true,true,true,0,true,true);
>
>
mm_menu_0710034854_0_1.addMenuItem("AMS-E","location='models/ams_e.htm'");
>
>
mm_menu_0710034854_0_1.addMenuItem("AMS-C-E","location='models/ams-c-e.htm'");
>
>
mm_menu_0710034854_0_1.addMenuItem("ARG-C-E","location='models/arg-c-e.htm'");
>
>
mm_menu_0710034854_0_1.addMenuItem("AMS-7C-E","location='models/ams-7c-e.htm'");
>
>
mm_menu_0710034854_0_1.addMenuItem("ARG-7C-E","location='models/arg-7c-e.htm'");
>
>
mm_menu_0710034854_0_1.addMenuItem("AMS-8-E-EAS","location='models/ams-8-eas.htm
> '");
>
>
mm_menu_0710034854_0_1.addMenuItem("AMS-8C-E-EAS","location='models/ams-8c-eas.h
> tm'");
>
>
mm_menu_0710034854_0_1.addMenuItem("ARG-8C-E-EAS","location='models/arg-8c-e-eas
> .htm'");
> mm_menu_0710034854_0_1.hideOnMouseOut=true;
> mm_menu_0710034854_0_1.bgColor='#555555';
> mm_menu_0710034854_0_1.menuBorder=0;
> mm_menu_0710034854_0_1.menuLiteBgColor='#FFFFFF';
> mm_menu_0710034854_0_1.menuBorderBgColor='#777777';
>

Similar Messages

Library item and CSS

This is a multi-part message in MIME format.
------=_NextPart_000_006D_01C6ACBA.1BE3DB50
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
I need to build a CSS enabled navigation bar and make it a
library item =
in dreamweaver.
My question is I want to put the CSS code right above the
menu bar in a =
block of code that will all be included in the library code.
Can I do =
this with CSS without the <style> tags being placed in
the head of the =
page?
Thanks
Scott Powell
------=_NextPart_000_006D_01C6ACBA.1BE3DB50
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.2900.2912"
name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2>I need to build
a CSS enabled =
navigation bar and=20
make it a library item in
dreamweaver.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial size=3D2>My question is I
want to put the CSS =
code right=20
above the menu bar in a block of code that will all be
included in the =
library=20
code. Can I do this with CSS without the
<style> tags being placed =
in the=20
head of the page?</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial
size=3D2>Thanks</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>Scott
Powell</FONT></DIV></BODY></HTML>
------=_NextPart_000_006D_01C6ACBA.1BE3DB50--

This is a multi-part message in MIME format.
------=_NextPart_000_0387_01C6AD63.F7A6A920
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
>>>I need to build a CSS enabled navigation bar and
make it a library =
item in dreamweaver.
Why not make it a Server Side Include instead and avoid all
the =
maintenance hassles of Library items?
>>>My question is I want to put the CSS code right
above the menu bar in =
a block of code that will all be included in the library
code. Can I do =
this with CSS without the <style> tags being placed in
the head of the =
page?
Yes, by defining the styles inline but you're better off
setting up your =
CSS as a separate file then linking to it from the head of
the page.
--=20
Regards
John Waller
------=_NextPart_000_0387_01C6AD63.F7A6A920
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.2900.2912"
name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2>
<DIV><FONT face=3DArial
size=3D2>>>>I need to build a CSS =
enabled=20
navigation bar and make it a library item in
dreamweaver.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV>Why not make it a Server Side Include instead and
avoid all the =
maintenance=20
hassles of Library items?</DIV>
<DIV> </DIV>
<DIV><FONT face=3DArial
size=3D2>>>>My question is I want to =
put the CSS=20
code right above the menu bar in a block of code that will
all be =
included in=20
the library code. Can I do this with CSS without the
<style> tags =
being=20
placed in the head of the
page?</FONT></DIV></FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT><FONT face=3DArial =
size=3D2></FONT><FONT=20
face=3DArial size=3D2></FONT><FONT face=3DArial
size=3D2></FONT><FONT =
face=3DArial=20
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial size=3D2>Yes,
by defining the styles =
inline but=20
you're better off setting up your CSS as a separate
file then =
linking=20
to it from the head of the page.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial
size=3D2></FONT><FONT face=3DArial =
size=3D2></FONT><FONT=20
face=3DArial size=3D2></FONT><FONT face=3DArial
size=3D2></FONT><FONT =
face=3DArial=20
size=3D2></FONT><BR>--
<BR>Regards</DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV>John Waller</DIV></BODY></HTML>
------=_NextPart_000_0387_01C6AD63.F7A6A920--

Page persistence indicator and Library item

What is the best way to create page persistence indicators on
a
navigational array using div elements, in which the nav array
is stored
as a Library item and stretches across multiple Templates?
I am trying to follow the instructions as in this article:
http://www.communitymx.com/content/article.cfm?cid=F1394
However, this method uses template parameters wherein the
navigational
array is stored in the .DWT template file, and not in a
Library item
which stretches across Templates as in my situation. I am
looking for a
solution which will allow the Library to dynamically create
the
persistence indicators.
Oh, and also the nav array is made up of graphical elements
(not
text-based CSS) so the persistence needs to swap out
individual
graphical elements for each div.
Thanks, -CC

E Michael Brandt wrote:
>
>> Here's how you handle that - call the host and ask
them to server
>> parse ALL extensions on the site. Most will do this
(many are set
>> this way by default).
>
> Yep, I've done that in the past. But it may contribute
in part to what
> CC is referring to as lost time. Just trying to be
Solomonic.
>
Yes, this is exactly what I'm trying to say.
When I do a five page static site for a client who I know is
probably
going to make changes to universal elements once every year
(if that) it
really doesn't matter if I choose Library or SSI. Often I
will choose
Library items in this case, simply because they're easy to do
and I'm
used to doing things this way. And when I do have updates to
make?
Dreamweaver makes it a snap to update those Library items,
then compare
the changed files on the server. It can all be done in under
a minute.
SSI? Could have used that, too, but to preview the site I
either have to
set up a testing server environment or make the include live
before
showing the client. And I can't drag and drop the file from
the desktop
onto my browser, have to go through Dreamweaver. These may
not seem like
big deals (and may seem inefficient to some) but I manage
between 15-20
sites all through Dreamweaver, some requiring extensive
updates, many
requiring only a few tweaks quarterly, and I can tell you
that on the
sites I've built Libraries around, they take me maybe a few
additional
minutes longer to update than with the sites I've built with
SSI. It's
all about which sites make the most sense to build SSI or
Libraries around.
Of course the argument has been made: why not plan better in
advance to
use SSI in the first place when it may save you time in the
future? Good
point. However, again, the sites I choose to use Library
items versus
SSI were usually smaller sites, with no dynamic pages, etc.
And for
whatever reason I chose not to rename all my extensions to
SHTML ...
didn't want to jump through hoops setting up a testing server
environment ... or upload everything to FTP everytime I
changed the
include file just to preview the one pixel move I made on a
photo ...
and the client may see the include file live on his server
before I am
ready to demo the whole site, which is on version 4 at this
point ...
and now I have to change the path of the include on the
Template to a
new one so he doesn't see parts of version 3 ... and I don't
want to go
back to my client and ask for additional hours to call the
client's
dumb-*** hosting company to set up SSI that should already be
setup ...
don't have time to wait three hours for the webhosting
company to get
back to me with a "we're working on it" response ... and
we're already
overbudget due to that fancy CSS menu I already spent way too
much time
on and isn't looking quite right in IE6 still ... and I've
got to get
going on four other website updates before 6 PM ... it's now
5 PM ...
and I'm probably going to be up all night again.
Given all of that, I can't see why there appear to be so many
Library
hating comments on this thread. Reading through, it would
appear that
Library items are utterly useless -- which is just not the
case. I'm
surprised at the comments, actually, because the power in
Dreamweaver
lies in its ability to make the business of building websites
easier for
users with a wide range of skill levels, for almost any kind
of job.
Some of its tools (like Libraries) have overlap with SSI
perhaps to give
the user as many options as possible depending on
circumstance. Whether
one chooses to use Library items or SSI, the results are
often the same
in my experience, and I feel Libraries have even saved me
time in
situations where includes were simply not the wisest choice.
Who knows,
maybe it's because I've grown so used to them over the years
is why I
defend them so. But any rate, Libraries at least serve some
of us well.
-CC

No Behaviors with Library Items?

Created a library item and wanted to insert rollover images
for the items
but the behaviors menu is greyed out. Can you not use
behaviors on library
items? Do I have to delete the asset from the library, rework
the .html
file, and then recreate the library item?

> Can you not use behaviors on library items? Do I have to
delete the asset
> from the library, rework the .html file, and then
recreate the library
> item?
That's correct. All behaviors must be applied BEFORE the
library item is
created. A well-formed Library item cannot contain
<html>, <head>, or
<body> tags, and therefore has no place to put behavior
javascript or onLoad
events.
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
==================
"TxWebdesigner" <[email protected]> wrote
in message
news:f2f00h$il4$[email protected]..
> Created a library item and wanted to insert rollover
images for the items
> but the behaviors menu is greyed out. Can you not use
behaviors on
> library items? Do I have to delete the asset from the
library, rework the
> .html file, and then recreate the library item?
>

Extensions and Library Items

I want to apply a behavior - open browser window - to text in a Library Item. The options in the Behavior Panel are grayed out. Does that mean behaviors cannot be used in Library Items or am I doing something wrong?
Thanks for your help.

Hi, Jens,
Apply the behavior to your text. Save the the page where you have created the text and behavior. You will need to be using tagged text...<h1> or <p>, etc. for the program to have a tag in which to insert the behavior script. Saving the file inserts the associated script into the head of that document.
Select the text with the behavior and press the plus sign icon in the bottom of the Assets | Library Panel to create the Library Item.
When you insert the behavior-enhanced text on a new page as an instance of the Library Item, the behavior should ride along with it, also inserting its associated script into the head of the new document.
Z

Css and js in simple text items.

Portal 9.0.2.3
I've read in other threads that you can add javascript and css into simple text items by clicking the 'View HTML Source' checkbox and adding the js or css code.
When I do this then apply it the code that I have added disappears and therefore has no effect on the item.
Any ideas what I'm doing wrong?
Cheers,
Steven.

That's a known problem with the IE rich text editor that would require a fix from Microsoft. In 9.0.2.6 we allow you to disable the editor at the page group level as a workaround to this problem, but then all users have to enter plain HTML.
As an alternative, you can use the HTML portlet or a dynamic page portlet to enter script and other problematic HTML code. In 9.0.2.6, you can disable the editor for a page group that is used to maintain banners and nav bar, and then publish those pages as portlets.
Regards,
Jerry
PortalPM

Spry widget menu bar as a library item - problems

I created a spry vertical menu bar and made it a library item. The original works great, however when I insert the library item into its own div tag on another page, the submenus will not pop out, either in DW or the browser view. The div tag is the correct size and I made the z index high enough. Here is the code of the page that works properly:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>DM Consulting Dry Dock Training</title>
<link href="css styles/drydock2.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="header"><img src="images/header_title_white.png" width="645" height="116" alt="header" /></div>
<div id="logo"><img src="images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
<div id="mainContent">
    <div id="content">
      <p><span class="bolder1">D</span><span class="bolder1">M Consulting </span><span class="lineheight">provides Dry Dock Training, Dry Dock Conferences,<br />
        Dry Dock Software and Dry Dock Consulting      for:</span></p>
      <ul>
        <li class="lineheight"> Dock Masters</li>
        <li class="lineheight">Docking Officers</li>
        <li class="lineheight">Dry Dock Crews</li>
        <li class="lineheight">Engineers</li>
        <li class="lineheight">Naval Architects </li>
        <li class="lineheight"> Port Engineers</li>
        <li class="lineheight">Program/Project Managers</li>
        <li class="lineheight">Marine Surveyors</li>
        <li class="lineheight">Owners' Representatives</li>
        <li class="lineheight">On-site Representatives</li>
        <li class="lineheight">Consultants</li>
        <li class="lineheight">Others Involved or Interested in
          the <br />
          Dry Docking of Ships and Vessels</li>
      </ul>
      <div id="testimonials">"The course was excellent, straight forward and comprehensive. Instruction was great, expected <br />
        "death-by-power point" but was pleasantly surprised.
        I am better acquainted w/dry dock basics after the
        course and can trust the accuracy of the training
        based on the extensive experience of the instructors. Thank you!
        Very informative, very thorough."
          - David, Australia<br />
      </div>
      <div id="movie">
        <object width="560" height="340">
          <param name="movie" value="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" />
          <param name="allowFullScreen" value="true" />
          <param name="allowscriptaccess" value="always" />
          <embed src="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
        </object>
      </div>
      <div id="moreTestimonials">»»» click here for more testimonials «««</div>
      <div id="footer">© COPYRIGHT 2010 DM CONSULTING</div>
    </div>
    <div id="navbar">
      
      <ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
          <ul>
            <li><a href="#outline.html" title="Outline of our Training Course">General Information & Outline</a></li>
            <li><a href="#train_sched.html" title="Locations & dates of our Training Courses">Training Course Schedule</a></li>
            <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
            <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
          </ul>
        </li>
        <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
        <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
        <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
        <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
        <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
        <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
      </ul>
    </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Here is the code for the page that DOESN'T work:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Training Course Schedule</title>
<link href="../css styles/drydock2.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="header"><img src="../images/header_title_white.png" width="645" height="116" alt="header" /></div>
<div id="logo"><img src="../images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
<div id="mainContent">
    <div id="content">
      <h2><span class="bolder1">Training Course Schedule</span><span class="bolder1"></span></h2>
      <p><br />
      Class sizes are limited so please register early. Early registration and payment provides the best value.<br />
<br />
      </p>
<p class="underline"><strong>4-7 October 2010 •   Honolulu, HI, USA </strong></p>
      <div id="schedulephoto"><img src="../images/conference-rm_train_s.jpg" width="250" height="123" alt="image" /></div>
      <p>The training will be held in Pearl Harbor, Hawaii, USA. <br />
        <a href="Registration_Hawaii.html">Registration form</a><br />
        <br />
      </p>
      <p class="underline"><strong>15-18 November 2010   •   Virginia Beach VA, USA</strong></p>
      <p>The training will be held in Virginia Beach, Virginia, USA. <br />
        <a href="Registration_Virginia.html">Registration form</a><br />
        <br />
      </p>
      <p class="underline"><strong>11-14 May 2011 •   London, United Kingdom</strong></p>
        The training is held in conjunction with the Royal Institution of Naval Architects (RINA). Registration and payment will be made directly to RINA. <br />
        Visit RINA's <a href="http://www.RINA.org.uk" target="_blank">website</a> and go to "Events" or call +44 (0) 20 7201 2401.<br />
<br />
      </p>
      <p><strong>Your Location</strong></p>
      <p>Training tailored to your organization's needs, including training at your facilities, <br />
        is also available.    </p>
    </div>
    <div id="nav3">
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
        <ul>
          <li><a href="#outline.html" title="Outline of our Training Course">General Information & Outline</a></li>
          <li><a href="#train_sched.html" title="Locations & dates of our Training Courses">Training Course Schedule</a></li>
          <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
          <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
        </ul>
      </li>
      <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
      <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
      <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
      <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
      <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
      <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
    </ul>
    </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
I understand about having the script and link element that connect my page to the dependent files in the SpryAssets folder in the header and the JavaScript function cal at the bottom on each page. I don't know what else to do - HELP!

Welcome to the Dreamweaver world!
Well, having your index.html page at the top/root level is important, as that is the default page by which people will enter your site.
Having other pages in folders is fine...I do it all the time in order to keep departments or categories of information sorted.
One characteristic of having pages in folders is that the hierarchy of files in folders (perforce) puts them at different depths in the site.
This is not inherently a bad thing! Just one to remain aware of. When you look at your site files in the Files Panel, you can see a graphical representation of those different levels.
But the nature of a library item is that it is identical in all its instances, which is what makes it useful...change it in the library, and it changes site-wide. The down-side of that identity is that when your files are at different depths in the hierarchy, their links back to, say, home (or any other same file) will change depending on the depth. You can see this if you make a link on a page, then drag the page (in the Files Panel) to a different depth...say, into a folder when it started at root level, or vice versa. Check the link, and you will see that it automatically adapted to the new path.
Library items do not do that; they do not change, so some of your links will be 'wrong' when you refer to pages that have different paths than the ones originally set up in the library item... because of the change in hierarchy.
All this is, of course, reliant on your creation of the site in the first place, as defining the root folder's location on your computer gives Dreamweaver a starting point for handling (juggling?) all the location-information for your site's files.
Beth

How can I "search" for Library Items?

I am developing a site in flash and have over 800 Library Items. My problem is, I need to edit a portion of a Library Item and cannot find the Library Item, and NO, I did not delete the Library Item because when I go to preview or test the flash document, the Library Item is there in the movie. Is there any way to search for the Library Item? I am using Flash Professional 8..
Thank you.

I'm not sure how you would search for it if you don't know how to identify it. You should be able to doubleclick on the object on the stage to open it up for editing. When you do that, the stage area will display the library name of the object at the top of the stage border in a tab. Things are ordered alphabetically in the library, so if you know the library name of the object you should be able to narrow down where it is.

Deleting Library Items with Action Script

Is it possible to delete the library items at runtime?
I am loading b.swf in a.swf. After some time b.swf unloads and c.swf is loaded inside a.swf. Though the b.swf unloads but the library items of b.swf remain there and conflict with the library items of c.swf. c.swf has some items with the same name as in b.swf. c.swf shows the movieclips from the library of b.swf with similar name.
I think the best way would have been to load these assets externally instead of keeping them in the library if we want to destroy them at runtime. But, we have a large number of already constructed files. Ability to destroy the library items at runtime will also help maintain memory usage in limits.

If you have swf files in your library, that is not a good way to implement a design. You should load all swf content dynamically at run time. You cannot delete anything compiled into the file, such as library objects, as far as I know.

Changed a Library Item and now my CSS no longer works!

I am so frustrated I am almost in tears. I created a menu in a roughly 7 page website and used DW Library menu to put it on additional pages. Everything was working fine and then I changed a path to one of my links and hit the button to update the rest of the pages and that's when it happend. My CSS was gone, no longer applying to any of my menus. I created an additional CSS sheet just to style my menu and it worked fine up until I changed a frickin link to one my menu icons. Now my CSS sheets won't apply at all. I have no idea what has happened and why me changing the path of a link would void out my styles. Has anyone else had this happen? Suggestions are greatly appreciated. Thanks!

I don't want to rub salt into your wounds here, but why are you using Library Items for menus? That's what DW Templates are for.
http://www.smartwebby.com/web_site_design/dreamweaver_template.asp#1
Or better still, Server-Side Includes.
http://www.smartwebby.com/web_site_design/server_side_includes.asp
Shortcomings of Library Items: they cannot be inserted into the <head> tags of documents. Nor can they contain code that belongs in the <head> tags. Library items can only be inserted into the <body> tags.
My advice is to run your code through the online validation tools below and fix reported errors.
HTML - http://validator.w3.org/
CSS - http://jigsaw.w3.org/css-validator/
If you can't solve the problem yourself, upload page(s) and supporting files to a public web space you control and post the URL here.
Nancy O.

Using CSS instead of or with library item

I built my site using Dreamweaver 8. I used the design view
exclusively. I made a navigation bar as a library item. Utilizing
rollovers, etc. Now I have learned I should build my site utilizing
CSS and as was pointed out on this forum to me, to learn CSS and
HTML.
I am having a brain freeze. The logic escapes me as to how I
would build a navigation bar and put it on each page as I did
utilizing the library function before.
I am sure for all you pro's this is a really dumb and obvious
thing but I just don't seem to figure out the logic how to do it. I
am not talking about the CSS for the behaviors such as hover,
visited, active. This I know how to do. It is just the ability to
have a properly designed navbar and be able to put it on every page
I make.
Murry "ACE" told me not to use AP and the dreaded mm_menus so
I am trying to figure this out and build a better more code
efficient site. Mine works but is quite trashy in the code.

It can be a bit daunting.
Try going through this tutorial completely. It's a bit out of
date (using
an older version of DW), and still covers the use of tables,
but it's worth
reinforcing your basic understandings -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Then I would suggest you do this tutorial -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Finally, to get a grip on how to manage menus across an
entire site, use
DW's F1 help about how to use Templates, and server-side
includes.
Templates do make your life much easier. I use the following
scheme....
First, I mentally separate the page layout into three
sections:
1. Stuff that will not change for the life of the site (i.e.,
the basic
structural elements)
2. Stuff that *could* change from time to time (e.g.,
navigation elements,
burst advertisements, section-specific navigation, etc.)
3. Stuff that *will* change from one page to the next
Then I create a template containing all class1 elements. Next
I create
server-side include files containing all class 2 elements and
place them on
the template as needed. Note - some of the class 2 elements
may be
"section-specific elements", and their placement on the
template will be
subject to the next item. Finally, I insert editable regions
to cover the
class 3 items, INCLUDING the section-specific navigation.
This allows me to just cookie-cut the rest of the site. I
estimate that
even for fairly large sites, about 80% of my work goes into
planning and
creating this template file.
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
==================
"craigmini" <[email protected]> wrote in
message
news:[email protected]...
>I built my site using Dreamweaver 8. I used the design
view exclusively. I
> made a navigation bar as a library item. Utilizing
rollovers, etc. Now I
> have
> learned I should build my site utilizing CSS and as was
pointed out on
> this
> forum to me, to learn CSS and HTML.
>
> I am having a brain freeze. The logic escapes me as to
how I would build a
> navigation bar and put it on each page as I did
utilizing the library
> function
> before.
>
> I am sure for all you pro's this is a really dumb and
obvious thing but I
> just
> don't seem to figure out the logic how to do it. I am
not talking about
> the CSS
> for the behaviors such as hover, visited, active. This I
know how to do.
> It is
> just the ability to have a properly designed navbar and
be able to put it
> on
> every page I make.
>
> Murry "ACE" told me not to use AP and the dreaded
mm_menus so I am trying
> to
> figure this out and build a better more code efficient
site. Mine works
> but is
> quite trashy in the code.
>

Changing behaviors on library items

I currently have a header as a library item. The buttons all
have pop-up menus and I am trying to edit them. I used the help
through Dreamweaver and it said to open a page that contains the
library item and detach it - make the changes then re-save the
library sections. I tried that and when I click on the "Shoe Pop-up
Menu" on the behavior tab I get the following error message:
While executing inspectBehavior in Show Pop-up Menu.htm, the
followinf JavaScript error(s) occurred:
At line 492 of file "C:\Program Files\Macromedia\Dreamweaver
8\Configuration\Behaviors\Actions\Show Pop-up Menu.js"; TypeError :
T.update is not a function
Can anyone help with this? What does it mean?

A well-formed library item cannot have a behavior *in* it. It
can reference
a behavior with a call to it, e.g.,
<a onClick="MM_swapImage....
but it cannot actually CONTAIN a behavior. Why? Because that
would mean
that it would have to have <html>, <head>, and
<body> tags and Library items
just cannot contain those. Why? Because since a Library item
is inserted
into another page, if it contained those tags, they would
then be duplicated
on the other page.
So - your Library item is not well formed, i.e., it's broken.
> buttons all have pop-up menus
> and I am trying to edit them.
This is the worst possible situation. You have a broken
Library item, and it
contains an even more broken menu system. Is it too late to
reconsider
here?
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
==================
"TiffanyAdTrends" <[email protected]> wrote
in message
news:ed4inu$am9$[email protected]..
>I currently have a header as a library item. The buttons
all have pop-up
>menus
> and I am trying to edit them. I used the help through
Dreamweaver and it
> said
> to open a page that contains the library item and detach
it - make the
> changes
> then re-save the library sections. I tried that and when
I click on the
> "Shoe
> Pop-up Menu" on the behavior tab I get the following
error message:
>
> While executing inspectBehavior in Show Pop-up Menu.htm,
the followinf
> JavaScript error(s) occurred:
>
> At line 492 of file "C:\Program
Files\Macromedia\Dreamweaver
> 8\Configuration\Behaviors\Actions\Show Pop-up Menu.js";
TypeError :
> T.update is
> not a function
>
> Can anyone help with this? What does it mean?
>

Flash Pro CC to CS6 fla issue - Bad library items and new library items with unicode names

I've noticed a strange issue when opening fla files in Flash Pro CS6 that have been edited in Flash Pro CC. If there are library items in the fla with names that include symbols such as ">" or ".", unicode named symbols are created and the original symobls are unuseable. There are many symbols that cause the issue and the symbols just have to be a part of the name.
Steps to reproduce:
1) Create an fla file in Flash Pro CC.
2) Add a single movieclip to the library with a symbol name of ">".
3) Save the file.
4) Open the file in Flash Pro CS6.
Results:
Library contains 2 symbols, one named ">" and one named "&#062".
Expected:
There's one library symbol named ">".
After that double clicking the symbol named ">" will do nothing and instances of the symbol will have all their content removed.
This issue is breaking a JSFL script I wrote that loops the library items. When the script attempts to access item.layerCount the script errors out. My team is blocked from using Flash Pro CC in combination with Flash Pro CS6 because of this issue. The only good solution I can think of is to all switch to CC at the same time to avoid converting our fla files to CS6 from CC.
Any info on a fix for this issue would be appreciated.

The dialog you get when you open the FLA in CS6 is that new features may not be available in CS6 so you should save it to a new file to avoid corruption. There's no "save down" from CC to CS6 (yet). So opening the file in CS6 isn't advisable in the first place.
That said, library items are supported between them both so to your point, yes, I get the same exact behavior. A single symbol named ">" in CC produces 2 library items in CS6 named ">" and "&#062", and the original item is lost. Although I'm not sure where I'd classify this issue being you shouldn't be opening a newer version file from an older version of the application. I did also try XFL, same issue. If they decide to create a save-down to CS6 and this still exists, I'd consider it a bug.
As for a fix, I think about the only thing that comes to mind is identify the characters causing issues and run a JSFL in CC to rename the library item temporarily to something you know will work fine. Then once back in CS6, run the JSFL opposite to convert them back to what you want. e.g. "this > that" to "this XYZ that" in CC, then "this XYZ that" to "this > that" in CS6. Shouldn't be too hard to map as long as the replacement is unique.

Behaviors doesn't seem to work properly in library items.

I was trying add Open Browser window beahavior in a library item and it didn't work. I could set the event to "onClick" but the add behavior "+" was greyed out and I could not select anything because it would not open. Had to just go and copy and paste from another place and then change the urls. Even though the behavior now works when I click on the "gear" symbol to open the settings dialog box it wont open so I have to change it in code view.
How ever it works perfectly in HTML. Anyone else had this problem?
Have not tried any other behaviors.

I found this suggestion from Murry on a previous post to be a good rule of thumb:
The strategy you should use for your includes is "What markup COULD change?"
First, I mentally separate the page layout into three sections:
1. Stuff that will not change for the life of the site (i.e., the basic
structural elements)
2. Stuff that *could* change from time to time (e.g., navigation elements,
burst advertisements, section-specific navigation, etc.)
3. Stuff that *will* change from one page to the next
Then I create a template containing all class1 elements. Next I create
server-side include files containing all class 2 elements and place them on
the template as needed. Note - some of the class 2 elements may be
"section-specific elements", and their placement on the template will be
subject to the next item. Finally, I insert editable regions to cover the
class 3 items, INCLUDING the section-specific navigation.
http://forums.adobe.com/message/1876702#1876702
VL Branko

Saving Navigation Bar as Library Item with CSS working?

I have created a simple navigation bar with a separate color for "over" and saved it as a library item. A warning box indicates that the item may not work the same as the original as the CSS may not be copied. What is the simplest method for correcting this?

If your html docs are linked to an external stylesheet, they will get their styles from the CSS file.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
I highly recommend using server-side includes instead of Library Items for menus. A server-side include file is easier to maintain by editing one file and uploading it to your server. With Library Items you must make changes to the Library Item and then re-publish all pages containing that item.
SSI's
http://www.smartwebby.com/web_site_design/server_side_includes.asp
More on SSI
http://forums.adobe.com/message/2112460#2112460
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Behaviors and CSS misbehaving on library items

Similar Messages

Maybe you are looking for