quality@glassfish.java.net

Re: Different solution for bug 4405?

From: Survivant 00 <survivant00_at_gmail.com>
Date: Thu, 6 Nov 2008 20:07:27 -0500

*I think* I found the problem in IE. (tell me if that fix your problem)

you are using a PNG image with alpha for the toolbar. right ?

there is a bug in IE for that.


you can read this article : http://www.twinhelix.com/css/iepngfix/


I know most of the CMS like Joomla contains and use the IE PNGfix.



here the few first line of staging_page_new.html (that you gave me) (add
the lines for the fix) and you need to put blank.gif and iepngfix.htc in
youy root folder (that's where I put them) (PS I didn't play with the
hover that doesn't work in IE)


<html>


 <head>
 <style type="text/css"> /* <![CDATA[ */
 @import "/branding/css/tigris.css";
 @import "/branding/css/inst.css";
 /* ]]> */</style>
 <link rel="stylesheet" type="text/css" href="/branding/css/print.css"
media="print" />
 <script src="/branding/scripts/tigris.js" type="text/javascript"></script>



  <script src="/branding/scripts/alm.js" type="text/javascript"></script>
 <style type="text/css">
    /* <![CDATA[ */
    @import "/branding/css/alm.css";
   /* ]]> */
 </style>
 <style type="text/css">
img, div, li, a { behavior: url(iepngfix.htc) }
</style>



I did some modification to theme-next.js to hardcode the menus (just to see
if the problem was there.. but it doesn't look like that.. )


function createRegions() {

      // FGK end
    var rdiv = document.getElementById("regions"); // On Wiki 'regions'
div already exists.

    var html=[];
    if(rdiv==null)
    html.push("<div id='xregions'>");
                    html.push("<ul id='regions'>");
                        html.push("<li><a href='
https://glassfish.dev.java.net/'>Tools</a>");
                            html.push("<ul>");
                                html.push("<li><a href='
https://hudson.dev.java.net/'>Hudson</a></li>");
                                html.push("<li><a href='
https://japex.dev.java.net/'>Japex</a></li>");
                                html.push("<li><a href='
https://openinstaller.dev.java.net/'>openInstaller</a></li>");
                                html.push("<li><a href='
https://glassfishplugins.dev.java.net/'>IDE Plugins</a></li>");
                                html.push("<li><a href='
https://wsmonitor.dev.java.net/'>WSMonitor</a></li>");
                                html.push("<li><a href='
https://license-tool.dev.java.net/'>License Tool</a></li>");
                            html.push("</ul>");
                        html.push("</li>");
                        html.push("<li><a href='https://metro.dev.java.net/
'>WS/XML</a>");
                            html.push("<ul>");
                                html.push("<li><a href='
https://metro.dev.java.net/'>Metro</a></li>");
                                html.push("<li><a href='
https://jax-ws.dev.java.net/'>JAX-WS</a></li>");
                                html.push("<li><a href='
https://wsit.dev.java.net/'>WSIT</a></li>");
                                html.push("<li><a href='
https://jaxb.dev.java.net/'>JAXB</a></li>");
                                html.push("<li><a href='
https://jaxp.dev.java.net/'>JAXP</a></li>");
                                html.push("<li><a href='
https://wiseman.dev.java.net/'>Wiseman</a></li>");
                            html.push("</ul> ");
                        html.push("</li>");
                        html.push("<li><a href='
https://socialsite.dev.java.net/'>Web.Next</a>");
                            html.push("<ul>");
                                html.push("<li><a href='
https://socialsite.dev.java.net/'>SocialSite</a></li>");
                                html.push("<li><a href='
https://portal.dev.java.net/'>WebSynergy</a></li>");
                                html.push("<li><a href='
https://ajax.dev.java.net/'>jMaki</a></li>");
                                html.push("<li><a href='
https://slynkr.dev.java.net/'>Slynkr</a></li>");
                            html.push("</ul>");
                        html.push("</li>");
                        html.push("<li><a href='
https://glassfish.dev.java.net/javaee5/webtier/webtierhome.html
'>Webtier</a>");
                            html.push("<ul>");
                                html.push("<li><a href='
https://jsp.dev.java.net/'>JSP</a></li>");
                                html.push("<li><a href='
https://uel.dev.java.net/'>EL</a></li>");
                                html.push("<li><a href='
https://jstl.dev.java.net/'>JSTL</a></li>");
                                html.push("<li><a href='
https://javaserverfaces.dev.java.net/'>JSF</a></li>");
                                html.push("<li><a href='
https://jsftemplating.dev.java.net/'>JSFTemplating</a></li>");
                                html.push("<li><a href='
https://woodstock.dev.java.net/'>Woodstock</a></li>");
                                html.push("<li><a href='
https://jersey.dev.java.net/'>Jersey</a></li>");
                                html.push("<li><a href='
https://phobos.dev.java.net/'>Phobos</a></li>");
                                html.push("<li><a href='
https://wadl.dev.java.net/'>WADL</a></li>");
                                html.push("<li><a href='
https://lrwpinjava.dev.java.net/'>LRWPinJava</a></li>");
                            html.push("</ul>");
                        html.push("</li>");
                        html.push("<li><a href='
https://glassfish.dev.java.net/'>Core</a>");
                            html.push("<ul>");
                                html.push("<li><a href='
https://glassfish.dev.java.net/'>GlassFish</a></li>");
                                html.push("<li><a href='
https://glassfish-samples.dev.java.net/'>Samples</a></li>");
                                html.push("<li><a href='
https://grizzly.dev.java.net/'>Grizzly</a></li>");
                                html.push("<li><a href='
https://glassfish-scripting.dev.java.net/'>Scripting</a></li>");
                                html.push("<li><a href='
https://mq.dev.java.net/'>OpenMQ</a></li>");
                                html.push("<li><a href='
https://sailfin.dev.java.net/'>SailFin</a></li>");
                                html.push("<li><a href='
https://shoal.dev.java.net/'>Shoal</a></li>");
                                html.push("<li><a href='
https://hk2.dev.java.net/'>HK2</a></li>");
                                html.push("<li><a href='
http://wiki.glassfish.java.net/'>Wiki</a></li>");
                            html.push("</ul>");
                        html.push("</li>");
                        html.push("<li><a href='
http://blogs.sun.com/theaquarium/'>Aquarium</a></li>");
                        html.push("<li
id='regions-leadin'><a>&nbsp;</a></li>");
                        html.push("</ul>");
                    html.push("</div>");
    /*
        html.push("<div>");

    html.push("<div id='xregions'>");
        html.push("<div id=\"z_menu_01\" class=\"z_menu_01\">");
//html.push("<div >");

// for( var i=regions.length-1; i>=0; i-- ) {
        for (var i = 0; i < regions.length; i++) {
            var r = regions[i];
            if (isIE && ieversion >= 7) {
                  html.push("<ul><li><a href=\"" + r.href + "\">" + r.title
+ "</a><table><tr><td>");
            } else if (isIE) {
                  html.push("<ul><li><a href=\"" + r.href + "\">" + r.title
+ "<table><tr><td>");
            } else {
                  html.push("<ul><li><a href=\"" + r.href + "\">" + r.title
+ "</a>");
            }
            if (r.children != null) {
                  html.push("<ul>");
                  for (var j = 0; j < r.children.length; j++) {
                        var c = r.children[j];
                        html.push("<li><a href=\"" + c.href + "\">" +
c.title + "</a></li>");
                  }
                  html.push("</ul>");
            }
            if (isIE) {
                  html.push("</td></tr></table></a></li></ul>");
            } else {
                  html.push("</li></ul>");
            }
    }
    html.push("</div>");
    if(rdiv==null)
        html.push("</div>");
    */
    // inject HTML
    if(rdiv==null) {
        var box = document.createElement("div");
        box.id = "regions-box";
        var banner = document.getElementById("banner");
        banner.insertBefore(box,banner.firstChild);
        box.innerHTML = html.join('');
    } else {
        rdiv.innerHTML = html.join('');
    }

    // attach event handler, since IE can't handle :hover
    /* this still doesn't seem to work with IE7...
    if (document.all) {
        var ul = document.getElementById("regions");
        for (i=0; i<ul.childNodes.length; i++) {
            var node = ul.childNodes[i];
            if (node.nodeName=="LI") {
                node.onmouseover=function() {
                    this.className+=" over";
                }
                node.onmouseout=function() {
                    this.className=this.className.replace(" over", "");
                }
            }
        }
    }*/
}



2008/11/6 Survivant <survivant00_at_gmail.com>

> it what I read in his email, but if it's just that. I don't know why
> someone changes the look in feel in theme-next. and the javascript that
> generate the toolbar changes too.
>
> but mostly, it's just to take back the function in old javascript than
> generate the menu, and little changes in the css..
>
> for what I understood of the request.
>
> ----- Original Message ----- From: "Judy Tang" <Judy.J.Tang_at_Sun.COM>
> To: <quality_at_glassfish.dev.java.net>
> Cc: "Paul Sterk" <Paul.Sterk_at_Sun.COM>
> Sent: Thursday, November 06, 2008 2:49 PM
> Subject: Re: Different solution for bug 4405?
>
>
>
> Wow, can't ask for any thing better, thanks Survivant so much !
>>
>> I think what Paul wants is to keep the current look and feel like the link
>> below, will let Paul to let you know for sure ...
>>
>> https://glassfish.dev.java.net/
>>
>> Thanks,
>> Judy
>> Survivant 00 wrote:
>>
>>> almost done.. but need to know what exactly you want. In the new
>>> theme-next to do want the toolbar to fillup all the top and the content
>>> align to the right ?
>>>
>>> or a faiding color like the old theme ?
>>>
>>> I have strip all the unnecessary code from the html and mix the css just
>>> to have the part that are different.
>>>
>>>
>>> in the old one the menu is generated right to left.. and at the end, a
>>> padding image is put there.
>>> in the new theme you start left to right.
>>>
>>> Just need to know what you want to have at the end.
>>>
>>>
>>> I put some zip in this email. The latest is when I mix the old look into
>>> the new one, and we can clearly see the order and padding that is not done
>>> in the new. but again.. I need to see what you want :)
>>>
>>> you can send me a picture modify with photoshop that shown what the final
>>> result should be.
>>>
>>> PS : I put the quality_at_glassfish.dev.java.net <mailto:
>>> quality_at_glassfish.dev.java.net> in the loop for this email, in case we
>>> get some feedback other than your and for the timezone.
>>>
>>>
>>>
>>> 2008/11/6 Survivant 00 <survivant00_at_gmail.com <mailto:
>>> survivant00_at_gmail.com>>
>>>
>>> thanks. Exactly what I wanted.
>>>
>>> I'll look what I can do.
>>>
>>>
>>> 2008/11/6 Paul Sterk <Paul.Sterk_at_sun.com <mailto:Paul.Sterk_at_sun.com>>
>>>
>>> On 11/6/2008 5:42 AM, Survivant 00 wrote:
>>>
>>> that what I got when i run the webapp
>>>
>>> Why don't you start with the raw html, attached. The goal is
>>> for you to see the original top tool bar. Once this is done,
>>> change this line:
>>>
>>> <script
>>>
>>> src="https://glassfish-themes-next.dev.java.net/theme-next.js"></script>
>>>
>>> to
>>>
>>> <script src="theme-next.js"></script>
>>>
>>> and you can work with your local js and theme-next.css to try
>>> a solution.
>>>
>>> Thanks again.
>>>
>>> Paul
>>>
>>>
>>>
>>>
>>> ------------------------------------------------------------------------
>>>
>>>
>>> ------------------------------------------------------------------------
>>>
>>>
>>> ------------------------------------------------------------------------
>>>
>>> ------------------------------------------------------------------------
>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: quality-unsubscribe_at_glassfish.dev.java.net
>>> For additional commands, e-mail: quality-help_at_glassfish.dev.java.net
>>>
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: quality-unsubscribe_at_glassfish.dev.java.net
>> For additional commands, e-mail: quality-help_at_glassfish.dev.java.net
>>
>>
>





GF-Ie-toolbar.JPG
(image/jpeg attachment: GF-Ie-toolbar.JPG)