CodeVerge.Net Beta


   Explore    Item Entry    Members      Register  Login  
NEWSGROUP
.NET
Algorithms-Data Structures
Asp.Net
C Plus Plus
CSharp
Database
HTML
Javascript
Linq
Other
Regular Expressions
VB.Net
XML

Free Download:




Zone: > NEWSGROUP > Asp.Net Forum > microsoft_downloads.css_friendly_control_adapters Tags:
Item Type: NewsGroup Date Entered: 7/18/2007 3:03:44 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 6 Views: 61 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
7 Items, 1 Pages 1 |< << Go >> >|
jccc
Asp.Net User
Menu hover not working on IE67/18/2007 3:03:44 PM

0/0

Hi, sorry if this has been asked before. I have a page which contains a dynamically generated Menu with just one option on its first level (like a root node). The adapter renders perfectly the HTML code, and it works without problems on IE7 and Firefox 2. However, on IE6 it doesn't even show the first submenu. Hovering the "root" node of the Menu doesn't do anything at all. I understand the :hover pseudo-class is not supported on IE on elements different than <a>, hence the javascript workaround to make the Menu work. What I don't understand is why it works on IE7 and it doesn't on IE6? Is there any solution for this?

 

Here's the generated code:

..... 

<div class="Menu">
    <div class="AspNet-Menu-Horizontal">
        <ul class="AspNet-Menu">
            <li class="AspNet-Menu-WithChildren">
                <span class="AspNet-Menu-NonLink">
                    Nuevo</span>
                <ul>

                    <li class="AspNet-Menu-Leaf">
                        <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                            ACLARATORIA</a>
                    </li>
                    <li class="AspNet-Menu-WithChildren">
                        <span class="AspNet-Menu-NonLink">
                            Contratos  +</span>
                        <ul>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CESION DE DERECHOS FONDO DE AHORRO OBLIGATORIO PARA LA VIVIENDA</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CONSTANCIA DE SUFICIENCIA DE GARANTIAS</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CR?DITO EMPLEADO MERCANTIL</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CR?DITO VISTO BUENO</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     PR?STAMO HIPOTECARIO CON RECURSOS DEL FONDO DE AHORRO OBLIGATORIO PARA LA VIVIENDA</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     PR?STAMO HIPOTECARIO CON RECURSOS PROPIOS DEL BANCO MERCANTIL (NO VIVIENDA PRINCIPAL)</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     PR?STAMO HIPOTECARIO PARA VIVIENDA PRINCIPAL CON RECURSOS PROPIOS DEL BANCO MERCANTIL</a>
                            </li>
                        </ul>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                            CUPO DE CREDITO</a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                            CUPO NO ROTATIVO</a>
                    </li>
                    <li class="AspNet-Menu-WithChildren">
                        <span class="AspNet-Menu-NonLink">

                            Documentaci?n  +</span>
                        <ul>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     Producto</a>
                            </li>
                        </ul>
                    </li>

                    <li class="AspNet-Menu-WithChildren">
                        <span class="AspNet-Menu-NonLink">
                            Gen?ricos  +</span>
                        <ul>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     ANEXO</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CORRESPONDENCIA</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     DICTAMEN</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     Email</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     FACTURA</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     Opini?n</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     RECAUDO</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     SOLICITUD</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     SOPORTE</a>
                            </li>

                        </ul>
                    </li>
                    <li class="AspNet-Menu-WithChildren">
                        <span class="AspNet-Menu-NonLink">
                            Liberaciones  +</span>
                        <ul>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                                     LIBERACI?N DE HIPOTECA CR?DITO HIPOTECARIO CON RECURSOS DEL FONDO MUTUAL HABITACIONAL.</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     LIBERACI?N DE HIPOTECA CR?DITO HIPOTECARIO OTORGADO POR INSTITUCIONES ABSORBIDAS POR BANCO MERCANTIL</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                                     LIBERACI?N DE HIPOTECA PR?STAMO A INTER?S BANCO MERCANTIL A FONDO DE AHORRO Y CR?DITO</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     LIBERACI?N DE HIPOTECAS Y ANTICRESIS BANCO HIPOTECARIO MERCANTIL CON SUS PROPIOS RECURSOS</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                                     LIBERACION DE PR?STAMO A INTER?S CON RECURSOS PROPIOS</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     LIBERACI?N HIPOTECA CR?DITO CUOTAS PERSONALIZADAS</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                                     LIBERACION PARA PRESTAMOS DE AREA DE ASISTENCIA III</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     LIBERACI?N PRESTAMO A FAVOR DE BANAVIH CON CESION</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                                     LIBERACI?N PR?STAMO FONDO DE AHORRO OBLIGATORIO PARA LA VIVIENDA</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     REVISAR</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                                     VISTO BUENO</a>
                            </li>
                        </ul>
                    </li>
                    <li class="AspNet-Menu-WithChildren">
                        <span class="AspNet-Menu-NonLink">
                            Litigios  +</span>
                        <ul>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     ACTA</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     ADMISION DE DEMANDA</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     AUTO</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     BOLETA</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CARTELES</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CITACION</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     COMPULSA</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     CONTESTACION</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     DECRETO INTIMATORIO</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     DILIGENCIA</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     ESCRITO JUDICIAL</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     INFORMES</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     LIBELO DE DEMANDA</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     OPOSICION</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     PRUEBAS</a>
                            </li>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     SENTENCIA</a>
                            </li>

                        </ul>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                            PLAN MAYOR II</a>
                    </li>
                    <li class="AspNet-Menu-WithChildren">
                        <span class="AspNet-Menu-NonLink">

                            Poderes  +</span>
                        <ul>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     PODER</a>
                            </li>
                        </ul>
                    </li>

                    <li class="AspNet-Menu-WithChildren">
                        <span class="AspNet-Menu-NonLink">
                            Reestructuraciones  +</span>
                        <ul>
                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     Reestructuraci?n ?rea III</a>
                            </li>

                            <li class="AspNet-Menu-Leaf">
                                <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">
                                     Reestructuraci?n CP</a>
                            </li>
                        </ul>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="javascript:OpenWindow();" class="AspNet-Menu-Link">

                            TEMPORAL</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

