ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingรบกวนสอบถามครับ เวลารันบนบราวเซอร์ แล้วหน้าจอสีขาว
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: รบกวนสอบถามครับ เวลารันบนบราวเซอร์ แล้วหน้าจอสีขาว  (อ่าน 570 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
carambola
Newbie
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 28



ดูรายละเอียด
« เมื่อ: 02 มีนาคม 2017, 10:15:34 »

รบกวนสอบถามครับ เวลารันบนบราวเซอร์ แล้วหน้าจอสีขาว ไม่มีอะไรแสดงเลยครับ เวลาเอาเมาท์เลื่อนไปทั่วๆจอ บางจุดบนจอที่เกี่ยวกับลิงค์ สามารถคลิ๊กได้ครับ ทำยังไงให้ทุกอย่างแสดงเนื้อหาออกมาหมดครับ
นี่เป็นsource code ครับ

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l=' l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id=' i dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KQTHH2');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8"><script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,t,n){function r(n){if(!t[n]){var o=t[n]={exports:{}};e[n][0].call(o.exports,function(t){var o=e[n][1][t];return r(o||t)},o,o.exports)}return t[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o  )r(n
  • );return r}({1:[function(e,t,n){function r(){}function o(e,t,n){return function(){return i(e,[(new Date).getTime()].concat(u(arguments)),t?null:this,n),t?void 0:this}}var i=e("handle"),a=e(2),u=e(3),c=e("ee").get("tracer"),f=NREUM;"undefined"==typeof window.newrelic&&(newrelic=f);var s=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",p=l "ixn-";a(s,function(e,t){f[t]=o(l t,!0,"api")}),f.addPageAction=o(l "addPageAction",!0),f.setCurrentRouteName=o(l "routeName",!0),t.exports=newrelic,f.interaction=function(){return(new r).get()};var d=r.prototype={createTracer:function(e,t){var n={},r=this,o="function"==typeof t;return i(p "tracer",[Date.now(),e,n],r),function(){if(c.emit((o?"":"no-") "fn-start",[Date.now(),r,o],n),o)try{return t.apply(this,arguments)}finally{c.emit("fn-end",[Date.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(e,t){d[t]=o(p t)}),newrelic.noticeError=function(e){"string"==typeof e&&(e=new Error(e)),i("err",[e,(new Date).getTime()])}},{}],2:[function(e,t,n){function r(e,t){var n=[],r="",i=0;for(r in e)o.call(e,r)&&(n=t(r,e[r]),i =1);return n}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],3:[function(e,t,n){function r(e,t,n){t||(t=0),"undefined"==typeof n&&(n=e?e.length:0);for(var r=-1,o=n-t||0,i=Array(o<0?0:o);  r<o;)i[r]=e[t r];return i}t.exports=r},{}],ee:[function(e,t,n){function r(){}function o(e){function t(e){return e&&e instanceof r?e:e?c(e,u,i):i()}function n(n,r,o){if(!p.aborted){e&&e(n,r,o);for(var i=t(o),a=v(n),u=a.length,c=0;c<u;c  )a[c].apply(i,r);var f=s[w[n]];return f&&f.push([y,n,r,i]),i}}function d(e,t){b[e]=v(e).concat(t)}function v(e){return b[e]||[]}function g(e){return l[e]=l[e]||o(n)}function m(e,t){f(e,function(e,n){t=t||"feature",w[n]=t,t in s||(s[t]=[])})}var b={},w={},y={on:d,emit:n,get:g,listeners:v,context:t,buffer:m,abort:a,aborted:!1};return y}function i(){return new r}function a(){(s.api||s.feature)&&(p.aborted=!0,s=p.backlog={})}var u="nr@context",c=e("gos"),f=e(2),s={},l={},p=t.exports=o();p.backlog=s},{}],gos:[function(e,t,n){function r(e,t,n){if(o.call(e,t))return e[t];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return e[t]=r,r}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],handle:[function(e,t,n){function r(e,t,n,r){o.buffer([e],r),o.emit(e,t,n)}var o=e("ee").get("handle");t.exports=r,r.ee=o},{}],id:[function(e,t,n){function r(e){var t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===window?0:a(e,i,function(){return o  })}var o=1,i="nr@id",a=e("gos");t.exports=r},{}],loader:[function(e,t,n){function r(){if(!h  ){var e=y.info=NREUM.info,t=l.getElementsByTagName("script")[0];if(setTimeout(f.abort,3e4),!(e&&e.licenseKey&&e.applicationID&&t))return f.abort();c(b,function(t,n){e[t]||(e[t]=n)}),u("mark",["onload",a()],null,"api");var n=l.createElement("script");n.src="https://" e.agent,t.parentNode.insertBefore(n,t)}}function o(){"complete"===l.readyState&&i()}function i(){u("mark",["domContent",a()],null,"api")}function a(){return(new Date).getTime()}var u=e("handle"),c=e(2),f=e("ee"),s=window,l=s.document,p="addEventListener",d="attachEvent",v=s.XMLHttpRequest,g=v&&v.prototype;NREUM.o={ST:setTimeout,CT:clearTimeout,XHR:v,REQ:s.Request,EV:s.Event,PR:s.Promise,MO:s.MutationObserver},e(1);var m="" location,b={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1016.min.js"},w=v&&g&&g[p]&&!/CriOS/.test(navigator.userAgent),y=t.exports={offset:a(),origin:m,features:{},xhrWrappable:w};l[p]?(l[p]("DOMContentLoaded",i,!1),s[p]("load",r,!1)):(l[d]("onreadystatechange",o),s[d]("onload",r)),u("mark",["firstbyte",a()],null,"api");var h=0},{}]},{},["loader"]);</script>
<title>Touratech Suspension</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<link rel="icon" href="https://www.touratech.co.th/images/icon_link/icon_01.png " type="image/x-icon" />
<link rel="shortcut icon" href="https://www.touratech.co.th/images/icon_link/icon_01.png " type="image/x-icon" />
<style>body{opacity:0;}body.stylesheets-loaded{opacity:1;}</style>
</head>
<body class=" catalog-category-view categorypath-suspension-html category-suspension intro" ng-controller="ApplicationController as ctrl" layout="column">

<header class="toolbar" ng-controller="ToolbarController as ctrl" ng-class="{search: showSearchInput}">
    <div class="container-logo">
        <a class="logo" href="/suspension"></a>
    </div>
        <div class="container-tools" ng-controller="SearchController as ctrl">
    <div>
        <form class="form-search">
            <input
                ng-model="ctrl.query"
                ng-change="ctrl.queryChangeHandler()"
                ng-model-options="{debounce: 250}"
                ng-blur="ctrl.hideSuggestions()"
                ng-focus="ctrl.showSuggestions()"
                ng-keyup="ctrl.keyupListener($event)"
                id="form-search-input"
                class="style-alex"
                type="search"
                placeholder="Search"
                autocomplete="off">
            <md-button
                ng-click="ctrl.toggleSearch()"
                class="md-icon-button"
                aria-label="Search">
                <md-icon class="search-icon" md-svg-icon="https://cdn2.iconfinder.com/da...1-015_search_zoom_find-512.png "></md-icon>
            </md-button>
        </form>
    </div>
    <div
        class="factfinder-suggest"
        ng-if="ctrl.factfinderSuggestEnabled && ctrl.suggestionsVisible">
        <ul layout="row" layout-wrap>
            <!-- SEARCHTERMS -->
            <li
                ng-if="ctrl.suggestions.searchTerm"
                layout="column"
                ng-cloak>
                <h2 class="md-headline">Search Terms</h2>
                <ul class="suggestions-searchterms">
                    <li ng-repeat="term in ctrl.suggestions.searchTerm">
                        <a
                            href=""
                            layout="row"
                            layout-align="space-between"
                            ng-click="ctrl.startSearch(term)">
                            <span>{{term.name}}</span>
                            <strong>{{term.hitCount}}</strong>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div></header>
<script>
    window.factfinderSuggestEnabled = 1;
</script>

<md-content
    flex
    id="main"
    class="main"
    layout-gt-xs="row"
    layout-xs="column"
    ng-controller="IntroController as ctrl">
    <ul
        class="tiles"
        layout-sm="column"
        layout-gt-sm="row"
        flex-gt-xs="80"
        flex-order-xs="1">
                                <li
                class="tile tile-lg travel"
                flex-gt-sm="33"
                flex-sm="100"
                layout="row"
                layout-align="stretch stretch"
                style="border-bottom-color:#ffdc04;">
                <style>
                    .suspension_banner_category100001 {
                        background-image: url(http://d14xxjt463nuaj.cloudfro.../catalog/category/travel_2.jpg );
                    }

                                            @media (min-width: 600px) and (max-width: 959px) {
                            .suspension_banner_category100001 {
                                background-image: url(https://d14xxjt463nuaj.cloudfr...ory/640x430_Start-Travel_1.jpg );
                            }
                        }
                   
                                            @media (max-width: 599px) {
                            .suspension_banner_category100001 {
                                background-image: url(https://d14xxjt463nuaj.cloudfr...ory/570x600_Start-Travel_1.jpg );
                            }
                        }
                                    </style>
                <a
                    flex
                    href="https://shop.touratech.de/suspension/travel.html "
                    layout="column"
                    layout-align="stretch stretch">
                    <div
                        class="bg-image suspension_banner_category100001"
                        flex="100"
                        layout="row"
                        layout-align="center end">
                        <h2 flex="100">Travel</h2>
                    </div>
                </a>
            </li>
                                <li
                class="tile tile-lg travel"
                flex-gt-sm="33"
                flex-sm="100"
                layout="row"
                layout-align="stretch stretch"
                style="border-bottom-color:#d10a10;">
                <style>
                    .suspension_banner_category100002 {
                        background-image: url(https://d14xxjt463nuaj.cloudfr...gory/Start_Competition_neu.jpg );
                    }

                                            @media (min-width: 600px) and (max-width: 959px) {
                            .suspension_banner_category100002 {
                                background-image: url(https://d14xxjt463nuaj.cloudfr...x430_Start-Competition_neu.jpg );
                            }
                        }
                   
                                            @media (max-width: 599px) {
                            .suspension_banner_category100002 {
                                background-image: url(https://d14xxjt463nuaj.cloudfr...00_Start-Competition_neu_1.jpg );
                            }
                        }
                                    </style>
                <a
                    flex
                    href="https://shop.touratech.de/suspension/competition.html "
                    layout="column"
                    layout-align="stretch stretch">
                    <div
                        class="bg-image suspension_banner_category100002"
                        flex="100"
                        layout="row"
                        layout-align="center end">
                        <h2 flex="100">Competition</h2>
                    </div>
                </a>
            </li>
                                <li
                class="tile tile-lg travel"
                flex-gt-sm="33"
                flex-sm="100"
                layout="row"
                layout-align="stretch stretch"
                style="border-bottom-color:#935c13;">
                <style>
                    .suspension_banner_category100003 {
                        background-image: url(https://d14xxjt463nuaj.cloudfr...y/Startseite_Urban_neu_4_1.jpg );
                    }

                                            @media (min-width: 600px) and (max-width: 959px) {
                            .suspension_banner_category100003 {
                                background-image: url(https://d14xxjt463nuaj.cloudfr...gory/640x430_Start-Urban_1.jpg );
                            }
                        }
                   
                                            @media (max-width: 599px) {
                            .suspension_banner_category100003 {
                                background-image: url(https://d14xxjt463nuaj.cloudfr...gory/570x600_Start-Urban_1.jpg );
                            }
                        }
                                    </style>
                <a
                    flex
                    href="https://shop.touratech.de/suspension/urban.html "
                    layout="column"
                    layout-align="stretch stretch">
                    <div
                        class="bg-image suspension_banner_category100003"
                        flex="100"
                        layout="row"
                        layout-align="center end">
                        <h2 flex="100">Urban</h2>
                    </div>
                </a>
            </li>
       
    </ul>
    <section
        class="tile tile-lg no-border"
        hide-gt-xs
        flex-order-xs="2">
        <footer class="footer">
    <p><a title="Contact" href="https://shop.touratech.de/suspension/contact " target="_self">Contact</a> <a title="Imprint" href="https://shop.touratech.de/imprint " target="_self">Imprint</a></p>    </footer>    </section>
    <section
        flex
        class="tile tile-lg no-border tools"
        flex-gt-xs="20"
        layout="column"
        layout-align="stretch stretch">
        <div
            hide-xs
            class="suspension-logo"
            layout="row"
            layout-align="center start">
            <h1>
                <img class="logo" src="xml/tt_suspension_logo.svg">
                <span>Touratech Suspension</span>
            </h1>
        </div>
        <div class="storeswitch"
     layout="row"
     layout-align="center">
                                                <div><a href="https://shop.touratech.de/suspension/?___store=default ">TH</a></div>
                                                        <div class="active"><a href="https://shop.touratech.de/suspension/ ">EN</a></div>
                                                </div>        <div hide-xs ng-controller="SearchController as ctrl"><div class="container-tools" ng-controller="SearchController as ctrl">
    <div>
        <form class="form-search">
            <input
                ng-model="ctrl.query"
                ng-change="ctrl.queryChangeHandler()"
                ng-model-options="{debounce: 250}"
                ng-blur="ctrl.hideSuggestions()"
                ng-focus="ctrl.showSuggestions()"
                ng-keyup="ctrl.keyupListener($event)"
                id="form-search-input"
                class="style-alex"
                type="search"
                placeholder="Search"
                autocomplete="off">
            <md-button
                ng-click="ctrl.toggleSearch()"
                class="md-icon-button"
                aria-label="Search">
                <md-icon class="search-icon" md-svg-icon="https://d14xxjt463nuaj.cloudfr...fault/images/icons/magnify.svg "></md-icon>
            </md-button>
        </form>
    </div>
    <div
        class="factfinder-suggest"
        ng-if="ctrl.factfinderSuggestEnabled && ctrl.suggestionsVisible">
        <ul layout="row" layout-wrap>
            <!-- SEARCHTERMS -->
            <li
                ng-if="ctrl.suggestions.searchTerm"
                layout="column"
                ng-cloak>
                <h2 class="md-headline">Search Terms</h2>
                <ul class="suggestions-searchterms">
                    <li ng-repeat="term in ctrl.suggestions.searchTerm">
                        <a
                            href=""
                            layout="row"
                            layout-align="space-between"
                            ng-click="ctrl.startSearch(term)">
                            <span>{{term.name}}</span>
                            <strong>{{term.hitCount}}</strong>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div></div>
        <div
    flex-xs="100"
    flex-sm="40"
    flex-gt-sm="25"
    ng-controller="BikefinderController as ctrl"
    ng-cloak
    md-theme="dark"
    id="filter-options"
    class="filter-options">
    <div class="box-bikefinder grey">
        <h3>Select motorbike</h3>
        <md-input-container class="md-block">
            <label>Choose manufacturer...</label>
            <md-select
                ng-change="ctrl.saveBikefinder()"
                ng-model="ctrl.filterQuery.attributes.tt_bikemanufacturer">
                <md-option
                    ng-repeat="manufacturer in ctrl.bikefinderOptions.manufacturers | orderBy: 'toString()'">{{manufacturer}}</md-option>
            </md-select>
        </md-input-container>
        <md-input-container class="md-block">
            <label>Choose model...</label>
            <md-select
                ng-change="ctrl.saveBikefinder()"
                ng-model="ctrl.filterQuery.attributes.tt_biketype">
                <md-option
                    ng-repeat="model in ctrl.bikefinderOptions.types | orderBy: 'toString()' | ModelManufacturerFilter: ctrl.filterQuery.attributes.tt_bikemanufacturer">{{model}}</md-option>
            </md-select>
        </md-input-container>
        <md-input-container class="md-block">
            <label>Choose category...</label>
            <md-select
              ng-model="ctrl.selectedCategoryId">
              <md-option
                ng-value="category.id"
                ng-repeat="category in ctrl.categories">{{category.name}}</md-option>
            </md-select>
        </md-input-container>
        <!--<md-input-container class="md-block">
          <label mage-translate="Search Model"></label>
          <input
            ng-change="ctrl.saveBikefinder()"
            ng-model-options="{debounce:200}"
            ng-model="ctrl.filterQuery.attributes.$">
        </md-input-container>-->
        <div layout="row" layout-align="space-between">
            <md-button class="md-raised md-primary" ng-click="ctrl.resetBikefinder()"><span>Reset</span></md-button>
            <md-button class="md-raised md-primary" ng-click="ctrl.searchByBikefinder()"><span>Search</span></md-button>
        </div>
    </div>
</div>
</div>
        <div class="link-list" layout="row" layout-align="space-around" hide-xs>
            <p><a title="Contact" href="https://shop.touratech.de/suspension/contact " target="_self">Contact</a> <a title="Imprint" href="https://shop.touratech.de/imprint " target="_self">Imprint</a></p>        </div>
    </section>
</md-content>


<script id="systemjs" src="javafolder/system.js"></script>
<script src="javafolder/system2.js"></script>
<script>
    System.config({
        baseURL: '/skin/frontend/suspension/default/app',
        defaultJSExtensions: true,
        app: {
            defaultExtension: 'js',
            format: 'register'
        }
    });
    System.import('app');
</script>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"9f7efb48b3","applicationID":"29949802","transactionName":"ZQNXZBBSCEsHUBVYCVxJdFMWWglWSVAARQdeCVIfAVISXQFcE0hJRA9QRw==","queueTime":0,"applicationTime":96,"atts":"SURUElhIG0U=","errorBeacon":"bam.nr-data.net","agent":""}</script></body>
</html>

ท่านใดพอจะช่วยได้บ้างครับ ขอบพระคุณอย่างสูงครับ
บันทึกการเข้า
snohomish
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 111



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 02 มีนาคม 2017, 10:25:21 »

 
โค๊ด:
<style>body{opacity:0;}body.stylesheets-loaded{opacity:1;}</style>

ลองแก้เป็น opacity:1 ดูครับ
บันทึกการเข้า
carambola
Newbie
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 28



ดูรายละเอียด
« ตอบ #2 เมื่อ: 03 มีนาคม 2017, 08:09:39 »

โค๊ด:
<style>body{opacity:0;}body.stylesheets-loaded{opacity:1;}</style>

ลองแก้เป็น opacity:1 ดูครับ

ลืมบอกไปว่า ผมลองแก้เปลี่ยน opacity แล้วครับ แต่ทุกอย่างแค่แสดงบน dreamweaver  แต่พอรันบน server มันว่างเปล่าไม่มีอะไรซักตัวเลยครับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์