IE7 focus() und Dropdownmenü

Hallo zusammen

Habe gestern mit erstaunen festgestellt dass mein Menü auf der Homepage
nicht mehr läuft (Menü fährt nicht mehr ein).

Kurz zur Umgebung, ein CSS Menü
(http://www.htmldog.com/articles/suckerfish/dropdowns/) für den IE gibts
eine Pseudoklasse:
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagNam e("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

Nun setze ich beim Pageload den Fokus jeweils auf ein zentrales Suchfeld:
"document.getElementById('searchbox').setAttribute ('autocomplete','off');",
funktioniert bei allen Browser IE6, Opera, FF perfekt, ausser beim IE 7
welcher das Menü nicht mehr einklappen lässt.

Hat jemand einen Anhaltspunkt zur Problemlösung?

Danke im voraus und grüsse aus Zürich in welchem gerade die ersten
Schneeflocken fallen.

Mario Ramseier wrote:

Nun setze ich beim Pageload den Fokus jeweils auf ein zentrales Suchfeld:
"document.getElementById('searchbox').setAttribute ('autocomplete','off');",
funktioniert bei allen Browser IE6, Opera, FF perfekt, ausser beim IE 7
welcher das Menü nicht mehr einklappen lässt.

Hat jemand einen Anhaltspunkt zur Problemlösung?

IE 7 unterstützt CSS :hover generell, eventuell gibt es daher Probleme
mit der Kombination aus CSS und dem Scriptansatz, der nur für IE 6
gebraucht wird. Probiere mal aus, ob der reine CSS-Ansatz mit IE 7
funktioniert.


--

Martin Honnen
http://JavaScript.FAQTs.com/

"Martin Honnen" <mahotrash (AT) yahoo (DOT) de> schrieb im Newsbeitrag
news:4734821b$0$27124$9b4e6d93 (AT) newsspool1 (DOT) arcor-online.net...

IE 7 unterstützt CSS :hover generell, eventuell gibt es daher Probleme
mit der Kombination aus CSS und dem Scriptansatz, der nur für IE 6
gebraucht wird. Probiere mal aus, ob der reine CSS-Ansatz mit IE 7
funktioniert.

Hallo Martin

Das komische an der Sache ist ja, wenn ich den
"document.getElementById('searchbox').setAttribute ('autocomplete','off');",
welcher ja gar nichts mit dem Menü zu tun hat, weglasse, funktioniert es
bestens... D.h. habe im Moment ne Browserweiche drin welche den Autofokus
auf das Textfeld bei allen Browsern ausser IE7 setzt.

Grüsse

Mario Ramseier wrote:

"Martin Honnen" <mahotrash (AT) yahoo (DOT) de> schrieb im Newsbeitrag
news:4734821b$0$27124$9b4e6d93 (AT) newsspool1 (DOT) arcor-online.net...

Bitte keine Einleitungsromane. --> http://oe-faq.de/

IE 7 unterstützt CSS :hover generell, eventuell gibt es daher Probleme
mit der Kombination aus CSS und dem Scriptansatz, der nur für IE 6
gebraucht wird. Probiere mal aus, ob der reine CSS-Ansatz mit IE 7
funktioniert.

Hallo Martin

Wir lesen hier alle mit.

Das komische an der Sache ist ja, wenn ich den
"document.getElementById('searchbox').setAttribute ('autocomplete','off');",
welcher ja gar nichts mit dem Menü zu tun hat, weglasse, funktioniert es
bestens...

Das verwundert nicht, gibt es doch kein HTML-Element, welches ein
autocomplete-Attribut hat. Ausserdem sind die Implementationen von
setAttribute() bekannt dafür, fehlerhaft zu sein. Dein Ansatz bzw.
der von Suckerfish ist ausserdem verkehrt -- Event-Bubbling existiert.

D.h. habe im Moment ne Browserweiche drin welche den Autofokus
auf das Textfeld bei allen Browsern ausser IE7 setzt.

Autofokus? Du velwechserst da offensichtlich etwas.


PointedEars
--
ich benutze den Befehl BOQuery, um Daten aus meiner Datenbank zu lesen.
Dieser funktioniert im IE 6 auch meistens. Aber auf manchen Rechnern bei
uns in der Firma funktioniert er nicht. [...] Was muß ich installieren?
(Reiner Wahnsiedler in dcljs <ardkdn$d0q$07$1 (AT) news (DOT) t-online.com>)

Thomas schrieb:

Das verwundert nicht, gibt es doch kein HTML-Element, welches ein
autocomplete-Attribut hat. Ausserdem sind die Implementationen von
setAttribute() bekannt dafür, fehlerhaft zu sein. Dein Ansatz bzw.
der von Suckerfish ist ausserdem verkehrt -- Event-Bubbling existiert.

D.h. habe im Moment ne Browserweiche drin welche den Autofokus
auf das Textfeld bei allen Browsern ausser IE7 setzt.

Autofokus? Du velwechserst da offensichtlich etwas.

Jetzt hatte ich mich vertippt resp. den falschen Teil kopiert, das Problem
ist nicht der autocomplete Tag sondern (habe den übrigens durch
"autocomplete=off" im Input Element ersetzt, scheints auch zu tun)
folgender:
document.getElementById('searchbox').focus();
der den Focus auf das Suchfeld setzt.

Grüsse

Mario Ramseier wrote:

Thomas 'PointedEars' Lahn schrieb:

Bitte in der Einleitungszeile den vollen Namen angeben. Es gibt viele Thomasse.

Das verwundert nicht, gibt es doch kein HTML-Element, welches ein
autocomplete-Attribut hat. Ausserdem sind die Implementationen von
setAttribute() bekannt dafür, fehlerhaft zu sein. Dein Ansatz bzw.
der von Suckerfish ist ausserdem verkehrt -- Event-Bubbling existiert.

D.h. habe im Moment ne Browserweiche drin welche den Autofokus
auf das Textfeld bei allen Browsern ausser IE7 setzt.
Autofokus? Du velwechserst da offensichtlich etwas.

Jetzt hatte ich mich vertippt resp. den falschen Teil kopiert, das Problem
ist nicht der autocomplete Tag sondern (habe den übrigens durch
"autocomplete=off" im Input Element ersetzt, scheints auch zu tun)

`autocomplete' ist kein Tag, sondern ein Attribut. Und es ist in HTML 4.01
nicht spezifiziert, sondern eine Microsoft-Erfindung, weswegen es auch nur
im IE funktioniert. Wenn Du das Attribut in das Start-Tag schreibst, ist
Dein HTML ungültig[1]; Du solltest also die autocomplete-Eigenschaft (per
Script) setzen, wenn Du das unbedingt brauchst:

refToInput.autocomplete = "on";

Siehe [2].

folgender:
document.getElementById('searchbox').focus();
der den Focus auf das Suchfeld setzt.

Schlechte Idee, Benutzer können dann ohne Zeigegerät nicht mehr scrollen.


PointedEars
___________
[1] http://validator.w3.org/
[2] http://msdn2.microsoft.com/en-us/library/ms533486.aspx
--
Von "funktionieren" kann also hier keine Rede sein. Ursache für Deinen
Irrtum ist wohl, dass auch Du annimmst, dass Ausprobieren von Spaghetticode
auf einem System oder wenigen Systemen ein sinnvoller Ersatz für saubere
Syntax und richtige Tests sei. -- Dietmar Meier, dcljs

"Thomas 'PointedEars' Lahn" schrieb :

folgender:
document.getElementById('searchbox').focus();
der den Focus auf das Suchfeld setzt.

Schlechte Idee, Benutzer können dann ohne Zeigegerät nicht mehr scrollen.

Eigentlich gehts mir ja nicht um den autocomplete (trotzdem danke für die
Tipps), sondern um das Problem des focus() und des Menüs.

Falls ich dann effektiv Benutzer ohne Maus (oder äquivalente Geräte) auf
meiner Page haben sollte, müsste sich diese mit dem Zwischenschritt "Tab"
behelfen um wieder zu scrollen. Trotz hochhaltung der Barrierefreiheit etc.
kann ich im Moment noch nicht für das letzte 0.1% optimieren.

Klar ist mir noch immer nicht, wieso das focus(), das Menü ausser Betrieb
setzt. (@Markus, im IE7 läuft es ohne den Javascript Tag ebenfalls nicht).
Bleibt mir wohl mittelfristig nichts anderes übrig, als auf ein anderes Menü
auszuweichen.

Grüsse

Thomas 'PointedEars' Lahn schrieb:

`autocomplete' ist [..] eine Microsoft-Erfindung,

das macht es nicht weniger nützlich.

weswegen es auch nur im IE funktioniert.

An dieser Stelle irrst du:
http://developer.mozilla.org/en/docs...letion_Feature

br | rb
--
Sie freuten sich riesig, wenn eine Maschine nach sechs Stunden etwas
fertig brachte, wozu jeder Mensch auf der Straße für 2 Cent fähig
gewesen wäre. Anschließend ließen sie sich Bananen- und Sushi-Pizza
kommen und schliefen vor der Tastatur ein. [aus T.P., Heiße Hüpfer]

"Ralf Beutler" schrieb:

weswegen es auch nur im IE funktioniert.
An dieser Stelle irrst du:

http://developer.mozilla.org/en/docs...etion_Feature¨

Schade ist, es wurde nun viel über quoting und über 'autocomplete'
diskutiert, weniger aber über das Problem an sich.

Grüsse

Mario Ramseier wrote:

"Ralf Beutler" schrieb:
weswegen es auch nur im IE funktioniert.
An dieser Stelle irrst du:

http://developer.mozilla.org/en/docs...etion_Feature¨

Schade ist, es wurde nun viel über quoting und über 'autocomplete'
diskutiert, weniger aber über das Problem an sich.

Lies den Thread nochmal in Ruhe. Dein Problem ist der von Dir benutzte
unsinnige Copy & Pray-Code (Suckerfish).


PointedEars
--
ich benutze den Befehl BOQuery, um Daten aus meiner Datenbank zu lesen.
Dieser funktioniert im IE 6 auch meistens. Aber auf manchen Rechnern bei
uns in der Firma funktioniert er nicht. [...] Was muß ich installieren?
(Reiner Wahnsiedler in dcljs <ardkdn$d0q$07$1 (AT) news (DOT) t-online.com>)