Diskuze: javascript - onResize

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

helyum

Neregistrovaný

helyum:25.4.2013 20:54

ahoj, mohl by jste mi někdo říct jak implementovat na article a section metody onResize?

Odpovědět

25.4.2013 20:54

Michael Olšavský

Tvůrce

Michael Olšavský:25.4.2013 21:00

Stejně jako k čemukoliv jinému.
Buďto

<article onresize="function()">
nebo
document.getElementById("").onresize=function();

Nahoru Odpovědět

25.4.2013 21:00

helyum

Neregistrovaný

helyum:25.4.2013 21:10

<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
        <meta charset="UTF-8">
                <link rel="stylesheet" type="text/css" href="style.css"/>
        <title>home</title>
        <script>
                function OnResize()
                {
                        alert("baf");
                }
        </script>
</head>

<body>
        <article  id="circle" onResize="OnResize()" >wpf</article>


</body>
</html>

tohle mi nějak nefunguje

Nahoru Odpovědět

25.4.2013 21:10

Michael Olšavský

Tvůrce

Michael Olšavský:25.4.2013 21:47

Tak já se omlouvám. Articel ani section není v podporovaných elementech. Buď to obal ještě něčím nebo na to udělej nějaký jiný skript. Zítra se na to podívám

Nahoru Odpovědět

25.4.2013 21:47

helyum

Neregistrovaný

helyum:25.4.2013 21:51

ok, díky

Nahoru Odpovědět

25.4.2013 21:51

helyum

Neregistrovaný

helyum:26.4.2013 21:32

tady jsem něco udělal sám, ale nefunguje to, myslem jsem že to element circle bude furt kruh

<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
        <meta charset="UTF-8">
                <link rel="stylesheet" type="text/css" href="styles/homepage_style.css"/>
                <script type="text/javascript" src="jquery-1.9.1.min.js"></script>

        <title>tutorials.net</title>
        <script>
                function Resize()
                {
                  var x= document.getElementById("circle").offsetWidth;
                  var y = document.getElementById("circle").offsetHeight;
                  if(x > y)
                  {
                        document.getElementById("circle").offsetWidth = x;
                  }
                  else if(x <y)
                  {
                        document.getElementById("circle").offsetHeight = y
                  }
                  else
                  {
                  }
                }
        </script>
</head>

<body onResize="Resize()">
        <div id="circle"></div>

</body>
</html>

Nahoru Odpovědět

26.4.2013 21:32

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:1.5.2013 20:18

Ach jo, nevím na co to máš, ale přeci jen jsem si nad to sedl a naprogramoval ti to:

<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
       <meta charset="UTF-8">
               <style>
                   #circle {
                       border-radius:100%;
                       background-color: yellow;
                       width:100%;
                       height:100%;
                       position:absolute;
                       top:0; left:0;
                   }
               </style>
       <title></title>
</head>

<body onresize="zmenVelikost()">
    <div id="circle"></div>
    <script>
        function zmenVelikost() {
            var kruh = document.getElementById("circle")
            var sirka = window.innerWidth
            var vyska = window.innerHeight
            if (vyska > sirka) {
                kruh.style.width = sirka + "px"
                kruh.style.height = sirka + "px"
            } else {
                kruh.style.height = vyska + "px"
                kruh.style.width = vyska + "px"
            }
        }
       </script>
</body>
</html>

Nahoru Odpovědět

1.5.2013 20:18

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:1.5.2013 20:27

nejseš ty ten gurmán co chtěl mít vycentrovanej horizontálně i vertikálně kruh, kterej se zvětšuje když roztahuješ okno ?

Nahoru Odpovědět

1.5.2013 20:27

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:1.5.2013 20:27

Nechci nějak rejpat, ale k čemu to děláš ?

Nahoru Odpovědět

1.5.2013 20:27

Neaktivní uživatelský účet

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:1.5.2013 20:55

zajmavé tam je to tutorials.net

že by náš borec snad psal nějaký tutorial, ktery mu tu v podstatě napíšeme my?

Nahoru Odpovědět

1.5.2013 20:55

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:2.5.2013 10:25

To si nemyslím, zatím není ani registrovaný, ale spíš bych řek že to nemá reálný použití

Nahoru Odpovědět

2.5.2013 10:25

Neaktivní uživatelský účet

Michal Žůrek - misaz

Tvůrce

Michal Žůrek - misaz:2.5.2013 14:19

Když chce psát na tutorials.net tak nemusí být registrovaný na devbooku.

Nahoru Odpovědět

2.5.2013 14:19

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:2.5.2013 14:21

Jo takhle, to jsem nějak nepobral, dobrý

Nahoru Odpovědět

2.5.2013 14:21

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:2.5.2013 14:22

To ne, to má podle mě spíš stažený

Nahoru Odpovědět

2.5.2013 14:22

Neaktivní uživatelský účet

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 14 zpráv z 14.