.....

 
Thanks for your help

Russ Helfand
Asp.Net User
Re: Menu hover not working on IE67/18/2007 4:10:07 PM

0/0

Usually, if IE6 isn't working for the menu it is caused by a missing conditionally linked style sheet. Go to http://www.asp.net/cssadapters/whitepaper.aspx#SamplesUsingInYourWebSite and look at those instructions again. In particular, note the step that involves IEMenu6.css. It sounds like the problematic page might not be linking to IEMenu6.css or the style sheet isn't where the href for that link tag says it is supposed to be.


Russ Helfand
Groovybits.com
jccc
Asp.Net User
Re: Menu hover not working on IE67/18/2007 5:15:58 PM

0/0

Hi Russ. I checked the CSS links and they're ok. The conditionally linked style sheet is also set and working. However, the problem still persists.
Russ Helfand
Asp.Net User
Re: Menu hover not working on IE67/18/2007 7:29:47 PM

0/0

Sometimes in such cases it helps to go back to basics. Can you, for example, create a local version of the kit's tutorial and run it such that it work in IE6? If so, then you probably should start looking for signifant differences between your site and the kit's tutorial site.

If that proves too difficult to do, write back and I'll try to suggest and other tactic to take.


Russ Helfand
Groovybits.com
jccc
Asp.Net User
Re: Menu hover not working on IE67/23/2007 2:31:04 PM

0/0

 Ok, I got the difference between my code and the sample. My menu is placed inside an UpdatePanel. I took it out of the UpdatePanel and it worked. I read in another thread that the Menu control is not supported within an UpdatePanel, but I don't think that's the issue because it works perfectly inside an UpdatePanel when viewed on IE7. Any ideas?

Russ Helfand
Asp.Net User
Re: Menu hover not working on IE67/24/2007 5:50:24 PM

0/0

