//dennisbloete » IE

Disable options in IE with jQuery

Dennis — Wed, 15 Oct 2008 16:39:09 +0000

IE still does not support the disabled attribute for select options.
Here is a fix for that – implemented with jQuery and a little help of my good friend hEcki

$(document).ready(function(){
  // Disabled options fix for Internet Explorer
  $('select').each(function(){
    this.rejectDisabled = function(){
      if (this.options[this.selectedIndex].disabled){
        if (this.lastSelectedIndex) {
          this.selectedIndex = this.lastSelectedIndex;
        } else {
          var first_enabled = $(this).children('option:not(:disabled)').get(0);
          this.selectedIndex = first_enabled ? first_enabled.index : 0;
        }
      } else {
        this.lastSelectedIndex = this.selectedIndex;
      }
    };
    this.rejectDisabled();
    this.lastSelectedIndex = this.selectedIndex;
    $(this).children('option[disabled]').each(function(){
      $(this).css('color', '#CCC');
    });
    $(this).change(function() {
      this.rejectDisabled();
    });
  });
});

Episode 04: OpenSearch

Dennis — Tue, 14 Nov 2006 06:00:07 +0000

Aloha – schon wieder eine Woche rum und wir präsentieren euch die mittlerweile vierte Ausgabe unseres Podcasts ohne Namen. Dieses Mal mit den Themen:

Umfrage zum Webmontag
Artikelübersicht zur Formulargestaltung mit CSS
Zoomfunktion im IE 7
Scrum
OpenSearch (Links aus der Sendung: A9, Suche in den Browser auslagern)

Und nochmal die Bitte um Feedback mit einer Art Zielgruppenbestimmung: Wer hört uns eigentlich und was für Themen interessieren euch? Ist das Ganze zu technisch? Was findet ihr gut, was weniger? Lasst es uns wissen, danke dafür!

Technorati Tags: opensearch, ie7, webmontag, scrum, css

OpenSearch: Suche in den Browser auslagern

Dennis — Sat, 11 Nov 2006 11:13:34 +0000

OpenSearch ist eine Technologie, mit der sich – kurz gesagt – Suchergebnisse von verschiedensten Websites aggregieren lassen. Was man alles damit machen kann, wollen wir in unserem nächsten Podcast beschreiben. Heute soll es um eine Möglichkeit gehen, mit der sich die Suchfunktion der eigenen Website in den Browser integrieren lässt.

Im Firefox war dieses Feature bisher schon länger über das Einbinden eines Search Plugins möglich. Das hat den Nachteil, dass man seine Nutzer erstmal darauf hinweisen und diese das Plugin dann selbst installieren mussten. Mit OpenSearch lässt sich die eigene Suche direkt in das Suchfeld des Browsers integrieren – das Beste daran: Sowohl der Firefox 2 als auch der IE 7 unterstützen es.

Wie im Screenshot zu sehen, leuchtet im Firefox 2 der kleine Pfeil neben der Standardsuchmaschine, sobald der Browser OpenSearch auf der Seite entdeckt und dem Benutzer wird die Möglichkeit geboten, die Suche der aktuellen Seite zu den Suchmaschinen hinzuzufügen. Das dürfte aktuell noch ein ziemlich unbekanntes Feature sein, da es sich aber in zwei Minuten implementieren lässt, hier die kleine Anleitung dazu.

Schritt 1: Beschreibung erstellen

Zunächst muss man eine kleine XML-Datei erstellen, in der ein paar Parameter zur Suche stehen. Der Browser muss wissen, wo der Suchbegriff hingeschickt werden soll, welchen Namen die Suche hat und wo er das fancy Icon dafür finden kann. Da ich es leider immer noch nicht hinbekommen hab, eine vernünftige Codeansicht ins Blog zu integrieren, kann ich als Beispiel leider nur auf die opensearch.xml dieser Seite verweisen (einfach in einem neuen Fenster öffnen).

Die Datei muss dann auf den Webserver geladen und wie im nächsten Schritt beschrieben verlinkt werden.

Schritt 2: Suche verlinken

