Nav Atrribute change

I'm trying to make an attribute navigational. Once I do the relevant change in the infoProvider, the update rules become inactive. Do I simply activate them or do I have to upload the data again.
Thanks
Fran

Reference char is an InfoObject characteristic that has been created based on another existing char. This new char does not have its own master data...it is like another instance of the object. There are a lot of example of reference chars in the system...take a look at this link:
http://help.sap.com/saphelp_nw04/helpdata/en/ff/f470375fbf307ee10000009b38f8cf/content.htm
If you need another example, post back.
What you identify in the MP depends on your reqt..do you want the resp_cttr info as coming in the transaction, or do you want it from master data of the Order...
Hope this helps...

Similar Messages

CS6 #nav links change hover background color based on its position in series

First post from a complete DW CS 6 novice on Win7. Not knowing JavaScript or JQuery, I thought I would add simplest animation to a website navigation based on the two col fixed header footer design. The navigation links on the left <sidebar1> have been increased to 24, with a common link background in the default state. When the cursor is passed over the links they would change background color to one of five given in the image placed in the jpeg image loaded as the 1st list item. The image itself only acts as a color key to the five catagories of links directly below it, and is not hyperlinked. The idea is that someone looking for new tools would need to hover down the nav links and only be concerned with the Yellow background ones, even if they appear in any random position down the list. To give each link a color to start with would make <sidebar1> appear too colorful.
I have David Powers' two dvd titles and was thinking of using a nth-of-type() . It does not work. Perhaps there are two sets of colons required ( a:hover:nth-of-type(4), a:active:nth-of-type(4) {background-color:#f00;} ). There is surely a way that would work but I do not know enough of DW and CSS at present to figure this out.
Many thanks.

I don't what menu system you're using, but you might be able to create some CSS classes to use in your menu like so:
<ul>
<li>a href="some-link.html" class="about">about link</a></li>
<li>a href="some-link.html" class="new">new link</a></li>
<li>a href="some-link.html" class="new_proc">new procedures link</a></li>
<ul>
CSS:
li a.about:hover {background-color:gray}
li a:new:hover {background-color:forestgreen}
li a:new_proc:hover {background-color:lawngreen}
and so on...
Nancy O.

Propogating Nav Menu Changes

Does anyone know how to make changes to Nav Menus propogate
throughout my entire site? If I want to add a section to my site,
how can I make the change once to the menu and trickle it out to
the 40 .html pages on my site. Otherwise I have to copy and paste
the new Nav Menu to every .html page. This is easy in MS Publisher,
Drupal and other programs. Why is this not obvious in DW? What am I
missing here? Thanks.

Server Side Includes (SSI) or a DW template would accomplish
your purpose.
"mtbresource" <[email protected]> wrote in
message
news:gd5ogj$79f$[email protected]..
> Does anyone know how to make changes to Nav Menus
propogate throughout my
> entire site? If I want to add a section to my site, how
can I make the
> change
> once to the menu and trickle it out to the 40 .html
pages on my site.
> Otherwise I have to copy and paste the new Nav Menu to
every .html page.
> This
> is easy in MS Publisher, Drupal and other programs. Why
is this not
> obvious in
> DW? What am I missing here? Thanks.
>

Changing content on click