Excellent sleuthing work. The next thing I would do is to compare the actual HTML (the DOM) that is being generated when the Menu is placed inside the UpdatePanel (i.e., doesn't work in IE6) versus the HTML (the DOM) when the Menu is placed outside that UpdatePanel (does work in IE6).

I'm very suspicious that you'll discover that those DOMs differ in some significant way. For example, does the UpdatePanel add an extra DIV as a parent to the Menu?

Here's my uber-theory... I think you are running into the so-called "peek-a-boo" but in IE6. Read up on that by searching on the web. You'll find lots and lots of information about it. It generally has the symptom of content disappearing (though that content will sometimes reappear when you scroll the page up/down or right/left... trying sizing your window in the browser so it is tiny and scrolling in IE6 to see if you can get the menu to appear (when it is inside the UpdatePanel).

There are many prevailing theories on how to best circumvent the peek-a-boo bug but I tend to first simply try to add positon:relative to each and every parent above the Menu in the DOM until the bug goes away. If you are adding DIV tags as parents to the Menu by virtual of things like asp:Panel then you can force the position:relative by adding a CssClass to the asp:Panel and setting position:relative in the class you specified for CssClass.

This is why understanding the impact to the DOM of having the Menu inside the UpdatePanel versus outside of it. If you've added parent elements in the DOM to the Menu when it is inside the UpdatePanel then I bet you need to modify those parent's "position" property to get the menu to show up.


Russ Helfand
Groovybits.com
jccc
Asp.Net User
Re: Menu hover not working on IE67/26/2007 4:27:32 PM

0/0

The menu shows dynamically inside an UpdatePanel, depending (obviously) on a AJAX call. Here's what I found out: I ran the application, made an asynchronous postback (so the menu would show up) and copied the generated HTML code. Then pasted it on a new HTML file (let's call it x.html) and opened it with IE6. The result: does not work. Then edited x.html adding the .js adapter references inside the <head> tag (<script language="javascript" src="../scripts/MenuAdapter.js" type="text/javascript"></script> and <script language="javascript" src="../scripts/AdapterUtils.js" type="text/javascript"></script>). Guess what...it worked on IE6!

I tried to add both dynamically and statically those javascript references everytime there's an asynchronous postback, but it doesn't work.

My conclusion is, the partial postback is somehow causing the menu to lose its javascript references....suggestions?
 

7 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Windows Vista: The Definitive Guide Authors: William R. Stanek, Pages: 922, Published: 2007
JavaScript & DHTML Cookbook Authors: Danny Goodman, Pages: 582, Published: 2007
CSS Instant Results Authors: Richard York, Pages: 383, Published: 2006
Professional ASP.NET 2.0 Design: CSS, Themes, and Master Pages Authors: Jacob J. Sanford, Pages: 474, Published: 2007
Professional ASP.NET 2.0 Authors: Bill Evjen, Scott Hanselman, Farhan Muhammad, Srinivasa Sivakumar, Devin Rader, Pages: 1253, Published: 2005
Dreamweaver CS3 Bible: Master Every Aspect of Dreamweaver - Work with CSS, Text, Images, And Links - Incorporate Flash Movies and Other Media Authors: Joseph W. Lowery, Pages: 1112, Published: 2007
Professional CSS: Cascading Style Sheets for Web Design Authors: Christopher Schmitt, Mark Trammell, Ethan Marcotte, Dunstan Orchard, Todd Dominey, Pages: 434, Published: 2005
Adding Ajax Authors: Shelley Powers, Pages: 382, Published: 2007
PC Annoyances: How to Fix the Most Annoying Things about Your Personal Computer Authors: Steve Bass, Pages: 176, Published: 2003
Windows XP For Dummies Quick Reference: Quick Reference Authors: Greg Harvey, Pages: 237, Published: 2004

Web:
Hover not working with IE 6 Jun 27, 2007 ... Hover not working with IE 6 - Jody Cleveland, 27th June 2007 11:41. Hover not working with IE 6 - Ingo Chao, 27th June 2007 14:52 ...
css hover not working in ie6 - ASP.NET Forums css hover not working in ie6. Last post 10-06-2008 10:56 AM by .... a top level menu with LinkButtons, then when you hover over any of those ...
Css Hover menu not working on IE 6 : Css, HTML, www.plta.co.uk I hae a menu on www.plta.co.uk with a drop down, which seems to work on every browser apart from IE 6. Has anyone any clues as to fixes for this ?
Dropdown CSS menu's 2nd Level not working in IE6 - Dev Shed Sep 29, 2008 ... Dropdown CSS menu's 2nd Level not working in IE6- CSS Help. ... I'm telling you the problem lies in :hover not being supported for IE6. ...
Hover not working in IE - CodingForums.com All Levels Menu: CSS/HTML list based menu with support for infinite levels of sub menus. ... Internet Explorer Hover not working in IE ...
hover not working in internet explorer windows hover not working in internet explorer windows - Blake Taylor, 8th April 2006 ... css-discuss archive menu · Archivist Home. search archive:. view month: ...
{HELP}Li:hover and a:hover not working fully - Dynamic Drive Forums If you hover over the menu items they turn black and white when you are ... IE 6 does not support the ":hover" pseudo class for ANY element ...
WordPress › Support » CSS Drop down not working in IE6 CSS Drop down not working in IE6 (3 posts). maxaud · Member Posted 8 months ago #. I have a drop down menu on a website that I'm working on at: ...
Hover not working in IE6 - Dreamweaver Club Forums Aug 26, 2008 ... Hover not working in IE6 HTML and CSS. ... Not the most successful menu I've ever created So... I don't think that the bg hover works in IE6 ...
css hover not working in ie6 - ASP.NET Forums css hover not working in ie6. Last post 10-06-2008 10:56 AM by MikeMercado. .... then when you hover over any of those LinkButtons, a panel of sub-menu ...




Search This Site:










understand profiles

xml web service as admin function to the store

intellisense for .skin files

variable in web.sitemap

error in installation

need help understaniding what is going on with cbo

how to limit some pages in windows domain?

how to use code snippets in .aspx file

sorry double post

loginstatus help (with screenshots)

can't go design view

how to set module edit rights for register user ?

login check

treeview 2 sql tabels and xslt

bug: can't set iframe width or height to percentage

login using forms auth. fails

linq. remove. vs 2008 final version

3.0.8 - host or admin account

duplicating a portal on my local pc - unable to login

not allow user to save senaative info.

securing pdf and word documents

parser error: unknown server tag 'dnn:breadcrumb'.

what if my server is behind a firewall?

is there a free application which can create communities with asp.net 2.0?

creating a new stored procedure

web.config

asp.net configeration error message

bug? - "object moved to here"

vs 2008 web express and ajax 3.5 - is not "extender aware" ???

visual studio 2005 uses excess memmory

 
All Times Are GMT