#1
| ||||
| ||||
Internet Explorer WarnleisteHi, ich hab mir überlegt, ne recht unauffällige Methode, IE-Benutzer darauf aufmerksam zu machen, dass ihr Browser u.U. vllt doch nicht grade der beste für diesen Zweck sein könnte, wäre doch, diesen Hinweis in so einer gelben Warnleiste anzuzeigen, wie sie z.B. bei Popups erscheint. Kennt jemand einen Weg, so eine Warnleiste per JavaScript zu aktivieren und eigenen Text einzufügen? Wenn nicht, würd ich das gerne selber designen. Damit das möglichst echt aussieht, müsste ich allerdings 2 Frames verwenden. Einen kleinen oben, der die Warnleiste darstellt, und den großen unten für den eigentlichen Seiteninhalt. Jetzt sind Frames natürlich böse, etc. Also hätte ich gerne eine JavaScript-Lösung, die: - Das gesamte aktuelle Dokument sichert - Die Seite durch eine Struktur mit den 2 Frames ersetzt - In das obere Frame soll meine Warnung rein, (Icons und Formatierung krieg ich bereits hin) - In das untere Frame soll die originale Seite wieder rein Da fällt mir grade ein, dann müssten ja alle Seitenlinks noch so verändert werden, dass sie auch wieder rausgehen aus dem Frame. Dafür könnte ich aber vllt meinen PNG-Image-Hack wiederverwenden. Hat zufällig jemand ne Idee, wie man diese Datenschubserei machen könnte? Ich weiß leider nichtmal, wie man ein Objekt klont in JavaScript, hab erstmal nix dazu gefunden. Geht das überhaupt? Ist meine Idee vllt völliger Blödsinn? __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#2
| ||||
| ||||
Meinst du sowas wie beim Pagodentreff? (http://www.pagodentreff.de/diskussionsforum/) Eventuell kann dir Dominik erklären wie er das gemacht hat __________________ Johannes Klose Calitrix Wiki - Wiki auf Basis von PHP und MySQL |
#3
| ||||
| ||||
Hi. Kann man nicht einfach oben sowas mit CSS nachstellen? Einfach bissl :hover und so. Das Bild einfach kopieren. MfG MaMo __________________ Forensoftware mit integriertem CMS: Viscacha 0.8! |
#4
| ||||
| ||||
Hi LonelyPixel, unter diesen beiden Adressen findest du einiges http://blog.cs.cityu.edu.hk/users/50307104/ie/ Hier wird das Problem, dass normalerweise rechts neben der Informationsleiste eine Scrollleiste angezeigt wird einfach gelöst, indem um den gesamten Seiteninhalt ein <div> gepackt wird, welches die gessamte restliche Seite enthält. So wie es dort steht, funktioniert es nciht wirklich, weil ein teil der Scrolleiste am unteren Bildschirmrand verschwindet, aber auch das ließe sich umgehen, indem man schau, wie hoch der Anzeigebereich des Fensters ist ist, davon die Scrollbarhöhe Abzieht und die Höhe des <div>s dementsprechend anpasst und Größenänderungen des Fensters überwacht. __________________ Fabian Michael "Ein Tag, an dem du nicht lächelst, ist ein verlorener Tag." - Charlie Chaplin Wiki |
#5
| ||||
| ||||
Ich habe mal ein bisschen herumgespielt, hier ist mein Ergebnis: http://draconum.de/files/fakeie.html Die Scrolleiste wird nur unterhalb der Leiste angezeigt und das <div> passt sich der Größe des Browserfensters an. __________________ Fabian Michael "Ein Tag, an dem du nicht lächelst, ist ein verlorener Tag." - Charlie Chaplin Wiki |
#6
| ||||
| ||||
Ich blende es bei mir für Opera-User aus.. Bei denen stimmen die Farben nicht, da sie 'InfoBackground' oder 'font: message-box;' wohl nicht kennen |
#7
| ||||
| ||||
Klar, bei meinem Entwurf sollte man am besten auch noch <!--[if IE]> vor den ensprechenden Code und <![endif]--> dahinter schreiben oder am besten gleich serverseitig entscheiden, ob die leiste angezeigt wird oder nicht. Was ich hier gepostet habe soll ja auch nur eine Grundlage sein, die zeigt, dass es auch ohne Frames gut geht. __________________ Fabian Michael "Ein Tag, an dem du nicht lächelst, ist ein verlorener Tag." - Charlie Chaplin Wiki |
#8
| ||||
| ||||
Jep, das Ding soll nur IE-Nutzern serviert werden. Bei Opera hab ich ja gar keinen Grund dazu, der 8er taugt doch eigentlich ganz gut. Kleiner Tipp: Wenn man HTML das CSS-Attribut border: none; zuweist, geht der Rahmen um die ganze Seite weg. Dann muss man nur noch den Rahmen (2px inset oder sowas) auf den Rest anwenden und da hat man den normalen Rahmen wieder. Muss nur mal checken, ob der dann auch bei kürzeren Seiten bis ganz unten geht... min-height geht ja leider nicht. Danke erstmal für den Prototpy, ich bastel mal etwas dran weiter und lass euch eventuelle Fortschritte wissen. __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#9
| ||||
| ||||
So, hab meine Version nochmal überarbeitet, stimmt jetzt so ziemlich auf den Pixel genau mit dem Original überein. Der Link steht ein paar Beiträge weiter oben. __________________ Fabian Michael "Ein Tag, an dem du nicht lächelst, ist ein verlorener Tag." - Charlie Chaplin Wiki |
#10
| ||||
| ||||
So, hier mein CSS-Update: Code: html { border: none; } #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active { display: block; color: InfoText; background: InfoBackground url(warning.gif) no-repeat fixed 3px 3px; padding: 5px 5px 5px 23px; text-decoration: none; cursor: default; } #viewplot { width: 99.6%; overflow-y: scroll; overflow-x: auto; border: 2px inset; } Edit: Toll, jetzt haben wir beide das gleiche gemacht. Edit2: Ach ja, alle position: relative-Elemente sind von dieser Infobar beeinflusst, die werden nicht mehr mit dem Dokument mitgescrollt. Muss mal schauen, ob das auf meiner Seite größere Auswirkungen hat. Ansonsten helfen u.U. wirklich nur noch Frames. __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#11
| ||||
| ||||
Argh, alles was position: relative; hat, ist wie auf dem Bildschirm festgeklebt, das scrollt überhaupt nicht mit der restlichen Seite mit. Und ich hab ein einigen Stellen für den IE etwas Text ein paar Pixel nach oben oder unten verschoben... Ganz blöde Idee irgendwie. __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#12
| ||||
| ||||
So, alle größeren Probleme gelöst. Kann man lassen so. Statt rumschieben muss man halt den Abstand verändern, oder man lässt es so schief und krumm wie es ist, dafür hat man ja die gelbe Warnleiste oben (die muss ja auch nen erkennbaren Grund haben!) Jetzt darf sich der Autor des Skripts auch über etwas Feedback zu dem Teil freuen... __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#13
| ||||
| ||||
(Sorry für die vielen Antworten...) Ich hab mal den Original-Sound aufgezeichnet, krieg den aber in keinem Browser abgespielt. IE macht weder mit <embed> noch mit <object> was, Firefox will ständig QuickTime haben, das funzt aber nicht. Kann jemand von euch ein wave in ein flash movie umwandeln? Sonst mach ich es, muss nur erstmal ne Flash-Demo suchen... __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#14
| ||||
| ||||
Du willst wirklich sound einbinden? *schauder* Bei mir ging es mit Code: <bgsound src="bla.wav" loop="3" /> |
#15
| ||||
| ||||
Danke, so geht's. Bei jedem Seitenaufruf wär es in der Tat nervig. Ich lass den Sound jetzt aber nur einmal abspielen, wenn man die Seite betritt. Bei weiteren Aufrufen kommt der Ton nicht. Jetzt muss ich nur noch schauen, dass mein toller Mauszeiger bei Bewegung auch wieder zurückgesetzt wird, dann hab ich die perfekte Immitation. __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#16
| ||||
| ||||
So, fertig. Hier gibt's die perfekte Imitation der IE-Leiste: http://px.no-ip.com/proj/ieinfobar/ (Warum verschluckt mein Apache jetzt die readme.txt-Datei, wenn ich sie so nenne?) Weiter geht's mit dem Einbau in ein paar Webseiten... __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#17
| ||||
| ||||
hoi wollt fragen ob ich mir den code "klaun" darf und denn mit in mein forum einbaun darf mfg __________________ Björn C. Klein Welt-Held! PunkRockNews.de |
#18
| ||||
| ||||
Darfst du. Ich hab das Zeug unter der gleichen CC-Lizenz veröffentlicht wie Martin Ng. Näheres steht in der readme.txt. Hab heute noch ein paar kleinere Kompatibilitätsprobleme gelöst, beim Einbau in 2 Seiten. Neueste Version steht zum Download bereit (20050702a). __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#19
| ||||
| ||||
Ein kleiner Fehler ist noch drin: Beim überfahren mit der Maus müsste das "x" eigentlich weißt werden, und der Markierungsrahmen stimmt nciht mit dem Original überein, aber trotzdem großes Lob an dich! Werde es auch bei Gelegenheit in einer meiner Seiten einbauen. __________________ Fabian Michael "Ein Tag, an dem du nicht lächelst, ist ein verlorener Tag." - Charlie Chaplin Wiki |
#20
| ||||
| ||||
Ja, ich kann das jetzt leider nicht mehr am Original testen, da mein IE jetzt alle Popups öffnet. Einfach so, ich hab nix verstellt. Ich bekomm also keine Warnleiste mehr. Blöd irgendwie... Was meinst du mit Markierungsrahmen? __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#21
| ||||
| ||||
Hab mal ein paar Screenshots gemacht und es hochgeladen. Ist eigentlich relativ irrelevant, das mit dem weißen x fände ich wichtiger. __________________ Fabian Michael "Ein Tag, an dem du nicht lächelst, ist ein verlorener Tag." - Charlie Chaplin Wiki |
#22
| ||||
| ||||
Ja, hm, beide Probleme wären zwar lösbar, aber nur mit noch mehr JavaScript. Mach ich vllt irgendwann mal... Akzeptiere auch Patches. Den Fokusrahmen bekommt man nur weiter rein, nehm ich an, wenn man um das <a> noch einen Container mit Innanbastand rumsetzt. Dann stimmt die :hover-Bezieheung aber nicht mehr, muss man also komplett mit JS lösen dann. Dass der Fokusrahmen nicht bis ganz rechts geht, könnte dagegen schon etwas kniffliger werden. Derzeit ist das <a> display:block; das müsste geändert werden. Mit ner Tabelle vielleicht? Die könnte auch gleich den o.a. Container stellen. Das weiße X kann man auch mit onmouseover/out ersetzen, gibt dann eine Grafik mehr. Müsste nur mal checken, ob die Farbe von dem X nicht systemfarbenabhängig ist, weiß oder was sehr ähnliches müsste aber dennoch in >99% der Fälle zutreffen. __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
#23
| ||||
| ||||
Macht euch doch wegen solchen Kleinigkeiten keine Gedanken. Ist doch völlig egal, ob der Fokusrahmen und einige Pixel zu klein ist oder das „X“ beim Hover eine falsche Farbe hat - keiner wird da so genau hinsehen. Hauptsache, es sieht auf dem ersten Block aus wie die vom Internet Explorer. |
#24
| ||||
| ||||
Jo, stimmt auch wieder. Wollt's ja auch nicht beheben. Diese Art der Warnung find ich ja insoweit faszinierend, dass man nicht sieht, dass das vom Webseitenbetreiber ist, sondern dass es echt so aussieht, als wäre es eine vertrauenswürdige Meldung des IE. "So geil..." __________________ Yves Goergen Softwareentwicklung, Fotografie, Webhosting, UNB Components (in Arbeit) |
Stichworte |
- |
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Und täglich grüßt der Internet Explorer | chief | Programmierung und Datenbanken | 2 | 13.09.2004 14:46 |
Internet Explorer und PNGs | LonelyPixel | Programmierung und Datenbanken | 3 | 28.08.2004 15:36 |
Empfehlung: Recht im Internet (PDF, Stand: Juli 2004) | R. U. Serious | Onlinerecht, Datenschutz und Sicherheit | 8 | 20.07.2004 21:40 |
Internet - Langweilig | MrNase | Boardunity-Talk | 9 | 25.03.2004 17:47 |
boring Internet | Matix | Boardunity-Talk | 13 | 25.09.2003 12:30 |