I have a nav bar on the side, and when the user clicks on a link, the nav content changes. here is my code:
$('#allNav').click(function() {
        $("#allTitle").html("My Files");
        $("#allTitle").load("http://mysite.com/getFiles.php");
        $("#navPane").html("<li><div id='allNav'><strong><a href='#'>~All</a></strong></div></li><li><div id='photoNav'><a href='#'>~Photo Gallery</a></div></li><li><div id='docsNav'><a href='#'>~My Documents</a></div></li></ul> ");
    $('#photoNav').click(function() {
        $("#allTitle").html("Photo Gallery");
        $("#navPane").html("<li><div id='allNav'><a href='#'>~All</a></div></li><li><div id='photoNav'><strong><a href='#'>~Photo Gallery</a></strong></div></li><li><div id='docsNav'><a href='#'>~My Documents</a></div></li></ul> ");
    $('#docsNav').click(function() {
        $("#allTitle").html("My Documents");
        $("#navPane").html("<li><div id='allNav'><a href='#'>~All</a></div></li><li><div id='photoNav'><a href='#'>~Photo Gallery</a></div></li><li><div id='docsNav'><strong><a href='#'>~My Documents</a></strong></div></li></ul> ");
<li><div id="allNav"><strong><a href="#">~All</a></strong></div></li>
<li><div id="photoNav"><a href="#">~Photo Gallery</a></div></li>
<li><div id="docsNav"><a href="#">~My Documents</a></div></li>
</div>
When i click on one link, everything works fine. then after that, it no longer works when you click on another link in the nav menu.

here is an example: http://jsfiddle.net/k7p2u/
when you click on a different link, the nav content changes. but when you click on another one, nothing changes anymore.

Template Expressions in Library Items?

Hi All,
The quick question is this: can template expressions be made
to work inside library items?
Here’s the situation…
The page:
http://www.fretbank.com/basics/intervals/index.html
I have a 3-tier template structure in place – 1-Root,
2-General Page Structure, 3-Topic Categories.
If you look at the page, I have buttons below the header that
point to different topics. Each topic has several pages. All of the
pages from each topic are child-pages from a specific Tier-3
template.
The buttons use template parameters/expressions on the Tier 3
temp. to determine the state of the button.
I currently have to copy the code for the button nav into
each topics template and any changes have to be made in each
template. I am going to be adding many more topics and want to find
a shortcut. I guess I could make a 4th template tier and have each
of the category templates be children of that, but I’m hoping
to avoid this. It would be easiest to be able to make a library
item and paste it where I need.
I thought about using SSI’s but that wouldn’t
work with the expressions. Any other suggestions?
Thanks,
Troy
here's the code if it helps:

> Is having the link outside the div a problem in older
browsers?
It's invalid HTML. That's enough for me. And I suspect it
would be a
problem somewhere, as you are trying to make the entire
<div> tag a link.
> This allows me to only have to change each of these nav.
elements on one
> page.
I would opt for a single template structured so that changes
to CSS could
'specify' the particular section layout. Then I would choose
server-side
includes for the navigation elements, and place them into
strategically
placed editable regions of the single template, depending on
which section
you are needing to navigate.
Having only a single template is not only possible, it's MUCH
simpler than
nesting them.
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
==================
"Fret Man" <[email protected]> wrote in
message
news:[email protected]...
> Thanks for the reply Murray.
>
> A couple clarifications and questions. Sorry for the
length, but I felt it
> was
> better to be clear than concise.
>
> I am using nested templates.
>
> Since I posted the topic, I have changed my structure a
bit, trying to
> find a
> balance between flexibility and work load.
>
> I have a root template with has headers and common
includes.
>
> From the root template I nest multiple MAIN CATEGORY
templates for primary
> areas of the site. These templates contain the nav
buttons just below the
> header.
>
> From the MAIN CATEGORY temps I nest several SUB CATEGORY
templates for
> each
> topic in the category, which contain the code for the
"Quick Nav" box at
> the
> bottom of the page.
>
> The individual pages of the site are then built from the
sub category
> pages.
> The reason for all of the nesting is this: The MAIN
CATEGORY temps contain
> the
> code for the nav buttons and are built using temp.
expressions that look
> to a
> main category param on each of the sub category pages.
Depending on the
> param., the button that corresonds to which Main
Category you are in will
> be
> black (via CSS class)
>
> One the sub cat. temps the Quick nav link relative to
which page you are
> on
> will be black (also via CSS class)
>
> This allows me to only have to change each of these nav.
elements on one
> page.
> All of the different MAIN CAT. temps allow me to focus
advertising based
> on
> the subject. Maybe there is a better way to populate the
ads to different
> categories that I am not aware of? Is there a way to
have the button/links
> reflect the category/page you are on using only CSS? I
don't want to have
> to
> copy and paste changes to multiple pages when the
nav/topics change.
>
> ****
> I put the <a> tags inside the <div> tags,
based on multiple people telling
> me
> that I shouldn't do it the other way around. I hadn't
encountered any
> problems
> and liked that the whole button became a link. Is having
the link outside
> the
> div a problem in older browsers? I tested it this way in
IE7, Firefox2.0,
> Safari, and Opera, and it worked.
>
>

Troubleshooting Tables

I am creating a site in dreamweaver using templates and tables. I have created a table, 2 rows and 2 colums, in which my header is on the top. On the bottom left I have created a nav bar by splitting the cell into 2 columns then into several rows, which I have created links for each page. My main content is on the bottom right cell.
My problem is that when I insert content in the cell, my top row in my nav bar moves. How do I insert my main content without my nav bar changing?
Thanks
Nick
Below is my HTML Code for my template page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled Document</title>



<style type="text/css">

</style>
</head>
<body>
<p> </p>
<table width="700" border="0" cellspacing="0" cellpadding="0">

    <tr>
      <td colspan="2"><img src="/WORLD_MUSICAL_TALENT_FORUM2.jpg" width="700" height="125" align="absmiddle"></td>
    </tr>
    <tr>
      <td width="150" height="45" align="center" valign="middle" bordercolor="#0000FF" class="style1"><div align="center"><strong><a href="/index.html">Home</a></strong></div></td>
      <td width="550" rowspan="22" align="left" valign="top"></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle"><a href="/Classifieds.htm">Classifieds</a></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Our_Beginning.htm">Our_Beginning</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Newsletter.htm">Newsletter</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/World_Instruments.htm">World_Instruments </a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Music_Theory.htm">Music_Theory </a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Music_History.htm">Music_History</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Music_History_2.htm">Music_History_2</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Nick's_Music.htm">Nick's_Music</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/World_Music.htm">World_Music</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Music_Technology.htm">Music_Technology</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Music_Composition.htm">Music_Composition</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Musical_Terms.htm">Musical_Terms</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Affiliates.htm">Affiliates</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Children%27s_Songs.htm">Children's Songs </a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Music_Lessons.htm">Music_Lessons</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center">Tell_a_Friend</div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Forum.htm">Forum</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Live_Chat.htm">Live_Chat</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><div align="center"><strong><a href="/Musical_Guestbook.htm">Musical_Guestbook</a></strong></div></td>
    </tr>
    <tr>
      <td height="45" align="center" valign="middle" bordercolor="#FF0000" class="style1"><a href="/Contact_Me.htm">Contact_Me</a></td>
    </tr>
    <tr>
      <td height="4506" align="center" valign="middle" class="style1"><div align="center"></div></td>
    </tr>
</table>
<p> </p>
</body>
</html>

My problem is that when I insert content in the cell, my top row in my nav bar moves. How do I insert my main content without my nav bar changing?
I agree completely with John, but if you want to stick with tables, then get rid of the col- and rowspans (merging and splitting cells)! Read this - http://www.apptools.com/rants/spans.php
You could just have a two cell, one row table. The image at the top would not even need to be in the table - put it before the table's code. In the left cell, nest a new table for your vertical navigation, and put your content in the right cell.
That way, the shape changes of the two tables are 'insulated' from each other....
But give an effort to moving away from complex table convolutions like this!

Flexconnect Radius Server Overwrite interface Question

Hello All,
Can someone confirm/comment on the following:
In a flexconnect scenario, for site 1, i would like to source the radius requests to a remote radius (at the flexconnect site 1). as i can understand i need to enable the RAdius Server Overwrite interface option. Is that all?
Also, for flexconnect sites X this can also be done per WLAN X configuration.
Is this correct?
Thanks

Hi pana,
Answers below :
Meaning that, even if i configure the Flexconnect groups with local authentication, then how does the Flexconnect ap reach the local radius?
When you are working with local authentication, the AP will communicate with the local RADIUS Server using the local routing in the branch office without the 802.1X traffic being sending to the WLC......the AP will communicate directly to the local radius server using it IP address and the local routing. (This communication is transparent if you see from the WLC because the WLC will not intermediate the authentication between the client and RADIUS, who will intermediate is the AP. The WLC will receive informations when the AP is in connected mode about the client and the authentication method and etc after the user was authenticated).
Example :
RADIUS SERVER
WLC ----SWITCH L3------ROUTER----(MPLS Link)-----ROUTER---SWITCH L3---AP
The WLC continues managing the Access Point but will not"talk" to the RADIUS Server, who will "talk" to the RADIUS Server is the AP in the branch office using the SWITCH L3 (Asumming that you have the RADIUS in one network and the AP in another network in the same branch office)
Understand now ?
As i can understand, in a local switching/local authentication scenario the Flexconnect ap can only map a WLAN to local VLAN( route-able network on the remote site) that serves for the users-data plane. Then in conjunction with the radius server override option, how can this FlexconnectAP send requests to the local radius? I can only suppose that it will do so using the users locally mapped VLAN/WLAN but i cant reference this anywhere.
The AP will only send the requests do the local radius only if you configure the FlexConnect Local Auth and FlexConnect Group. Enabling this option the AP will use it IP Address to communicate with RADIUS without the WLC intermedianting this communication.
Without the FlexConnect Local Auth enable in the WLAN the AP will continue directing the 802.1X requests to the WLC and the WLC will send to the RADIUS Server and in this situation if you enabled the radius overwrite interface the WLC will try to reach the RADIUS Server using the WLAN interface and not the management the interface. (You do not need the radius overwrite interface option to work with Local Auth if you want to use the AP as a Authenticatior, you only use this interface if you want that the WLC with central authentication direct the 802.1X authentications to the RADIUS)
One information about the VLAN/WLAN is really mapped statically but you can manipulate it using the RADIUS Atrributes, changing the VLANs from the USERs based in the AD Group and after the authentication. It can work in local auth scenario or central auth scenario.
http://www.cisco.com/c/en/us/td/docs/solutions/Enterprise/Mobility/emob73dg/emob73/ch7_HREA.html#pgfId-1103070
I hope it helps and if not helps i think i am not understanding the real question.

Using variables across timelines help

I wonder how can I use this code for a nav to change over and out states.
This line of code works.
sym.getComposition().getStage().getSymbol("Section2").getSymbol("map_Popups").getSymbol("U SA").play("Over");
I try to save each country into a variable but doesn't work.
sym.setVariable("current2", "USA");
sym.getComposition().getStage().getSymbol("Section2").getSymbol("map_Popups").getSymbol(current2).play("Over");

You now need a getVariable() in order to read it. Try this:
sym.setVariable("current2", "USA");
// get the variable
var newCountry = sym.getVariable("current2");
sym.getComposition().getStage().getSymbol("Section2").getSymbol("map_Popups").getSymbol(ne wCountry).play("Over");

Adding / modifying commit actions using jclient/swing for bc4j - JUNavBar

I'm trying to add some custom code to perform when I hit commit on my form.
<btw> I'm using jdeveloper 9.0.4 and am working on a jclient/Swing form.
I am using the default hiddenJUNavigationBar with the project.
For starters I am just trying to get
System.out.println ("It works");
to work for whenever I perform a Commit. I placed this code in the following place
private void commit_action(ActionEvent e)
System.out.println("It works");
hiddenNavBar.doAction(JUNavigationBar.BUTTON_COMMIT);
This work for 2 of 3 areas. It works when selecting commit from the menu, and when pressing Alt-C (by using default code), but it does not work when pressing the commit icon.
I have done some toying around with my own button and I have gotten the button to perform the commit by using the following
hiddenNavBar.getButton(JUNavigationBar.BUTTON_COMMIT).doClick();
But I would really like for it to work with the default nav bar /buttons.
Is there any way to do this? A few years back using "infobus" we used
navBar.addVetoableNavigationBarButtonClickListener() but things have obviously changed.
Thanks,
John

Ok, I added a my own button to the nav bar and when it is pressed I can run
my code and then call a regular commit by using:
navBar.getButton(JUNavigationBar.BUTTON_COMMIT).doClick();
after executing my code.
So my only questions now are:
1. can I emulate how the default nav bar changes icons (greys out) when there is no record updates eligible to be committed. I know how to set the icons differently for enabled and disabled. Can I get to the row State or something here?
2. Is it possible to just disable the default commit button but not the rollback button. I see in jdeveloper you can turn them both off (remove them), but I would like to keep the rollback button. I wouldn't mind keeping the commit (to view), but not allow it to function, just as a test to make sure my custom button works the same as it.
Thanks,
John

Additional Navigation

Another newbie question....(no coding experience)
On my new (first) site I have inserted a navigation bar. It's
my understanding that DW alllows me to "insert" only 1 nav bar from
the insert menu.
I looked at the code for the buttons and found this:
<td><a href="symptoms.html" target="_top"
onclick="MM_nbGroup('down','group1','symptons','',1)"
onmouseover="MM_nbGroup('over','symptoms','Buttons/symptomsover.jpg','',1)"
onmouseout="MM_nbGroup('out')"><img
src="Buttons/symptomsup.jpg" alt="" name="home" width="123"
height="27" border="0" id="home" onload=""
/></a></td>
Can I use this code for other navigation buttons that I place
in areas different from the inserted nav bar (changing, of course,
the path and names of each)
Thanks for anyone's help....David Bird

Now that you've used it, don't. The navbar function is an
outmoded antique,
that should have been removed from DW several versions ago.
It was
originally designed to work with frames. It still 'works' but
parts of it
do not. Plus, in addition to the non-workie code, you get
nothing that
simple image swaps wouldn't also give you. So, to create your
menu, place
your images on the page, and just use DW's Swap image
behavior to give you a
rollover for each. It's simpler, and actually better.
> Can I use this code for other navigation buttons that I
place in areas
> different from the inserted nav bar (changing, of
course, the path and
> names of
> each)
Using my suggested method, this kind of thing will be no
problem.
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
==================
"mobirdman" <[email protected]> wrote in
message
news:fjua80$d69$[email protected]..
> Another newbie question....(no coding experience)
>
> On my new (first) site I have inserted a navigation bar.
It's my
> understanding
> that DW alllows me to "insert" only 1 nav bar from the
insert menu.
>
> I looked at the code for the buttons and found this:
>
> <td><a href="symptoms.html" target="_top"
> onclick="MM_nbGroup('down','group1','symptons','',1)"
>
onmouseover="MM_nbGroup('over','symptoms','Buttons/symptomsover.jpg','',1)"
> onmouseout="MM_nbGroup('out')"><img
src="Buttons/symptomsup.jpg" alt=""
> name="home" width="123" height="27" border="0" id="home"
onload=""
> /></a></td>
>
> Can I use this code for other navigation buttons that I
place in areas
> different from the inserted nav bar (changing, of
course, the path and
> names of
> each)
>
> Thanks for anyone's help....David Bird
>

Aggregtae has fragmented structure

atrribute change run took around 1hr and the log for one of the aggregte100014 was like this
what may be the reason for taking lon time?
Aggregate has fragmented structure
Block 1: From SID 22006001 to SID 22006001 (with ChangeID = 0)
Block 2: From SID 22006002 to SID 22006002 (with ChangeID = 0)
Block 3: From SID 22006003 to SID 22006003 (with ChangeID = 0)
Block 4: From SID 22006004 to SID 22006004 (with ChangeID = 0)
Block 5: From SID 22006005 to SID 22006005 (with ChangeID = 0)
Aggregate 100022 (ZSR_SA) rebuilt in 750 seconds
New records in aggregate 100014 (estimated): 0 (0.00 %) -> keep indexes
Aggregate 100014 (100022) rebuilt in 21 seconds
New records in aggregate 100018 (estimated): 0 (0.00 %) -> keep indexes.
Edited by: sudeer kumar on Mar 17, 2008 12:17 PM

I think they must update the template for each version of Dreamweaver that comes out.
In CS4 its this structure:
<div id="sidebar1">
    <h3>Sidebar1 Content</h3>
    <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if it will always contain more content. </p>
    <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
</div>

Problems understanding CSS

I have an accordion style navigation bar. It can be viewed at
www.jeffcooperdesign.co.uk/slashdot.
Not all of the menus have submenu content. Home, About Us,
Dates and Prices and Bookng Form need to go directly to the
relevant page. How can I make these pages a link whilst keeping the
style (bold, white text on Blue background) exactly as it is?
Currently when I make them a link they change to the style of the
links in the submenus
Thank you for your help
My css and js files are attached
Thanks
Jeff

It looks to me like you're using a span tag to make the
headers in that nav. Change that to a link, then put a class on the
link. Lets say class="header" for example.
a.header:link, a.header:visited { color: #FFF;
background-color:#042154; text-decoration: none; }
a.header:hover, a.header:active { color: #FFF;
background-color:#042154; text-decoration: none; }
Also... it looks like you may need to tweak your script a bit
too:
this.submenus
.getElementsByTagName("span")[0].onclick = function()
It should probably be changed to
getElementsByClass("header")[0].onclick = function()
And then of course, you'll need to find a good
getElementsByClass function on the web somewhere to add to this
script so that it'll work that way.

I have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code?

i have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code? thank you!

i inherited the website. It’s for a non-profit and is not very
sophisticated, and neither am I in webdesign. It currently has multiple
pages that are identical except for that body section, so whenever i change
the navigation (in the sidebar) I have to update every html page. I want
to have one basic page, and just call in the different body content based
on the link the user selects from the nav bar. How can i do that using a
script? i am using Dreamweaver.
~ in love and light ~
Jeannie
On Sat, Feb 7, 2015 at 4:07 AM, Ben Pleysier <[email protected]>

How To Change Hyperlinks And Nav Menu Colors

I continue to see people stating that it's impossible to change hyperlink colors and navigation menu colors until after you publish your site. This is not true. It's quite easy to update your templates with the colors YOU want and when you update the template, you never have to mess with any post-processing. You make a new page? Your colors are already there.
I've gone over this before in this thread:
http://discussions.apple.com/thread.jspa?messageID=3288533&#3288533
But I'll go over the quick and dirty version here as well. Those who want more detail can post a question and I'll elaborate.
First, do you know how to get into iWeb's inner folders? You right click or control click on your iWeb icon and select Show Package Contents from the pop-up menu.
Step 2
Once you've done that, you'll see a new Finder window that shows a folder called Contents. Open that and then open the next folder Resources. Within Resources there's a folder named Shared. Open the Shared folder.
You're now looking at your collection of iWeb template files. You'll notice that each template has seven individual page files - each file defines the layout and styles for the page for which its named. This is actually one of the two places where you'll find the data/images that make up your iWeb pages. This location only contains the images. Now I'll show you were to find the data file.
So you're currently here:
/Applications/iWeb/Contents/Resources/Shared/
You want to go here:
/Applications/iWeb/Contents/Resources/English.lproj
Now if you speak another language and your Mac's system language is set to the language you speak, substitue English with that language. If your system is set to English regardless of the language you speak, and you use the English templates, then stick with the English folder.
When you're in the English.lproj folder, you will see seven sub-folders and one file named TemplatesInfo.plist. TemplatesInfo.plist is the file that registers the templates and tells iWeb what you've got in your collection. But we don't care about that file for now. We're after the template data files.
The seven sub-folders are aptly named for each of the seven page-types as you can see. Open the About Me folder.
Now you will see an "about me.webtemplate" file for every template you have in your collection. Good job. You've learned something new. Move on to Step 3.
Step 3
If you haven't decided yet, now's the time to decide which template you'd like to update. If you're just along for the ride to learn something new, no worries. We won't do anything you can't undo.
Pick a template file now. Perhaps you chose the White template, or:
White About Me.webtemplate
Right click or control click on this file and select Show Package Contents from the pop-up menu. This will launch a new Finder window that displays the contents of the White About Me.webtemplate file.
You will likely see a handful of different files, but the file you want is the one named Index.xml.gz.
Index.xml.gz is the brain behind the template. Within this file are all the settings for the page you chose and it's really not hard to find what you want and change it. So let's take a peek.
Step 4
Double-click the file Index.xml.gz. This will reveal a new file named Index.xml. You might have to scroll down in your Finder window to see it. Rename Index.xml.gz to Index.xml.gz.backup in case you screw things up, you have your original.
Now, open Index.xml with TextEdit. Do not open the file with a code editor unless you have already formatted the file.
When the file opens, you'll notice it's one gigantic jumbled mess of stuff. No worries, we'll straighten that out. All you need to do is a find/replace.
Find all instances of: ><
And replace with:
<
The line break is important so maybe just copy the lines right out of this post. When you replace all of those, the file will be far more easy to view.
Assuming you've completed that step. You're basically ready to make your change and test it out! Not hard ey?
So let's say you want to change your hyperlink color from grey to blue. Search for this string:
BLDefaultHyperlinkCharacterStyleIdentifier0
When you find that string, you will see a few lines below it, two lines that look similar to this:
<sf:fontColor>
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r=".8" sfa:g="1" sfa:b="0.4" sfa:a="1"/>
This is how the template specifies color. It's RGB100. Your Mac came with a program called Art Director's Took Kit and that application can tell you the RGB100 values for any color you want. Tinker with that and you'll have a lot of fun with this.
So I picked out a nice royal blue for you. The RGB100 values for it are:
R:0 G:25 B:100
What you need to do is update the color line to match those values:
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0" sfa:g=".25" sfa:b="1" sfa:a="1"/>
Notice that you specify these in terms of a percentage, where 25 became .25 and 100 became 1.
Step 5
Save your file. It's time to see your work in action. Open iWeb if it isn't open already and create a new page using the template you've just altered. If you altered the White About Me page, then select that and create the new page.
It there are hyperlinks already on this page, you should already see that they reflect your new color. If there aren't any hyperlinks, then type some text and create one. You should see your new link color right away!
Now if you don't see the new color, either you picked the wrong page or you neglected to rename the Index.xml.gz file a few steps back. If you did not rename that file, then it's still in control of your template. Rename it now and try again.
If you don't like that color, simply swap back to the TextEdit page and change it until you like it - switching back and forth between the file and iWeb to view your changes. Once you're happy, make note of the color you chose and make the change for the remaining six pages in the tempalte you selected. Just be sure to follow the steps for each page you edit. If you fail to see your change, again, check to see that you renamed Index.xml.gz.
Side Notes
For the more technical, rather than editing an existing template, you might want to duplicate and rename a template. This essentially creates a brand new one. If you're pretty good within Finder then go for it, just be sure that you duplicate the files in both locations:
/Applications/iWeb/Contents/Resources/Shared/
/Applications/iWeb/Contents/Resources/English.lproj/...
Choose a unique name for the duplicated template and change every single file so that the new name replaces the old one. You would have to register this new template in the TemplatesInfo.plist file as well, but I'm not going to get into that here.
The thread I referenced at the top has all kinds of search terms to find the other hyperlink styles (rollover and visited) and all the navigation menu styles plus a bunch of other fun stuff.
Now, it seems long, but that's because I wrote it well. The shortest version of this I've ever written was two sentences, but that was for a UNIX geek and he got it. It's just as easy for you, but I write it out so that anyone can do this, because anyone can. It's just not hard.
If you have questions about any of the steps, go ahead and ask.

Good. Okay here's how to apply a background color to your nav bar buttons. For example, my Aerolite template sets the selected page to a black background color. The rollover effect uses a gradient fill. I'll describe both of those here.
First, here are the navigation menu search terms:
navbaritem-style-normal-default
navbaritem-style-rollover-default
navbaritem-style-selected-default
navbar-pargraph
The first three set the button effects and text colors. The last one there sets the font, font size and other paragraph styles.
To change the selected page button background color, or gradient or image, first search for it using the search term above. Start from the top of the file because there are two instances of those terms, one where you can set the values, the other is only reference to the first and does not allow you to change settings.
When you find the search term, you might want to insert an empty line above it to help separate it from the rest of the code. You can also insert an empty line below the section. The end of this style ends with:
</sf:navbar-item-style>
Be careful not to mix that up with </sf:navbaritem-character-style>
Now, within this section, you'll find all kinds of settings... stroke, fill, character styles, etc. Notice you can change font color in there. But for this demo, you want to find the section that looks like this:
<sf:fill>
<sf:null/>
</sf:fill>
I'm assuming you're editing an Apple template that does not already have a fill effect. If it does have one, then your example might not look exactly like that.
To apply a color fill, change those three lines to these lines:
<sf:fill>
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0" sfa:g="0" sfa:b="0" sfa:a="1"/>
</sf:fill>
You can see that we've inserted the line that specifies color - something you should be familiar with by now. Here you can specify the color that will become the background of your nav bar button. This example specifies black. Easy no?
If you would prefer a gradient fill, then replace those three lines with this:
<sf:fill>
<sf:angle-gradient sfa:ID="SFRAngleGradient-1111" sf:opacity="1" sf:type="linear" sf:angle="0">
<sf:stops sfa:ID="NSMutableArray-1111">
<sf:gradient-stop sfa:ID="SFRGradientStop-1111" sf:fraction="0">
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0.40" sfa:g="0.40" sfa:b="0.30" sfa:a="1"/>
</sf:gradient-stop>
<sf:gradient-stop sfa:ID="SFRGradientStop-2222" sf:fraction="1">
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0.64" sfa:g="0.66" sfa:b="0.54" sfa:a="1"/>
</sf:gradient-stop>
</sf:stops>
</sf:angle-gradient>
</sf:fill>
Now, don't panic Here's what this is. The first line allows you to specify the angle of your gradient. Play with the numbers from 0 to 359 until you have what makes sense for your design.
Then, you will see two familiar lines again - the lines that allow you to specify color! The first line is the first color of your gradient and the second color is the second color of your gradient. That's all there is to it!
SECRET: It might be possible to add additional colors, not just two. Do you see the part sf:fraction="0" and sf:fraction="1"? These are gradient stops. I'm willing to bet that if you inserted a thrid gradient stop with a fraction setting of .5, you'd have a three-color gradient!
<sf:gradient-stop sfa:ID="SFRGradientStop-3333" sf:fraction=".5">
<sf:color xsi:type="sfa:calibrated-rgb-color-type" sfa:r="0" sfa:g="0.25" sfa:b="4" sfa:a="1"/>
</sf:gradient-stop>
I have never tried this - it just occurred to me as I was looking at this code. Big prize for the first person to prove the theory
NOTE: You will notice that the number 1111 and 2222 are within this code. iWeb XML relies on identification tags here and there. It's nothing you really have to care about except if you insert gradient fills in more than one area. Those numbers need to be unique so if you paste that code in for your selected page button and then paste it again for your rollover buttons, you'll need to update the numbers for the second button. Any numbers are fine. Use 3333 and 4444 for the second set, 5555 and 6666 for the thrid and so on. I often just type 4345781476 - doesn't matter.
Next lesson will be images.

Replacing nav bar--is there a way to change all pages at once?

I widened my site off of an iweb template and now the nav bar looks bad since it's too narrow and there is text that appears outside of the nav bar background. Since I can't change the color or looks of the nav bar, I've decided to put my own on top of it. This means if I have any changes down the line, I have to change the nav bar on every page. I have a page that nothing is linked to where I save graphic elements, so I can copy it, and paste on each page--a hassle when you have 50+ pages, and no idea how many pages I'll have in the end. IT was nice to have the automatic nav bar and header/footer, but boy how stupid to not be able to edit them unless you're a tech geek and understand all the coding!!

a hassle when you have 50+ pages
You should try it when you have 170+ pages!
No, there is no simple way to change all pages at once. I use exactly the same method as you are doing now. Having proper user definable templates is on my wish list for future releases of iWeb.
Michael
iMac 20" Intel Core Duo 2GHz

Nav Atrribute change

Similar Messages

Maybe you are looking for