Categories
altri linguaggi webdev

La potenza dei Canvas

CanvasGraph è una libreria Javascript che permette di generare dinamicamente grafici sfruttando la potenza de tag HTML Canvas.

Nessun uso di GD, nessun uso di SVG! Stupendo.

Per vedere gli esempi siete obbligati ad avere un browser di ultima generazione come Firefox 1.5.

ciauz

Categories
altri linguaggi php webdev

Cheat Sheet

Sul blog di Peter Freitag è stata pubblicata una lista di tutti i principali cheat sheet per linguaggi di programmazione, applicazioni e css.

ciuaz

Categories
tecnologia

ie6 css crash

mi hanno fatto notare questo interessante bug di internet explorer 6

Hi,
the following HTML/JS/CSS-Code crashes IE6 immediately through a
combination of:
1. textarea in table in div
2. css:overflow-y:hidden
3. changing the scrollbar-base-color
4. moving the div

I think IE tries to move the native OS-scrollbar-widget, which is not in
place.

If point 3 is removed, the page works fine.

il codice incriminato è il seguente:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>CRASH-IE</title>
    <style type="text/css">
      html, body {
      overflow-y: hidden;
      scrollbar-base-color: '#330066';
      }
      
      .crash {
      position:absolute;
      left:200px;
      top:200px;
      width:200px;
      }

    </style>
    <script type="text/javascript">
function galgenfrist() {
      window.setTimeout('crashIE();',1000);
    }

function crashIE() {
    var moveNode = document.getElementById("move");
    if(moveNode) {
        moveNode.style.top = "100px";
        moveNode.style.left = "200px";
    }
}
    </script>
  </head>
  <body onload="galgenfrist();">
    <h1>CRASH-IE</h1>
    <div id="move" class="crash">
      <table>
        <tbody>
          <tr>
            <td>
              <textarea></textarea>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>