Javascript menu problems in IE

Hi
I am using a javascript menu for a website I am trying to
build, I have tested it on many browsers and thought it was working
fine, it's fine on all the macintosh browsers, works fine on
firefox on the PC but there seems to be problems on some versions
of IE. Especially runing XP but am not sure about vista.
You dont seem to be able to see the menu when the page loads,
you can see something is there and the buttons show when you hover
over them, but they are kicked out of place.
here is the code if it helps
<!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>Ecoligical Planning and Research
Ltd</title>
<link href="epr.css" rel="stylesheet" type="text/css"
/>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body bgcolor="#cfdcce">
<table width="800" border="0" align="center"
bgcolor="#FFFFFF" class="greenborderoutline">
<tr>
<th height="29" align="left" scope="col"><div
class="menu" id="menu">
<script type='text/javascript'
src='quickmenu.js'></script></div></th>
</tr>
<tr>
<td height="132"><script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','nam e','eprbanner','width','800','height','168','id','eprbanner','title','banner','src','eprba nner','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode' ,'transparent','movie','eprbanner'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
name="eprbanner" width="800" height="168" id="eprbanner"
title="banner">
<param name="movie" value="eprbanner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="eprbanner.swf" width="800" height="168"
quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" wmode="transparent"
name="eprbanner"></embed>
</object>
</noscript></td>
</tr>
<tr>
<td height="304" valign="top"><table width="798"
height="131" border="0">
<tr>
<th width="513" scope="col"><p
class="bodycopyHomepage"><strong>Ecological Planning
& Research Ltd</strong> is
<th width="275" scope="col"><span
style="margin:0px"><img src="images/office.jpg" alt="Head
Office" name="eprOffice" width="241" height="296" align="left"
id="eprOffice" /></span></th>
</tr>
</table> </td>
</tr>
<tr>
<td height="105"><img src="images/btBanner.gif"
alt="btBanner" width="800" height="103" align="top"
/></td>
</tr>
</table>
<table width="800" align="center" border="0">
<tr>
<th scope="col"><div align="left"
class="copyright">©<strong> 2007</strong>
Ecological Planning and Research Ltd </div></th>
</tr>
</table>
<p> </p>
</body>
</html>
any help here would be great as I am really stuck
many thanks
Jon

Gad. Ask the authors of the menu for help. Would you REALLY
use something
like that on a web page?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ronnyrocket" <[email protected]> wrote in
message
news:[email protected]...
> Hi
>
> I am using a javascript menu for a website I am trying
to build, I have
> tested
> it on many browsers and thought it was working fine,
it's fine on all the
> macintosh browsers, works fine on firefox on the PC but
there seems to be
> problems on some versions of IE. Especially runing XP
but am not sure
> about
> vista.
>
> You dont seem to be able to see the menu when the page
loads, you can see
> something is there and the buttons show when you hover
over them, but they
> are
> kicked out of place.
>
> here is the code if it helps
>
> <!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>Ecoligical Planning and Research
Ltd</title>
> <link href="epr.css" rel="stylesheet" type="text/css"
/>
> <script src="Scripts/AC_RunActiveContent.js"
> type="text/javascript"></script>
> </head>
>
> <body bgcolor="#cfdcce">
> <table width="800" border="0" align="center"
bgcolor="#FFFFFF"
> class="greenborderoutline">
> <tr>
> <th height="29" align="left" scope="col"><div
class="menu" id="menu">
> <script type='text/javascript'
src='quickmenu.js'></script></div></th>
> </tr>
> <tr>
> <td height="132"><script
type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=7,0,19,0','name','eprbanner','width','800','height','168','id','eprbanne
>
r','title','banner','src','eprbanner','quality','high','pluginspage','
http://www
>
.macromedia.com/go/getflashplayer','wmode','transparent','movie','eprbanner'
> );
> //end AC code
> </script><noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,19,0" name="eprbanner" width="800"
height="168" id="eprbanner"
> title="banner">
> <param name="movie" value="eprbanner.swf" />
> <param name="quality" value="high" />
> <param name="wmode" value="transparent" />
> <embed src="eprbanner.swf" width="800" height="168"
quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" wmode="transparent"
> name="eprbanner"></embed>
> </object>
> </noscript></td>
> </tr>
> <tr>
> <td height="304" valign="top"><table
width="798" height="131"
> border="0">
> <tr>
> <th width="513" scope="col"><p
> class="bodycopyHomepage">
Ecological
> Planning & Research Ltd is
> <th width="275" scope="col"><span
style="margin:0px"><img
> src="images/office.jpg" alt="Head Office"
name="eprOffice" width="241"
> height="296" align="left" id="eprOffice"
/></span></th>
> </tr>
> </table> </td>
> </tr>
> <tr>
> <td height="105"><img src="images/btBanner.gif"
alt="btBanner"
> width="800"
> height="103" align="top" /></td>
> </tr>
> </table>
>
> <table width="800" align="center" border="0">
> <tr>
> <th scope="col"><div align="left"
class="copyright">©
2007
> Ecological Planning and Research Ltd
</div></th>
> </tr>
> </table>
> <p> </p>
> </body>
> </html>
>
>
> any help here would be great as I am really stuck
>
> many thanks
>
> Jon
>

