SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Dreamweaver Library Question

    Hey all,
    I have a button bar in Dreamweaver that is from a Library in Dreamweaver. So whatever I do to that library item will be done in the pages it is linked to.

    Now I want to have a change in the buttons. I want each page that the button goes to to become "dead" if you will. So if the page is on "Home" I want the "home button" to be red and the rest white...ect...
    Can I do that with a library item or will I have to just use a none library item?

    Thanks

    These are the pages.

  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could use individually named body tags on the pages and combine that name with the corresponding named items in the library nav list.

    Look at Option #2 in this example for an idea how to do it.
    Happy ADD/ADHD with Asperger's

  3. #3
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Took a brief look at your link;

    You actually have three body tags in your code together with doubled source code!

    You need to take a closer look in your DW libraries I think. Probably the doubled blocks is present in more than one place.
    Happy ADD/ADHD with Asperger's

  4. #4
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Erik J View Post
    Took a brief look at your link;

    You actually have three body tags in your code together with doubled source code!

    You need to take a closer look in your DW libraries I think. Probably the doubled blocks is present in more than one place.
    Wow! Thanks! I see the three body tags. How can I possibly clean that up?
    Also, what do you mean by "double blocks?: I do have two things going on in a library... two strips of buttons. Is that what you mean?
    Thanks


  5. #5
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I meant there was some code iterated in the source. Like the functions in the code below. Maybe you have the same code in more than one library? E.g. where the nested library calls are. (That block of functions is also in the head by the way.)
    HTML Code:
    <!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>XXXX</title>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
        <link href="cssfiles/styleone.css" rel="stylesheet" type="text/css" />
    </head>
    <script id="gwScript" type="text/javascript">
    function gwCall(method, argStr)
    {
    var gwProxy = window.document.getElementById('gwProxy');
    if (gwProxy)
    {
    gwProxy.setAttribute('gwMethod', method);
    gwProxy.setAttribute('gwArgStr', argStr);
    var e = document.createEvent('MouseEvents');
    e.initEvent('click',true,true);
    gwProxy.dispatchEvent(e);
    }
    }
    function jsCall()
    {
    var jsProxy = document.getElementById('jsProxy');
    if (jsProxy)
    {
    var jsCode = jsProxy.getAttribute('jsCode');
    eval(jsCode);
    }
    }
    function Gateway()
    {
    var _P4r4m5_ = {};
    this.addParam = function(name,value)
    {
    _P4r4m5_[escape(name)] = escape(value);
    }
    this.callName = function(callName)
    {
    var paramStr = '';
    for (name in _P4r4m5_)
    {
    paramStr = paramStr+
    ((paramStr == '') ? '' : '&')+
    name+'='+_P4r4m5_[name];
    }
    gwCall(callName, paramStr);
    }
    }
    function showIFrame(name, url)
    {
    frames[name].location.href = url;
    }
    function createSrcScriptElement(srcPath)
    {
    var js = document.createElement('script');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', srcPath);
    document.getElementsByTagName('head')[0].appendChild(js);
    }
    function createInlineScriptElement(escapedJsCode)
    {
    try{
    var js;
    if(document.standardCreateElement)
    js = document.standardCreateElement('script');
    else
    js = document.createElement('script');
    js.setAttribute('type', 'text/javascript');
    js.text = unescape(escapedJsCode);
    document.getElementsByTagName('head')[0].appendChild(js);
    }
    catch(e){
    //alert(document.createElement);
    //alert('ERROR: createInlineScriptElement(): '+e);
    }
    }
    function invokeInGuiThread(callName, argPtr)
    {
    var gwObj = new Gateway();
    gwObj.addParam('argPtr',argPtr);
    gwObj.callName(callName);
    }
    </script>
    <body class="body" onload="MM_preloadImages('images/buttons_over/home_over.gif','images/buttons_over/bootcamp_over.gif','images/buttons_over/dailydozen_over.gif','images/buttons_over/events_over.gif','images/buttons_over/programs_over.gif','images/buttons_over/about_over.gif','images/buttons_over/directions_over.gif','images/buttons_over/facility_over.gif','images/buttons_over/testimonials_over.gif','images/buttons_over/contact_over.gif')">
    <center>
    <!-- #BeginLibraryItem "/Library/Banner.lbi" -->
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td align="center" valign="top"><img src="images/mr.billfitnessbanner.gif" alt="Mr.Bill Fitness Banner" width="970" height="167"></td>
        </tr>
    </table>
    <!-- #EndLibraryItem -->
    <span class="stylesheetone"></span>
    <!-- #BeginLibraryItem "/Library/Button MenuUpper.lbi" -->
    <script type="text/javascript">
    <!--
    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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    <center>
    <body onLoad="MM_preloadImages('../images/buttons_over/home_over.gif','../images/buttons_over/bootcamp_over.gif','../images/buttons_over/dailydozen_over.gif','../images/buttons_over/events_over.gif','../images/buttons_over/programs_over.gif','../images/buttons_over/about_over.gif','../images/buttons_over/directions_over.gif','../images/buttons_over/facility_over.gif','../images/buttons_over/testimonials_over.gif','../images/buttons_over/contact_over.gif')">
    <table border="0" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td align="center" valign="top">
    <!-- #BeginLibraryItem "/Library/Button Strip.lbi" -->
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
            <body onLoad="MM_preloadImages('../images/buttons_over/facility_over.gif','../images/buttons_over/bootcamp_over.gif','../images/buttons_over/events_over.gif','../images/buttons_over/directions_over.gif','../images/buttons_over/dailydozen_over.gif','../images/buttons_over/testimonials_over.gif','../images/buttons_over/contact_over.gif','../images/buttons_over/home_over.gif')">
                <table border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td valign="top" align="left"><img src="images/sidebarflag.gif" width="77" height="27" /></td>
                        <td align="center" height="20" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/buttons_over/home_over.gif',1)"><img src="images/buttons_off/home_off.gif" alt="Home Button" name="Home" width="102" height="27" border="0"></a></td>
                        <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facility Button','','images/buttons_over/facility_over.gif',1)"><img src="images/buttons_off/facility_off.gif" alt="Facility" name="Facility Button" width="102" height="27" border="0"></a></td>
                        <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Boot Camp','','images/buttons_over/bootcamp_over.gif',1)"><img src="images/buttons_off/bootcamp_off.gif" alt="Boot camp" name="Boot Camp" width="102" height="27" border="0"></a></td>
                        <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Yearly Events','','images/buttons_over/events_over.gif',1)"><img src="images/buttons_off/events_off.gif" alt="Yearly Events" name="Yearly Events" width="102" height="27" border="0"></a></td>
                        <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/buttons_over/contact_over.gif',1)"><img src="images/buttons_off/contact_off.gif" alt="Contact Mr. Bill Fitness" name="Contact" width="102" height="27" border="0"></a></td>
                        <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Directions','','images/buttons_over/directions_over.gif',1)"><img src="images/buttons_off/directions_off.gif" alt="Directions" name="Directions" width="102" height="27" border="0"></a></td>
                        <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Daily Dozen','','images/buttons_over/dailydozen_over.gif',1)"><img src="images/buttons_off/dailydozen_off.gif" alt="Daily Dozen " name="Daily Dozen" width="102" height="27" border="0"></a></td>
                        <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Testimonials','','images/buttons_over/testimonials_over.gif',1)"><img src="images/buttons_off/testimonails_off.gif" alt="Testimonials" name="Testimonials" width="102" height="27" border="0"></a></td>
                        <td valign="top" align="right"><img src="images/sidebarflag.gif" width="77" height="27" /></td>
                    </tr>
                </tbody>
                </table>
    <!-- #EndLibraryItem --></td>
        </tr>
        <tr>
            <td align="center" bgcolor="#ffffff" valign="top"><img src="images/buttonsdropshadow.gif" width="816" height="8"/></td>
        </tr>
    </tbody>
    </table>
    </center>
    <!-- #EndLibraryItem -->
    Last edited by kohoutek; Mar 9, 2010 at 17:40.
    Happy ADD/ADHD with Asperger's


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •