View RSS Feed

molendijk

  1. Loading files into divs having a custom src attribute

    The HTML src attribute supports frame, iframe, img, input and script elements. It does not support the div element. But HTML 5 gives us the "data" attribute that lets us define custom attributes within HTML elements. We can create whatever we want: <div data-brand=..., <div data-mymusic=... etc. So we can also have <div data-src=...

    We can retrieve the value of the "data-" attributes by using getAttribute() and then use the output in all sorts of javascript ...

    Updated 08-16-2014 at 11:33 PM by molendijk

    Categories
    Uncategorized
  2. From frameset to hashchange

    In the old days, many designers used frames within framesets to present documents in multiple views. This allowed them to modify the menu for the whole site by just updating the page in the navigation frame. And visitors could go from one (content) page to another without causing a page (re)load in the navigation frame (or another frame).

    Framesets were abandoned when people started to realize that their benefits didn't outweight their numerous problems and that other ways of updating ...
    Categories
    Uncategorized
  3. Custom alerts

    It is surprisingly easy to create iframes that go on top of windowed elements (Flash, select boxes etc.):
    Code:
    <iframe name="ifr" style="position:relative; z-index:10000; background: white" onload="frames['ifr'].document.body.innerHTML='This is an iframe that overlays windowed elements if the zindex is high enough'"></iframe>
    The onload-part will cause the text to overlay any windowed element if the zindex is high enough (except in Safari). Position: ...

    Updated 08-09-2014 at 04:52 PM by molendijk

    Categories
    Uncategorized