upload systeem resolvz.nl

Waarom zet je je javascript code in de body?

dit is mijn hele bestand
index.php

Spoiler tonen

<!DOCTYPE html>

<html>
    <head>
        <title>Which browser?</title>    
        <meta charset="UTF-8">
        <body>
        <p> test </p>
        </body>
        <script>
            (function(){var p=[],w=window,d=document,e=f=0;p.push(ua=+encodeURIComponent(navigator.userAgent));e|=w.ActiveXObject?1:0;e|=w.opera?2:0;e|=w.chrome?4:0;
            e|=getBoxObjectFor in d || mozInnerScreenX in w?8:0;e|=(WebKitCSSMatrix in w||WebKitPoint in w||webkitStorageInfo in w||webkitURL in w)?16:0;
            e|=(e&16&&({}.toString).toString().indexOf("n")===-1)?32:0;p.push(e=+e);f|=sandbox in d.createElement(iframe)?1:0;f|=WebSocket in w?2:0;
            f|=w.Worker?4:0;f|=w.applicationCache?8:0;f|=w.history && history.pushState?16:0;f|=d.documentElement.webkitRequestFullScreen?32:0;f|=FileReader in w?64:0;
            p.push(f=+f);p.push(r=+Math.random().toString(36).substring(7));p.push(w=+screen.width);p.push(h=+screen.height);var s=d.createElement(script);
            s.src=/detect.js? + p.join(&);d.getElementsByTagName(head)[0].appendChild(s);})();
        </script>
        
        <style>
        
            html {
                font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
                font-size: 1.1em;
            }

            body {
                background: #d9d9d9;
                text-align: center;
            }
            
            #container {
                background: #fff;
                width: 70%;
                margin: 100px auto 50px;
                padding: 30px;
                font-size: 3em;
            }
            
            #container small {
                display: block;
                margin-top: 2em;
                font-size: 0.3em;
                line-height: 150%;
            }

            a {
                color: #0092bf;
                text-decoration: none;
            }
            
            a:hover {
                text-decoration: underline;
            }

        
        </style>
    </head>
    
    <body>
        <div id=container></div>
        


        <script>

            function waitForWhichBrowser(cb) {
                var callback = cb;
                
                function wait() {
                    if (typeof WhichBrowser == undefined) 
                        window.setTimeout(wait, 100)
                    else 
                        callback();
                }
                
                wait();
            }


            waitForWhichBrowser(function() {
                var o = document.getElementById(container);
    
                try {
                    Browsers = new WhichBrowser({
                        useFeatures:        true,
                        detectCamouflage:    true
                    });
                
                    o.innerHTML = You are using  + Browsers + <br><hr><small> + navigator.userAgent + </small>;
                } catch (e) {
                    o.innerHTML = Oops, something went wrong:<br> <small> + e + </small>;
                }
            });
            
        </script>
    </body>
</html>

Ja dat kan iedereen zien, maar waarom in de body? De plek hoort in de head.

ok ik zal ernaar kijken
BTW als het goed is is die dev gefixt

Hij werkt

thx ik ga straks na eten weer verder werken
de layout aangepast zodat het wat mooier oogt

Leuk gemaakt Mobiel werkt ook prima

thx ik ga nog wat dingen proberen

dus kan zijn dat de tekst soms raar is
en als er iets is wat je graag zou willen zien of iets wat niet goed werkt
meld het effedan ga ik het proberen te fixen

Robindb schreef:

dit is mijn hele bestand
index.php

Spoiler tonen

<!DOCTYPE html>

<html>
    <head>
        <title>Which browser?</title>    
        <meta charset="UTF-8">
        <body>
        <p> test </p>
        </body>
        <script>
            (function(){var p=[],w=window,d=document,e=f=0;p.push(ua=+encodeURIComponent(navigator.userAgent));e|=w.ActiveXObject?1:0;e|=w.opera?2:0;e|=w.chrome?4:0;
            e|=getBoxObjectFor in d || mozInnerScreenX in w?8:0;e|=(WebKitCSSMatrix in w||WebKitPoint in w||webkitStorageInfo in w||webkitURL in w)?16:0;
            e|=(e&16&&({}.toString).toString().indexOf("n")===-1)?32:0;p.push(e=+e);f|=sandbox in d.createElement(iframe)?1:0;f|=WebSocket in w?2:0;
            f|=w.Worker?4:0;f|=w.applicationCache?8:0;f|=w.history && history.pushState?16:0;f|=d.documentElement.webkitRequestFullScreen?32:0;f|=FileReader in w?64:0;
            p.push(f=+f);p.push(r=+Math.random().toString(36).substring(7));p.push(w=+screen.width);p.push(h=+screen.height);var s=d.createElement(script);
            s.src=/detect.js? + p.join(&);d.getElementsByTagName(head)[0].appendChild(s);})();
        </script>
        
        <style>
        
            html {
                font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
                font-size: 1.1em;
            }

            body {
                background: #d9d9d9;
                text-align: center;
            }
            
            #container {
                background: #fff;
                width: 70%;
                margin: 100px auto 50px;
                padding: 30px;
                font-size: 3em;
            }
            
            #container small {
                display: block;
                margin-top: 2em;
                font-size: 0.3em;
                line-height: 150%;
            }

            a {
                color: #0092bf;
                text-decoration: none;
            }
            
            a:hover {
                text-decoration: underline;
            }

        
        </style>
    </head>
    
    <body>
        <div id=container></div>
        


        <script>

            function waitForWhichBrowser(cb) {
                var callback = cb;
                
                function wait() {
                    if (typeof WhichBrowser == undefined) 
                        window.setTimeout(wait, 100)
                    else 
                        callback();
                }
                
                wait();
            }


            waitForWhichBrowser(function() {
                var o = document.getElementById(container);
    
                try {
                    Browsers = new WhichBrowser({
                        useFeatures:        true,
                        detectCamouflage:    true
                    });
                
                    o.innerHTML = You are using  + Browsers + <br><hr><small> + navigator.userAgent + </small>;
                } catch (e) {
                    o.innerHTML = Oops, something went wrong:<br> <small> + e + </small>;
                }
            });
            
        </script>
    </body>
</html>

Waarom index.php?
Noem het index.html, als er geen php in zit.
Dat is een stuk beter, netter en overzichtelijker.

er zit juist wel php in
nu werkt het nog gewoon

en site heeft nu background

In de code in die spoiler zit geen php.

gedaan

Bij mij staat het nog niet goed:

Ik heb geen Chrome 34, maar Chrome 34.0.1847.116

Wouterr schreef:

Bij mij staat het nog niet goed:

Afbeelding

Ik heb geen Chrome 34, maar Chrome 34.0.1847.116

Ik ook, haha maar verder prima

Wouterr schreef:

Bij mij staat het nog niet goed:

Afbeelding

Ik heb geen Chrome 34, maar Chrome 34.0.1847.116

kijk eens onder die grote tekst daar staat de hele versie nummer
dit