chrome drop down menu and IE selection [Archive]

View Full Version : chrome drop down menu and IE selection

norbert_w

06-12-2014, 12:54 PM

First of all, thanks for the great Drop Down Menu.
It works fine with Safari and FireFox, but not with (older versions of ) IE.
I have some trouble to use it together with an IE selection.

Code:
<script type="text/javascript" src="chromejs/chrome.js"></script>

/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/



I use the above code in my website. It works with the IE, but the copyright text
will be displayed in the browser window…..

When I indicate the copyright text as a remark (), the IE displays a faulty page design.

Any help for me, please?

jscheuer1

06-12-2014, 05:28 PM

Change to:

<script type="text/javascript" src="chromejs/chrome.js">
//***********************************************
//* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
//* This notice MUST stay intact for legal use
//* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
//***********************************************/
</script>

norbert_w

06-12-2014, 07:09 PM

Hi John,
that's the way the code was originally published. And that way, IE doesn't work also....
The same fault appears, when the IE selection is placed before the drop down menu code.....
I tried that all before.... with no luck!

jscheuer1

06-12-2014, 08:20 PM

Please provide a link to the demo page (on Dynamic Drive) for the Dynamic Drive code you are using. Please also provide a link to the page on your site that has the problematic code so we can have a look.

norbert_w

06-12-2014, 09:15 PM

Hi John,
thank's for your fast reply.
Link to the demo page: http://www.dynamicdrive.com/dynamicindex1/chrome/
I loaded the chromemenu.zip file.
The site is not online yet.... but I'll try to get it online by tomorrow morning.
Please excuse the delay, but I live in Germany, the site is on my computer at work, and it's
11:15p.m. local time.

Please provide a link to the demo page (on Dynamic Drive) for the Dynamic Drive code you are using. Please also provide a link to the page on your site that has the problematic code so we can have a look.

jscheuer1

06-13-2014, 01:31 AM

OK, well this menu doesn't use:



So I would try getting rid of that.

But I also question what you say about using HTML comment tokens. If you mean this causes a problem:

<script type="text/javascript" src="chromejs/chrome.js"></script>



Most likely you already have some other unclosed HTML comment token above that, or something else which invalidates doing that. That's why I asked for a link to your page, because - assuming everything else is done in a valid manner, the above shouldn't be a problem.

norbert_w

06-13-2014, 10:34 AM

John,
meanwhile I published the website and did some workaround.
Link: http://www.hei-tech-maschinenbau.de/index.htm

Only the index, ueber-uns and philo pages (the first three menu items) contain the IE modifications.
I still have no idea, what's going wrong….

jscheuer1

06-13-2014, 02:36 PM

This has nothing to do with the script. You are using HTML 5 standards which do not apply to out of date IE browsers and the script that you are using to correct for that is inadequate in this particular case. Even if you remove the menu script from the page, older IE will not render the page.

norbert_w

06-13-2014, 05:29 PM

Hi John,
too bad that this combination doesn' t work like I was hoping it would do...
I'll take your advice and remove the IE script.
What's most irritating for me is, that lots of so called self-teaching websites still recommend HMTL5 plus
the IE script.

Thx for your great help,
Norbert.

jscheuer1

06-13-2014, 11:11 PM

I bet it works in a lot of cases.

Without the IE script, you could use valid pre HTML 5 HTML and CSS, like HTML 4.01 transitiona and CSS 2l with some HTML 5 and possibly even some CSS 3 (if they're gracefully degradable) things, but not any HTML 5 only tags. Give that an HTML 5 DOCTYPE (which at that point would only trigger standards mode, something you generally would want anyway), and it could work out.

That said, what you have looks like it works in IE 9+. So you could simply ask your IE 8 and less users to update to either IE 9, Chrome, or Fire Fox. If you want info on how to do that, just ask.

norbert_w

06-14-2014, 07:36 AM

I certainly would like to get more info, John.
How shall we proceed?

jscheuer1

06-15-2014, 02:28 AM

Ooops, never mind. While I was messing around with an example for detecting IE less than 9, I discovered that your example page had no opening <body> tag. When I added it and reverted the Chrome Menu script tag to standards, the page appeared to work fine in IE 8:

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title> Hei-Tech Maschinenbau GmbH Automatisierung, Sondermaschinen- und Vorrichtungsbau</title>
<meta name="description"
content="maÃŸgeschneiderte KomplettlÃ¶sungen, mech. und elektr. Konstruktion,
Schaltschrankbau, Programmierung, Inbetriebnahme, Schulung, Service, Retrofit">
<link href="style.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css">

<script type="text/javascript" src="chromejs/chrome.js">

/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>



</head>
<body>
<div id="wrapper">
<header id="headerindex">

<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="#" rel="dropmenu1">Vorstellung</a></li>
<li><a href="#" rel="dropmenu2">Produkte</a></li>
<li><a href="#" rel="dropmenu3">Kontakt</a></li>
<li><a href="referenzen.htm">Referenzen</a></li>
<li><a href="#" rel="dropmenu4">Rechtliches</a></li>
</ul>
</div>


<div id="dropmenu1" class="dropmenudiv">
<a href="ueber-uns.htm">Historie</a>
<a href="philo.htm">Philosophie</a>
</div>


<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="produktion.htm">Produktionsanlagen</a>
<a href="verpackung.htm">Verpackungs-Systeme</a>
<a href="wickler.htm">Wickler-Systeme</a>
<a href="pet-roboter.htm">PET-Roboter</a>
<a href="vorrichtung.htm">Vorrichtungsbau</a>
<a href="">Modernisierungen</a>
<li><a href="retrofit.htm">Retrofit</a></li>
<li><a href="teach.htm">Schulungen</a></li>
</div>


<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="kontakt.htm">GeschÃ¤ftsleitung</a>
<a href="programmierung.htm">Programmierung</a>
<a href="service.htm">Service</a>
<a href="anfahrt.htm">Anfahrt</a>
</div>


<div id="dropmenu4" class="dropmenudiv" style="width: 150px;">
<a href="impressum.htm">Impressum</a>
<a href="agb.htm">AGB</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

</header>

<section>
<h1>Herzlich willkommen!</h1>
<br>
<p>Hei-Tech Maschinenbau GmbH - Ihr kompetenter Partner fÃ¼r Ihre anspruchsvollen Automatisierungsaufgaben.</p>
<br>
<br>
<hr />
<h1>Welcome!</h1>
<br>
<p>Hei-Tech Maschinenbau GmbH - your competent partner for your ambitious automation tasks.</p>
<br>
<p>Dear guests, our web pages translated into English language are under construction.</p>
<br>
</section>

<footer>
<p>Hei-Tech Maschinenbau GmbH Â· Rudolf-Diesel StraÃŸe 11 Â· D-52525 Heinsberg Â· Tel.: +49 2452 904491 Â· Fax: +49 2452 904495</p>
</footer>
</div>
</body>
</html>

norbert_w

06-15-2014, 07:41 AM

John,
this is excellent, shame on me….
Tomorrow I'll look over all the other pages to check / correct them.

Thank you so much,
Norbert.