Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <title></title> <script type="text/javascript"> function getSupportedTransform() { var prefixes = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '); for(var i = 0; i < prefixes.length; i++) { if(document.createElement('div').style[prefixes[i]] !== undefined) {return prefixes[i];} } return false; } function resize() { var d = document.getElementById('obsah_stranek'); var zvetseni = 50; var scale = zvetseni / 100; if (getSupportedTransform() || ('zoom' in d.style)) { if ('zoom' in d.style) {d.style.zoom = zvetseni+"%";} else { d.style.TransformOrigin = d.style.MsTransformOrigin = d.style.WebkitTransformOrigin = d.style.MozTransformOrigin = d.style.OTransformOrigin = '0px 0px'; d.style.transform = d.style.MsTransform = d.style.WebkitTransform = d.style.MozTransform = d.style.OTransform = 'scale('+scale+','+scale+')'; } } } </script> </head> <body onload="resize();"> <div id="obsah_stranek" style="position: absolute; left: 0px; top: 0px; width: 1024px; height: 768px; background-color: #000000; color: #ffffff;"> <select style="position: absolute; left: 200px; top: 200px; width: 300px;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </script> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>