Similar Messages

Missing Javascript menu items on Acrobat 9 Standard

I've been trying to get into some more advanced JS coding within Acrobat for forms, and I'm running into a bit of a roadblock in accessing the javascript tools. Specifically, I keep seeing references to Javascript menu items under the Advanced menu, but my Acrobat doesn't seem to have these at all. I also can't open the JS Debugger/console with Ctrl-J, but it will open if i put in a syntactically incorrect javascript statement and try to execute it (from a form field, etc).
Anyone have any ideas how to correct this? I found references online to this being an issue if Acrobat Reader is also installed on the same machine (it was), so i removed that, but the problem persists. I can enter javascript into an individual field, but i can't add a document-level script at all.
thanks

Sweet! I got it working. My function reads in the contents of a range (30+) of combo boxes and text boxes, does a little editing and then sorts, and then puts them back in the same range of boxes but with the blanks filtered out and in alpha order. I used a nested array and it worked pretty well.
The only thing i'm still stymied on is that it works perfectly for everything except if the textbox field is a number with a '+' in front of it (like +1 or +2200). It strips the + sign out, I'm assuming that's because of javascript special characters, but the escape/unescape function did not fix it. Doesn't matter if there are plus signs in the rest of the field, only at the beginning (and minus signs don't cause the same issue). I'm going to try manually escaping with quotes before reading into the array I think, but if you have seen this sort of thing before please let me know.

IE PDF plugin hides javascript menu

Hello, we are using ActiveReports to create report at our web
project. We use their PDF options, which create PDF file and simple
display it. We use IE 7 as a browser. And our problem is, that
client's PDF document viewer hides our Javascript menu. Did anybody
there have similar issue? I tried all CSS XHTML options but with no
success. What is interesting at IE6 it is working fine. Thanks for
your answer
Tomas

prcek1985,
These forums are specific to Acrobat.com and it's set of
hosted services. We do not provide support for 3rd party PDF
producing applications on these forums - please contact the vendor
of your PDF producing application for support with their
product.

JavaScript menu is not showing up, when it comes over applet area, why?

When my javascript menu is overlapping on applet, the menu is going behind the applet. Is there any solution to get rid this. Please, anybody have the solution mail me at this id.
[email protected]
thanks
sateesh

Many people have tried to solve this problem but just about the only thing you can do is to put your applet in a <DIV> or <LAYER> (depending on the browser you want to support) and turn the <DIV> or <LAYER> invisible when your menu is activated. You'll find that your menu will also be displayed behind a FORM and other heavy-weight component, not just an applet!
Good luck!
V.V.

BPS_WB: JavaScript Menu System

For sometime I have been using a JavaScript Menu system with my BW WebAppDesigner Templates. Each leaf of the menu contains a URL to execute a different Report. This works great for the reporting.
I have been trying to implement a similar JavaScript Menu system within the BPS_WB Text Elements. The TextElement has the HTML = True option selected.
The menu does not load when I execute the application. Although, when inserting the same 2 lines of script within the resultant BSP application's first page with flow logic (pm_page.htm) after the <htmlb:documentHead>, the script (i.e. menu) loads fine.
So I could just leave the script there but everytime a new component needs to be added to the BPS_WB the user needs to regenerate and the script would get wiped-out.
The script is simply:
<SCRIPT src="script1.js" type="text/javascript"></SCRIPT>
<SCRIPT src="script2.js" type="text/javascript" ></SCRIPT>
Maybe BPS_WB has a problem with the source files, while the BSP App does not?
Any assistance would be appreciated!!

Hello Marc,
The Scripts are in the MIMEs directory. I tested with a smaller script [alert('This is an alert'); document.writeln('<H1>This is a Test!!!!</H1>');] and it works fine. As noted before, my larger menu scripts get loaded properly when inserted manually into the BSP App.
I am thinking there may be some form of script size limitation (max number of characters?) for the TextElement?
About the Source HTML. The resultant HTML uses FrameSets based on a GUID. Can you please explain 2 things:
1) Are the Frames Dynamically generated at runtime or are they stored in a table, if so where are they stored? If Not, is it possible to evaluate the Frames via the browser? From the source the frame GUID are defined as:
var frame_A = "427B596E3F6D1F60E10000000A45B429_A";
var frame_B = "427B596E3F6D1F60E10000000A45B429_B";
2) I would have expected that when the BPS_WB app was generated that the JavaScript would have been added to one of the BSP files. The JavaScript does not seem to get stored there. Can you explain where I would find the stored JavaScript?
I have activated the debugging for BSP's and have started the debugging process to figure this architecture out but it "goes way deep"... (Is Alice and the White Rabbit down there? ) Very Object Oriented implementing Polymorphism supported via the many Interfaces and a MVC architecture for the BSP app. Is there possibly a document that might help understand the architecture from the generation of the BPS_WB app to the BSP app?
Thanks,
ATC