Die OpenSearch-Beschreibung bindet man wie beispielsweise auch CSS-Datein über ein link-Tag im Head der Seite ein.

<link title="//dopefreshtightblog" type="application/opensearchdescription+xml"

rel="search" href="http://blog.dopefreshtight.de/opensearch.xml" />

Falls das alles nicht so selbsterklärend sein sollte, wie ich annehme, könnt ihr gerne Fragen dazu posten!

Die Möglichkeiten von OpenSearch gehen wie gesagt weit darüber hinaus und wir werden in unserem nächsten Podcast versuchen, eines davon zu erklären

Technorati Tags: opensearch, browser, firefox2.0, ie7

Mit allen IE-Versionen testen

Dennis — Thu, 09 Nov 2006 09:00:12 +0000

Der IE 7 ist jetzt schon einige Zeit zum Download verfügbar und mittlerweile gibt es auch eine offizielle deutsche Version des Browsers. Zwar lässt das automatische Update noch auf sich warten, doch schon jetzt besitzt der neueste Sprößling der IE-Familie einen stolzen Anteil von ca. 17% (unter allen IEs).

Um für die Zukunft gewappnet zu sein und Websites auch auf den alten Modellen der „Browserimitation“ (sehr schöne Umschreibung, Gerrit!) testen zu können, wollte ich kurz dieses Paket mit multiplen IE Versionen empfehlen. Läuft wunderbar zusätzlich zum frisch installierten IE 7 und auch die Conditional Comments für die alten Versionen funktionieren einwandfrei. Gutes Tool, mit dem das Bändigen des aufmüpfigen Browsers wenigstens etwas leichter fällt

Technorati Tags: browser, ie, ie7, multiple ie, internet explorer

Schöner Surfen ohne Candice

Dennis — Mon, 03 Jul 2006 16:08:04 +0000

Nachdem Microsoft seine Nutzer jahrelang ignoriert hat und es nicht für nötig befand, den hauseigenen Browser weiter zu entwickeln, fiel ihnen auf, dass der steigende Marktanteil anderer Browser (vornehmlich Firefox) zwangsläufig einen Rückgang des eigenen Marktanteils bedeutet. Das ist eher schlecht, also blickte man den harten Fakten ins Auge: Wir müssen das machen, was alle anderen schon zwei Jahre vor uns gemacht haben – denn die User haben sich mittlerweile dran gewöhnt, dass man viel bequemer mit Tabs durch’s Netz surfen kann, als für jede Website eine eigene Browserinstanz offen zu haben.

Außerdem sehen die Webseiten im IE auch nicht mehr so schön aus wie mit anderen Surfgeräten (Stichworte hier: Webstandards, PNG-Transparenz und CSS 2). Auch die Entwickler maulen rum, denn wer schon mal JavaScript mit dem IE debuggen musste, der weiss dass das ein Job ist, für den man auch ruhig die ein oder andere Überstunde einplanen kann.

Aber alles kein Problem, denn mit dem neuen IE soll alles besser werden – behauptet Microsoft. Da macht es auch nichts, dass der Browser immer noch nicht alle CSS 2-Spezifikationen erfüllt und selbst beim Release irgendwann Ende des Jahres den Kollegen Firefox, Opera und Safari hinterher hinkt. Um diese Defizite zu kaschieren braucht man ein gutes Marketing und da man bei Microsoft seine Nutzer offensichtlich auch noch für so primitiv hält, dass sie sich mit IKEA-Gutscheinen locken lassen, hat man Candice erfunden: Ein virtuelles Hausmädchen, welches den jahrelang fälligen Frühjahrsputz durchführt und uns erklären soll, warum der IE 7 denn so toll wird. Sie hängt die Bilder unserer Schmuddel-PCs direkt auf die spendierten Retro-Wallpaper und alles wird gut.

Mal im Ernst: Ist ein Unternehmen, dass den Anschluß im Browsermarkt in technischer Hinsicht schon lange verloren hat und dann solch eine Werbung macht eigentlich ernst zu nehmen?

Technorati Tags: browser, microsoft, ie7, candice, internet explorer