SVG – Eine feine Sache

https://www.w3.org/TR/SVG/struct.html

https://www.w3.org/TR/SVG

This specification defines the features and syntax for Scalable Vector Graphics (SVG) Version 1.1, a modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML. ­čÖé

Damit kann man coole Image-Maps machen. ­čÖé

https://wiki.selfhtml.org/wiki/SVG/Anwendung_und_Praxis/responsive_Imagemaps

https://wiki.selfhtml.org/wiki/SVG/Elemente/Grundformen

Allerdings kann man nicht einfach per jQuery oder den bekannten Dom-Funktionen per JavaScript darauf zugreifen.

http://stackoverflow.com/questions/2544686/how-to-make-chrome-redraw-svg-dynamically-added-content

Man muss mit den *NS-Funktionen arbeiten. (NS=NameSpace)
(https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute)

Und was ist die ViewBox?

http://stackoverflow.com/questions/15335926/svg-viewbox-attribute

Doppeltes Abschicken von Formularen unterbinden

Nur eine Idee oder Gedankenansto├č, wie man das doppelte Abschicken von Request auf relativ einfache Art unterbinden kann.

<div id="unloadoverlay"></div>
<script type="text/javascript">
  onbeforeunload = function () {
    $("unloadoverlay").focus();
    $("unloadoverlay").addClassName("phase1");
    (function () {
      $("unloadoverlay").addClassName("phase2");
    }).delay(0.25);
    (function () {
      $("unloadoverlay").removeClassName("phase1");
      $("unloadoverlay").removeClassName("phase2");
    }).delay(10);
  }
</script>

Anmerkungen: Ich habe prototype.js auf der Seite eingebunden.

Idee: Sobald der Browser versucht eine neue Seite zu laden, wird ein DIV ├╝ber die ganze Seite gelegt und somit ein weiterer Klick auf die Seite oder Buttons abgefangen.

Hier noch die entsprechenden Styles dazu.

#unloadoverlay {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
#unloadoverlay.phase1 {
  display: block;
}
#unloadoverlay.phase2 {
  cursor: wait;
}