Menu problem with IE

menu problems with IE connected with spry - see site:
1.
http://www.whatwomenwant-tv.com/index.html
(horizontal menu bar - will not display fully, probably to do with
flash)
2.
http://www.whatwomenwant-tv.com/about.html
(horizontal menu bar swerves to the left)
3.
http://www.whatwomenwant-tv.com/streetinterviewswomen.html
(vertical menu bars in questions are all over the page)
thanks 4 help.

I tried in Firefox 3 and IE7 and they both seemed fairly slow
for any action to take place. But IE7 did seem pretty slugish.
It seems that you're already determined what the issue is,
you have waaaaaay too many menu items. Seems to me that that number
of items don't belong in a menu. There are even menus that are too
long to appear entirely on the page, so they can't be easily
accessed without accidentally hiding the menus again, which I did
several times. IN particular:
Cartuchos > Technologica
If you cannot change to a different format to show all of the
items, then perhaps you can split up the menu so that you don't
have too many at one time. I checked the code of your page and it
seems that you've got a lot of other scripting going on there
besides Spry, so is the issue with Spry or with everything else
you're trying to do with that menu. If you can try to recreate the
page with only the menu items on it (and not pulled in dynamically
on the fly), and then add back to your page a bit a time, you might
be able to find out what is really causing the delays.

Context menu problem in ADF 11g

