4 Replies Latest reply: Apr 14, 2011 9:01 PM by Shan-Dysigns RSS

    Using Insert/Images Objects/Navigation Bar - weird quirks

    Shan-Dysigns Community Member

      DW CS4

       

      When I go to the above path in DW to add a navigation bar and add a few elements, the code produced seems fine (I'm talking strictyl about the sentence case of the code - all lowercase). Now if I go to Modify/Navigation Bar to add a few more elements, the additional code is now in a different case (it's in sentense case - first letter capital). For example:

       

      When I first insert a navigation bar, some resulting code is

      onmouseover="MM_nbGroup('over','home','','',1)"

       

      but when I go to modify the navigation bar, the additional code added now becomes

      onMouseOver="MM_nbGroup('over','galleries','','',1)"

       

      I know how to quickly find/replace to fix this, but this is just weird to me why DW would use two different sentence cases. Is that just a function of the software, or is there some setting I'm missing to make sure ALL code is in lowercase? I already have my default tag case <lowercase>

       

      Test it out yourself and let me know if anyone gets the same results or knows why this is happening.

       

      Thanks...

       

      I just noticed something else... on initial creation, the code includes id="", but when I modify/add to the nav bar, there is no id="" included (I have to manually add that code)... what the crap is going on??

        • 1. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
          Nancy O. CommunityMVP

          Can't say for sure based on code fragments, but it may have something to do with the document type (DTD) you're using. HTML 4.0 allows upper and lower case code.  XHTML requires all lowercase code.

           

          If you have no document type in your HTML code, just about anything could happen because your page is running in Quirks Mode.

           

          Modify > Page Properties > Title/Encoding >> select a doc type that fits your code.

           

          It may be helpful to check your code for validation errors, too.

           

          Code Validation Tools
          ------------------------------------
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/

           

           

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists 
          http://alt-web.com/
          http://twitter.com/altweb

          • 2. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
            Shan-Dysigns Community Member

             

            is the doctype

             

            Unicode (UTF-8) is the encoding (if that has anything to do with anything). If I'm actually using a function of DW to create the nav bar, then I wouldn't imagine there being a problem with valid code (it's coming directly from DW). It's just the matter of upper/lower case code it's spitting out. I also tested this using XHTML 1.0 Strict with the same issue.

             

            Why do I always seem to come across the weird stuff?

            • 3. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
              Nancy O. CommunityMVP

              Unicode is the character set encoding -- not the same as DTD.

               

              I can't recreate your experience with DW on Windows Vista.

               

              Here's the code I get from DW -- same as before and after editing the menu...

               

               

              <!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=iso-8859-1" />
              <title>Untitled Document</title>
              
              
              <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_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_nbGroup(event, grpName) { //v6.0
                var i,img,nbArr,args=MM_nbGroup.arguments;
                if (event == "init" && args.length > 2) {
                  if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
                    img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
                    if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
                    nbArr[nbArr.length] = img;
                    for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
                      if (!img.MM_up) img.MM_up = img.src;
                      img.src = img.MM_dn = args[i+1];
                      nbArr[nbArr.length] = img;
                  } }
                } else if (event == "over") {
                  document.MM_nbOver = nbArr = new Array();
                  for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
                    if (!img.MM_up) img.MM_up = img.src;
                    img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
                    nbArr[nbArr.length] = img;
                  }
                } else if (event == "out" ) {
                  for (i=0; i < document.MM_nbOver.length; i++) {
                    img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
                } else if (event == "down") {
                  nbArr = document[grpName];
                  if (nbArr)
                    for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
                  document[grpName] = nbArr = new Array();
                  for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
                    if (!img.MM_up) img.MM_up = img.src;
                    img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
                    nbArr[nbArr.length] = img;
                } }
              }
              //-->
              </script>
              </head>
              
              <body onload="MM_preloadImages('Images/Up-Arrow-64.png','Images/Up-Arrow-64-hover.png')">
              <a href="http://alt-web.com" target="_top" onclick="MM_nbGroup('down','group1','Home','Images/Up-Arrow-64.png',1)" onmouseover="MM_nbGroup('over','Home','Images/Up-Arrow-64-hover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="Images/Up-Arrow-64.png" alt="Home" name="Home" width="64" height="64" border="0" id="Home" onload="" /></a>
              </body>
              </html>
              
              

               

              Nancy O.
              Alt-Web Design & Publishing
              Web | Graphics | Print | Media  Specialists 
              http://alt-web.com/
              http://twitter.com/altweb

              • 4. Re: Using Insert/Images Objects/Navigation Bar - weird quirks
                Shan-Dysigns Community Member

                Well, now that I look back at my reply, I notice the stupid text editor didn't even render the code I pasted properly (that's why there is a couple of blank lines before I mentioned "is the doctype". That was supposed to have read:

                 

                !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"

                 

                I took out the greater than and less than symbols this time. I swear I entered it in last time as raw html - don't know why it didn't render as such.

                 

                Anyway, I added the character encoding I was using in case that might come into play. I'm aware that's not a doctype - let's be a little real in what a person may or may not know - it was a simple matter of some code not displaying properly. I notice you used a different character set. I will test on my end using that set and see if that changes my issue [it does not]. I'm still on XP, so who knows if that has anything to do with it.

                 

                I also noticed you just tested this creating one menu item and then going back to edit the same menu item - that was not my problem. My problem was creating the menu with say 2 buttons, then going back to edit the menu by adding another button (or more). This additional button is where the code changes sentence case.