matblog
Home Header
Homepage » Artikel mit Tag javascript

  • Montag, 7. August 2006, 14:17
  • Richtiges Browserverhalten
  • Kategorie: Programming , JavaScript
  • Um dem IE5 und dem IE6 die Webstandards ein bißchen näher zu bringen gibt es von Dean Edwards ein Script namens IE7 . Setzt man dieses ein, kann man auf die so genannten CSS-Hacks vollkommen verzichten, denn der IE hält die vom W3C erarbeiteten Standards ein.

    Folgende Features erhält man:

    - supports the following CSS selectors:
    - namespace|selector
    - parent > child
    - adjacent + sibling
    - adjacent ~ sibling
    - [attr], [attr="value"], [attr~="value"] etc
    - .multiple.classes (fixes bug)
    - :hover, :active, :focus (for all elements)
    - :first-child, :last-child, only-child, nth-child, nth-last-child
    - :check, :disabled, :enabled
    - :root, :empty, :contains(), :not()
    - :before/:after/content:
    - :lang()
    - works with both HTML and XML documents
    - supports imported style sheets
    - preserves the cascade of the style sheet
    - does not alter the document structure
    - does not repeatedly query the DOM tree using JavaScript
    - uses pure CSS to enforce style sheet rules
    - supports the W3C box model in both standards and quirks mode
    - supports fixed positioning (flicker free)
    - supports overflow:visible
    - supports min/max-width/height
    - fixes broken (X)HTML elements (abbr, object)
    - standardies forms behavior
    - supports PNG alpha transparency
    - lightweight script (22K)
    - completely modular (add/remove fixes)
    - works for Microsoft Internet Explorer 5+ (Windows only)


    Der Nachteil ist natürlich, dass der Client JavaScript aktiviert haben muss. Wenn ich mir gerade Firmen ansehe, die nur den IE auf den Rechnern haben und Admins die Scripting generell deaktivieren...

    Eingebunden wird das Ganze folgendermaßen:




    Dies beruht auf einem Bug/Feature des IE namens Conditional Comments . Der IE parst auch Code innerhalb eines Kommentars, andere Browser nicht. Das heißt, dass auch nur der IE diesen ausführt. [if lt IE 7] bedeutet, dass dieser Code nur von Browsern kleiner als IE7 ausgeführt werden soll. Dies kann man natürlich dementsprechend für die Version anpassen, die man braucht.
  • yigg Logo Yigg this! | yigg Logo del.icio.us | Mr. Wong Logo Wong it!

    Eintrag per eMail verschicken

    Kommentare (0) ⇒ Kommentar schreiben
    Trackback (1) ⇒ Trackback für spezifische URI dieses Eintrags
    Tags für diesen Artikel: , , , , , , , ,
  •  
  • Freitag, 23. Juni 2006, 17:03
  • FJAX
  • Kategorie: Internet , Webseiten , AJAX , Web2.0
  • Error.
    Mit FJAX stellen die Hexatrope Creative Studios, LLC eine neue Entwicklungsumgebung für den asynchronen Aufruf von Daten zur Verfügung.

    An Stelle von hunderten Zeilen JavaScript-Code zum Absetzen von asynchronen Requests soll nun eine Flash-Engine in Verbindung mit JavaScript seinen Dienst tuen.

    Das geht ungefähr so. Beim Aufruf der URL schickt der Server das Grundgerüst der Seite, inklusive JavaScript Library und 1x1 Px embedded Flash-Player an den Client. Klickt der User nun auf einen Link wird dieser von JavaScript abgefangen und leitet diesen an den Flash-Player weiter. Die Flash-Engine sorgt dann wiederum für die Kommunikation mit dem Server, empfängt die XML-Daten und gibt diese an eine JavaScript-Funktion weiter, die dann die erforderlichen Daten auf der Seite austauscht.

    Der Hersteller hat Flash aus dem Grund gewählt, da Flash über eine hervoragende Eigenschaft verfüge Daten zu parsen. Das downloadbare SDK nimmt insgesamt nicht mehr als 4kb ein.

    Wie man jedoch an dem Bild oben sehen kann, scheint die Anwendung bisher noch nicht ganz ausgereift zu sein. Wahrscheinlich liegt es an der Masse der Zugriffe, die die Seite im Moment erfährt. Wohl noch kein Web 2.0 Blog, das die Seite nicht auf seinem Screen hat. Und die Tatsache, dass die Seite bei diggdot und slashdot geführt wird, tut wohl sein übriges.

    Ich würde es ja gerne ausprobieren, aber leider komme ich nicht an das SDK ran. Schau mer mal.
  • yigg Logo Yigg this! | yigg Logo del.icio.us | Mr. Wong Logo Wong it!

    Eintrag per eMail verschicken

    Kommentare (0) ⇒ Kommentar schreiben
    Trackbacks (0) ⇒ Trackback für spezifische URI dieses Eintrags
    Tags für diesen Artikel: , , , , , , ,
  •  
  • Montag, 5. Juni 2006, 21:50
  • Einige matblog Updates
  • Kategorie: In eigener Sache
  • Ab und zu muß man ja den Kopf mal freikriegen. Wenn man wie ich jetzt das ganze Wochenende an seiner Diplomarbeit saß und sich mit dem Thema "Was ist Web 2.0" rumgequält hat (wobei ein "Experte" was anderes sagt als der Nächste), kann man sich am besten damit ablenken ein paar "Verbesserungen" in sein Blog einzubauen.

    DIN-A-Testbild.
    First of all "Die Sache mit den Bildern". Wenn ich dem so glauben schenken mag, was mir so zugetragen wurde, war nicht Jedem klar, dass man sich die geposteten Bilder auch in einer Großansicht ansehen kann. Zu verwirrend ist wohl die Tatsache, dass wenn man über die Bilder fährt, eine größere Darstellung der selben am Mousezeiger erscheint. Allerdings ist ein Klick auf das Bild doch gar nicht so schwer, oder? Aus diesem Grund werden die Bilder jetzt von einer Lupe begleitet. Auch die ist verlinkt, also Bilder jetzt in Zukunft auch in GROß ansehen.

    Die zweite Neuerung ist, dass sich Bilder nun nicht mehr in einem PopUp öffnen, sondern in einem Layer über der Seite. Realisiert wurde dies mit einer JavaScript Bibliothek namens Lightbox . Nachteil hiervon ist natürlich, dass bei einer onLoad-Einbindung von JavaScript erst die ganze Seite geladen sein muss, damit dies funktioniert. Wenn also YouTube oder sonstiger embedded Content mal wieder zu lange braucht um geladen zu sein, öffnet sich das Bild nun im selben Fenster und nur ein Klick auf den Back-Button bringt Euch das matblog wieder. Der Vorteil jedoch ist, dass das Bild jetzt ordnungsgemäß verlinkt ist. Leute die das matblog nur in einem Feedreader lesen bekommen nun den richtigen Link zum Bild.
    Der Layer lässt sich übrigens wieder schließen, wenn man auf das Bild klickt, das kleine X am rechten Rand klickt oder auf der Tastatur den Buchstaben X drückt.
    Wenn Jemand damit ein Problem haben sollte (rein technisch natürlich), bitte einen Kommentar hinterlassen.

    Und wer den Text aufmerksam gelesen hat, der hat auch gesehen, dass normale Textlinks Zuwachs bekommen haben. weißt jetzt auf eine Möglichkeit hin das matblog schnell wieder zu verlassen.

    So, dass soll für's Erste reichen, ich schau mir jetzt Wallander an.
  • yigg Logo Yigg this! | yigg Logo del.icio.us | Mr. Wong Logo Wong it!

    Eintrag per eMail verschicken

    Kommentare (0) ⇒ Kommentar schreiben
    Trackbacks (0) ⇒ Trackback für spezifische URI dieses Eintrags
    Tags für diesen Artikel: , , , , , ,
  •  
(Seite 1 von 2, insgesamt 11 Einträge)             nächste Seite