Hi All,
A context menu problem puzzle me. Following is the source,
=======================================
<af:tree id="tree" value="#{treeTest.collectionModel}" var="node"
contentDelivery="immediate"
disclosedRowKeys="#{treeTest.treeDisclosedRowKeys}"
rowDisclosureListener="#{treeTest.rowDisclosureListener}"
rowSelection="single">
<f:facet name="nodeStamp">
<af:group id="g1">
<af:image source="/image/#{node.treeLevel}.jpg" id="i1"
inlineStyle="width:16px; height:16px; vertical-align:middle;"/>
<af:outputText id="ddl" value="#{node.name}">
<af:showPopupBehavior popupId="myPopup" triggerType="contextMenu"/>
</af:outputText>
</af:group>
</f:facet>
<f:facet name="contextMenu">
<af:popup id="myPopup" popupFetchListener="#{treeTest.popupListener}"
contentDelivery="lazyUncached">
<af:switcher id="s1" facetName="#{treeTest.level}">
<f:facet name="1">
<af:menu text="menu 1" id="m1">
<af:forEach items="#{treeTest.menuItems['0']}" var="menuItemss">
<af:commandMenuItem text="#{menuItemss.name}"
actionListener="#{bindings.onNodeClicked.execute}"
disabled="#{!bindings.onNodeClicked.enabled}">
</af:commandMenuItem>
</af:forEach>
</af:menu>
</f:facet>
<f:facet name="2">
<af:menu text="menu 2" id="menu1">
<af:forEach items="#{treeTest.menuItems['1']}" var="menuItemss">
<af:commandMenuItem text="#{menuItemss.name}"
actionListener="#{bindings.onNodeClicked.execute}"
disabled="#{!bindings.onNodeClicked.enabled}">
</af:commandMenuItem>
</af:forEach>
</af:menu>
</f:facet>
</af:switcher>
</af:popup>
</f:facet>
</af:tree>
========================================================
I want to get the commandMenuItem tag's information, i use following code in onNodeClicked method try to get it,
FacesContext facesContext =FacesContext.getCurrentInstance();
ELContext elContext = facesContext.getELContext();
ExpressionFactory expressionFactory =facesContext.getApplication().getExpressionFactory();
ValueExpression exp =expressionFactory.createValueExpression(elContext,"#{menuItemss.name}", Object.class);
but the exp is null.
Please help me to solve this problem.
Thank you very much.
Edited by: Yitao Li on Dec 4, 2009 1:06 PM

You might need a #
ValueExpression exp =expressionFactory.createValueExpression(elContext,"#{menuItemss.name}", Object.class);

Javascript security problem in IE/Netscape

I am facing with the javascript security problem in IE/Netscape. I have solved this problem partially, but there are more issues involved.
Here's the scenario:
There is an HTML page on client's hard disk (main.htm) containing two frames:
frame 1 contains a page that lies that is deployed from my server, say
src="http://127.0.0.1:8080/MyApplication.htm"
frame 2 contains a page that lies on the client's server, say
src="http://www.clientside.com/clientPage.htm"
My page in frame 1 wants to access the URL of the page in frame 2 (through a button click, say ). This is done in MyApplication.htm through javascript as:
window.parent.frame2.location.href;
Now when the above line is executed, i get the following error:
In IE(5.0): "permission denied"
In Netscape(4.7): "access disallowed from scripts at http://127.0.0.1:8080/MyApplication.htm to documents at another domain."
(which is understandable)
I have partially solved the above problem in Netscape, by granting access permissions to MyApplication.htm (page on my server) to access the
"http://www.clientside.com/clientPage.htm" page at client's domain.
This is done as follows:
1. First enable code base principals in client's Netscape by adding the following line in prefs.js file of Netscape
"user_pref("signed.applets.codebase_principal_support", true);"
2. Secondly i must add the following line in java script of "MyApplication.htm"
"netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserAccess");"
Now when the client clicks the button on my frame he'll get a netscape window asking him to grant permissions to MyApplication.htm.
After granting permission, MyApplication.htm can retrieve the URL of clientPage.htm (even if he browses to another url)
As you can see this problem is solved partially, but i want that the page "main.htm" (which is now on the client's hard disk),
must be deployed at client's server (in which case not even the above technique works).........what should i do? any alternates or other solution?
Secondly i want this to work with IE too, (which should according to their documentation, but does not and is therfore a big IE bug-as mentioned on the net)
Any sort of help in this case would greatly appreciated.
Thanks
Faisal Moin Khan

i believe you are posting in the wrong forum.
This forum is foro XML web services.

Sudden menu problem in CS4: Running OS10 Mavericks. Anyone got a clue?

Cannot keep history and layers windows open simultaneously. Others likewise. By sudden I mean, one day it's fine, the next there's a menu problem. Assistance appreciated.

If you have placed your layout the way you want it, use the Save Workspace, give it a name, and only check Palette location in the Save dialog.
Then switch to another Workspace and back to your saved workspace to see if that fixes the problem.
Last resort is to reset Prefs. Hold down ctrl-alt-shift, start Photoshop and agree to the reset.
Gene

Spry menu problem - CS6 Dreamweaver

I wonder if anyone can help me with my spry menu problem which I have with a fixed 960px wide horizonal menu bar that has 8 items in it. The sub-menus don't seem to display properly when you click on them in that some of the submenus only show up at the end of the menu bar itself in Explorer browsers 8/9. Does anyone know of any code I can apply to fix this problem? I am new to spry menu features and so any help would be very much appreciated.

Also validate the rest of the code in your pages to see if you have any critical errors that need fixing. For example, a missing doc type declaration might explain Spry failures.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
As an FYI, Adobe abandonded the Spry Framework late last year, after CS6 was released because Spry drop-menus don't hold up well on touch screen devices. If you can't get satisfaction with Spry, try jQuery Superfish. It's a better menu system.
http://users.tpg.com.au/j_birch/plugins/superfish/
Nancy O.

Javascript Menu (foxfire and netscape help)

I made a javascript menu online and it looks perfect in IE6.
However, I tested in both Netscape and Foxfire and it doesn't work
as well
I want the begining colors to be a blue background and white
text, then when someone moves their mouse over it, it switches to a
white background and blue writing. I really don't understand why it
would work perfect in IE6.
In netscape and foxfire, when I move my mouse over it, the
background switches to white which is what I want, but the text
color doesn't show/change.
PLEASE help! :) Here is a test I made.
http://www.geocities.com/myserables/menutest.html

You don't need to use a javascript menu for that type of
menu.....
quite simple just using css -here's and example:
http://www.dreamweaverresources.com/tutorials/clickable_cell.htm
In your example, it appears you haven't specified a text
color for the hover
state of the menu.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.DreamweaverResources.com
|Tutorials|SEO |CSS Templates
http://www.csstemplates.com.au
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
Miss_Angela wrote:
> I made a javascript menu online and it looks perfect in
IE6. However,
> I tested in both Netscape and Foxfire and it doesn't
work as well
>
> I want the begining colors to be a blue background and
white text,
> then when someone moves their mouse over it, it switches
to a white
> background and blue writing. I really don't understand
why it would
> work perfect in IE6.
>
> In netscape and foxfire, when I move my mouse over it,
the background
> switches to white which is what I want, but the text
color doesn't
> show/change.
>
> PLEASE help! :) Here is a test I made.
>
>
http://www.geocities.com/myserables/menutest.html

CSS/JavaScript Menu

I have cobbled together a CSS/JavaScript menu, based on the
Vertical Expanding Menu by “alsacreations.com”
http://tutorials.alsacreations.com/deroulant/menu-vertical.htm
I was foolishly distracted in simply constructing a pretty
menu without considering the fundamental necessity of being able to
edit just ONE menu for the entire site rather than all the pages in
the site.
How do I establish this menu to operate as an independent
file? Are there instructional sites available?
Currently, my html is structured as follows:
1) <SCRIPT type=text/javascript>
JavaScript function declaration
2) <STYLE type=text/css>
Detailing design features of the menu
3) <BODY>
The actual menu with links
The menu that currently exists on the site is a Xara Menu
with a .js file that I have edited when needed.

"MikeMedia2" <[email protected]> wrote in message
news:e2o2d1$na1$[email protected]..
>I have cobbled together a CSS/JavaScript menu, based on
the Vertical
>Expanding
> Menu by ?alsacreations.com?
>
http://tutorials.alsacreations.com/deroulant/menu-vertical.htm
>
> I was foolishly distracted in simply constructing a
pretty menu
> without
> considering the fundamental necessity of being able to
edit just ONE
> menu for
> the entire site rather than all the pages in the site.
>
> How do I establish this menu to operate as an
independent file? Are
> there
> instructional sites available?
Hi Mike,
The following tutorial from our PMM user guide was designed
for our menu
system, but the techniques are similar enough that it should
also work
for your menu.
http://www.projectseven.com/products/menusystems/pmm/user_guide/site_wide/includes/index.h tm
Al Sparber
PVII
http://www.projectseven.com
"Designing with CSS is sometimes like barreling down a
crumbling
mountain road at 90 miles per hour secure in the knowledge
that repairs
are scheduled for next Tuesday".

Spry Horizontal Menu Problem

I switched to version 2 of the Spry Menubar due to sub-menu problems associated with iPads. Now I am having problems with sub-menus within IE8. It is not possible to *quickly* scroll down the menu without the sub-menu disappearing. Here is an example:
http://gerberanalytics.com/tennis/tennis_header_test.php
It works ok with CS6 in the design view, but not on the local test server or on the production server. Any ideas?
Thanks in advance for your help.

Gramps,
I appreciate you providing this. I took a closer look at the errors and I made a few changes but this validator service continued to kick out errors. In fact if you put Adobe's own web site into this application (http://www.adobe.com), it comes up with 44 errors. As I mentioned before, the Adobe Widget Browser application for Spry Menubar 2 is essentially creating my code so I doubted that this was an actual problem.
While I have been interacting with you, I have also been awaiting an update from Adobe's senior technology staff for a solution. I heard from them today. Here is what Adobe said: Spry Menubar 2 has problems with IE 8 and IE 9 (which I already knew). The first person with whom I spoke at Adobe suggested that my customers running the IE 8 and IE 9 browsers should switch to a different browser, such as Chrome. I explained that asking users to switch was not a solution -- that's about 35% of my users. I then asked to speak with a manager / supervisor.
My conversation with the supervisor went a bit better. He told me that those running IE 8 and IE 9 on a Windows XP machine are ok. Vista is a problem. Windows 7 is also iffy. My machine is a Vista and my wife's machine is a Windows 7. It does not work on either machine for us.
I told him that Spry Menubar 2 should be withdrawn from their site or there should be a warning to insure that people are aware of the problems. He didn't say that they would do that. He suggested that I should check back with him in a couple of weeks. I did not get a warm and fuzzy feeling that this was a priority item for them.
At this point, I'm bailing on Spry Menubar 2. I may return to Spry Menubar 1.6 which requires a "double tap" on the nav buttons to work on an iPad. I may also check out jQuery.
Thanks for the suggestions but it looks like Adobe has some serious issues. If your customers are using iPads (and they are), Spry Menubar 2 is not a solution to fix the problems encountered in Spry 1.4 and Spry 1.6.
Scott

Javascript menu items problem.

Hi,
We have created a cutom iview which logs the user into a PHP web application. The login works fine. If we make the iview to appear in a new window, i can see all the menu items (coded in javscript) along with the other information on the webpage. On the other hand if we make the iview to appear in the content area of the portal, we see everything except the menu items.
can anyone tell me what could be the problem. we have tried a lot of options but the result is still the same.
Thanks in advance.
Regards
Hassan

Hi Hassan,
maybe you should change the iView's Isolation Method to URL
hope it helps,
Yoav
Message was edited by: Yoav Toussia Cohen

Ul menu problem in IE

I've got a problem with a menu created with HTML ul and li tags. It works in Firefox and IE but is broken in APEX when page is viewed in IE. Is there a way around it?
<!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>
<link rel="shortcut icon" href="../../../favicon.ico" />
<style type="text/css" media="screen">
/**************** menu coding *****************/
#menu {
width: 100%;
background: #eee;
float: left;
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
#menu a:hover {
color: #a00;
background: #fff;
#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: 500;
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
</style>

</head>
<BODY>
<div id="menu"><ul><li><a href="someurl">Test</a></li></ul><ul><li><h2>Test2</h2><ul><li><a href="someurl">Test3</a></li><li><a href="someurl">Test4</a></li></ul></li></ul><ul><li><a href="someurl">Test5</a></li></ul></div>
</BODY>
</HTML>Edited by: ArtS on Mar 24, 2010 1:05 PM
Edited by: ArtS on Mar 24, 2010 1:06 PM

How do I create a page on apex.oracle.com? As you noticed, this is a very simple HTML but it is not working in IE when included in an APEX 3.0.1.00.12 page.
<html lang="en-us">
<head>
<title>test</title>
<link rel="stylesheet" href="/i/themes/theme_2/theme_V3.css" type="text/css" />
<script src="/i/javascript/htmldb_html_elements.js" type="text/javascript"></script>
<script src="/i/javascript/htmldb_get.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link rel="stylesheet" href="/i/css/core_V22.css" type="text/css" />

<style type="text/css" media="screen">
/**************** menu coding *****************/
#menu {
width: 100%;
background: #eee;
float: left;
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
#menu a:hover {
color: #a00;
background: #fff;
#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: 500;
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
</style>

</style>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body ><form action="wwv_flow.accept" method="post" name="wwv_flow" id="wwvFlowForm" >
<input type="hidden" name="p_flow_id" value="110" id="pFlowId" /> <input type="hidden" name="p_flow_step_id" value="3" id="pFlowStepId" /> <input type="hidden" name="p_instance" value="2503359825107049" id="pInstance" /> <input type="hidden" name="p_page_submission_id" value="57652" id="pPageSubmissionId" /> <input type="hidden" name="p_request" value="" id="pRequest" /><div class="t2BreadcrumbRegion" id="R2744330124027714"><div class="t2BreadcrumbMenu"></div></div><center>
<table width="975" cellpadding="0" cellspacing="0" border="0" summary="">
<tr>
<td valign="top" width="70%"></td>
<td valign="top" width="30%" align="right"></td>
</tr>
</table>
<table width="975" height="70%" cellpadding="0" border="0" cellspacing="0" summary="">
<tr>
<td class="t2topbar01"><img alt="" src="/i/themes/theme_2/topbar-0-0.png" width="7" height="35" /><img alt="" src="/i/themes/theme_2/1px_trans.gif" width="25" height="1" /></td>
<td class="t2topbar05"><img alt="" src="/i/themes/theme_2/topbar-0-3.png" width="21" height="35" /></td>
<td class="t2topbar05" width="100%"><br /></td>
<td><img alt="" src="/i/themes/theme_2/topbar-0-6.png" width="8" height="35" /></td>
</tr>
<tr>
<td rowspan="2" valign="top"><br/></td>
<td colspan="3" class="t2breadcrumbholder" height="20"></td>
</tr>
<tr>
<td class="t2body" valign="top" width="100%" colspan="3" height="100%"><table summary="" cellpadding="0" width="100%" height="70%" cellspacing="0" border="0">
<tr>
<td width="100%" valign="top"><div class="t2messages"></div><div id="menu"><ul><li><a href="abc">Reports</a></li></ul><ul><li><h2>Admin</h2><ul><li><a href="f?p=110:6:2503359825107049">Subs</a></li><li><a href="test2">Currency</a></li></ul></li></ul><ul><li><a href="wwv_flow_custom_auth_std.logout?p_this_flow=110&p_next_flow_page_sess=110:101:2503359825107049">Log Out</a></li></ul></div><table summary="" cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td align="right"> <input type="BUTTON" value="Test" onClick="javascript:this.disabled=true; doSubmit('TEST');" onClick="showAlert();"></td></tr></table></td>
<td valign="top"><br /></td>
</tr>
</table></td>
</tr>
</table><table width="975" cellpadding="0" border="0" cellspacing="0" summary="">
<tr>
<td><img alt="" src="/i/themes/theme_2/bottom_bar-0-0.png"/></td>
<td width="100%" class="t2BottomBarCenter"><img alt="" src="/i/themes/theme_2/bottom_bar-0-1.png"/></td>
<td><img alt="" src="/i/themes/theme_2/bottom_bar-0-3.png" /></td>
</tr>
</table>
<div class="t2footer"><table width="100%" cellpadding="0" cellspacing="0" border="0" summary="">
<tr>
<td valign="bottom" class="t2copy"><span class="t2Customize"></span></td>
</tr>
</table></div>
<br />
<input type="hidden" name="p_md5_checksum" value="" /></form>
</center>
<script type="text/javascript">

</script></body>
</html>Thanks,
Art
Edited by: ArtS on Mar 24, 2010 1:19 PM

Javascript menu problems in IE

Similar Messages

Maybe you are looking for