Home Php C# Sql C C++ Javascript Python Java Go Android Git Linux Asp.net Django .net Node.js Ios Xcode Cocoa Iphone Mysql Tomcat Mongodb Bash Objective-c Scala Visual-studio Apache Elasticsearch Jar Eclipse Jquery Ruby-on-rails Ruby Rubygems Android-studio Spring Lua Sqlite Emacs Ubuntu Perl Docker Swift Amazon-web-services Svn Html Ajax Xml Java-ee Maven Intellij-idea Rvm Macos Unix Css Ipad Postgresql Css3 Json Windows-server Vue.js Typescript Oracle Hibernate Internet-explorer Github Tensorflow Laravel Symfony Redis Html5 Google-app-engine Nginx Firefox Sqlalchemy Lucene Erlang Flask Vim Solr Webview Facebook Zend-framework Virtualenv Nosql Ide Twitter Safari Flutter Bundle Phonegap Centos Sphinx Actionscript Tornado Register | Login | Edit Tags | New Questions | 繁体 | 简体


10 questions online user: 48

0
votes
answers
26 views
+10

下拉菜單響應緩慢,懸停消失

1

我的下拉導航只有這個頁面有問題。導航上的響應時間非常緩慢,下拉菜單會在懸停時立即顯示,但很快會消失。我不確定它是否與下面的主要元素有關,或者不是。如果您有任何見解或幫助,那就太好了。我是一個圖形專業,而不是網絡,所以這不是我的專長。下拉菜單響應緩慢,懸停消失

body{ 
 
	 background-color: white; 
 
} 
 

 

 
#page-wrapper{ 
 
	 margin-left: auto; 
 
	 margin-right: auto; 
 
	 width: 960px; 
 
	 height: auto; 
 
	 background-image: url(Images/brick-wall-2209991.jpg); 
 
	 background-repeat: repeat-y; 
 
} 
 

 
li { 
 
	 text-align: center; 
 
	 display: inline; 
 
} 
 

 
a { 
 
    text-decoration: none; 
 
} 
 

 
.span01,.span02,.span03,.span04,.span05,.span06,.span07,.span08,.span09,.span10,.span11,.span12 
 
{ 
 
	 display: inline; 
 
	 float: left; 
 
	 margin-left: 10px; 
 
	 margin-right: 10px; 
 
} 
 

 
.first-child{ 
 
	 margin-left: 0; 
 
} 
 

 
.last-child{ 
 
	 margin-right: 0; 
 
} 
 

 
.span01 { 
 
	 width: 60px; 
 
} 
 

 
.span02 { 
 
	 width: 140px; 
 
} 
 

 
.span03 { 
 
width: 220px; 
 
} 
 

 
.span04 { 
 
width: 300px; 
 
} 
 

 
.span05 { 
 
width: 380px; 
 
} 
 

 
.span06 { 
 
width: 460px; 
 
} 
 

 
.span07 { 
 
width: 540px; 
 
} 
 

 
.span08 { 
 
width: 620px; 
 
} 
 

 
.span09 { 
 
width: 700px; 
 
} 
 

 
.span10 { 
 
width: 780px; 
 
} 
 

 
.span11 { 
 
width: 860px; 
 
} 
 

 
.span12 { 
 
width: 940px; 
 
} 
 

 
.reset{ 
 
	 clear: both; 
 
	 display: block; 
 
	 overflow: hidden; 
 
	 visibility: hidden; 
 
	 width: 0px; 
 
} 
 

 

 

 
.header {height: 115px; 
 
	 	 background-color: #1e241b; 
 
	 	 width: 960px; 
 
} 
 

 
/********Navigation********/ 
 

 
ul { margin-right: 20px;} 
 

 
li {text-align: center; 
 
	 display: inline; 
 
	 font-family: 'Josefin Sans', sans-serif; 
 
	 font-size: 14pt; 
 
	 text-transform: uppercase; 
 
	 font-weight: bold; 
 
	 letter-spacing: 1px; 
 
	 color: #d98a79; 
 
	 
 
    } 
 
li a:link {color: #d98a79;} 
 

 
li a:visited { 
 
    color: #d98a79; 
 
} 
 

 
li a:hover { 
 
	 text-decoration-color: white; 
 
	 color: white; 
 
	 
 
} 
 

 
li a:active { 
 
    color: white; 
 
} 
 

 
nav {text-align: center; 
 
	 padding-left: 110px; 
 
	 margin-top: 30px; 
 
	 float: right; 
 
	 margin-right: 70px; 
 
	 } 
 
nav ul ul { 
 
	 display: none; 
 
	 position: absolute; 
 
	 top: 100%; 
 
} 
 

 
nav ul ul li { 
 
	 float: none; 
 
	 position: relative; 
 
	 text-align: left; 
 
} 
 

 
nav ul ul li a { 
 
	 padding-top: 15px; 
 
	 margin-top: 0px; 
 
	 padding-bottom: 15px; 
 
	 margin-left: -10px; 
 
	 margin-right: 15px; 
 
	 text-align: left; 
 
	 
 
} 
 

 
nav ul li:hover > ul { 
 
	 display: block; 
 
} 
 

 
nav ul { 
 
	 background-color: #1e241b; 
 
	 list-style: none; 
 
	 position: relative; 
 
	 display: inline-table; 
 
} 
 

 
nav ul:after { 
 
	 content: ""; 
 
	 clear: both; 
 
	 display: block; 
 
} 
 

 
nav ul li { 
 
	 float: left; 
 
} 
 

 
nav ul li a{ 
 
	 display: block; 
 
	 padding: 10px 8px; 
 
	 
 
} 
 
.bar {height: 190px; 
 
	 background-color: rgba(0,0,0,0.75); 
 
	 position: relative; 
 
	 margin-top: 20px; 
 
} 
 

 
h1 { 
 
	 font-family: 'Josefin Sans', sans-serif; 
 
	 text-align: right; 
 
	 text-transform: uppercase; 
 
	 color: white; 
 
	 font-size: 90pt; 
 
	 position: relative; 
 
	 top:-140px; 
 
	 left: -40px; 
 
	 margin-bottom: -140px; 
 
}
<html> 
 
<head> 
 
<meta charset="UTF-8"> 
 
<title>Sous Vide - About</title> 
 
<link href="secondary.css" rel="stylesheet" type="text/css"> 
 
<style> 
 
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); 
 
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed'); 
 
</style> 
 
</head> 
 

 
<body> 
 

 
<div id="page-wrapper"> 
 
	 
 
	 <header class="span12 header first-child last-child"> 
 
	 	 
 
	 	 <nav class="span12"> 
 
	 	 
 
	 	 	 <ul> 
 
	 	 	 	 <li><a href="index.html">Home</a></li> 
 
	 	 	 	 <li><a href="about.html">About Us</a> 
 
	 	 	 	 	 <ul> 
 
	 	 	 	 	 	 <li><a href="about.html">About Us</a></li> 
 
	 	 	 	 	 	 <li><a href="FAQ.html">FAQ</a></li> 
 
	 	 	 	 	 </ul> 
 
	 	 	 	 </li> 
 
	 	 	 	 <li><a href="#">Menus</a> 
 
	 	 	 	 	 <ul> 
 
	 	 	 	 	 	 <li><a href="#">Seasonal Menu</a></li> 
 
	 	 	 	 	 	 <li><a href="#">Breakfast Menu</a></li> 
 
	 	 	 	 	 	 <li><a href="#">Lunch Menu</a></li> 
 
	 	 	 	 	 </ul> 
 
	 	 	 	 </li> 
 
	 	 	 	 <li><a href="#">Catering</a></li> 
 
	 	 	 	 <li><a href="#">Gallery</a></li> 
 
	 	 	 	 <li><a href="#">Locations</a></li> 
 
	 	 </ul> 
 
	 	 	 
 
	 	 </nav> 
 
    	 </header> 
 
<div class="reset"></div> 	 
 
	 
 
	 <main class="bar span12"></main> 
 
    <h1>About Us</h1> 
 
	 
 
<div class="reset"></div>

+0

刪除 「關於我們」 H1和意志停止發生。使用Chrome調試器,您會看到該元素超過您的菜單。 – Jerinaw

+0

正在處理的任務所需的H1標籤。這是標準中的要求。有沒有辦法重新排列它以阻止它發生? –

+0

當然,我只是告訴你,這是導致問題的因素。 – Jerinaw

沙发
0
0

你應該把h1元素的DIV容器中,用CSS樣式它。

例子:

<div id="DIVNAME"> 
    <h1>About Us</h1> 
</div> 

在CSS:

#DIVNAME { height: 100px; width 100px; } 
+0

@Hayley Eubank你解決了你的問題嗎? –

板凳
0
0

喜試試這個:它會工作

h1{ 
clear:both; 
} 
0
votes
answers
15 views
+10

Disabled form inputs do not appear in the request

I have some disabled inputs in a form and I want to send them to a server, but Chrome excludes them from the request.

Is there any workaround for this without adding a hidden field?

<form action="/Media/Add">
    <input type="hidden" name="Id" value="123" />

    <!-- this does not appear in request -->
    <input type="textbox" name="Percentage" value="100" disabled="disabled" /> 

</form>
0
votes
answers
30 views
+10

Bootstrap 4無法在導航欄中的鏈接之間創建保證金

-1

我想在引導程序4菜單中的鏈接之間創建一些保證金,但我無法和不知道爲什麼。當我嘗試基本上保證每一個我都沒有頁面。Bootstrap 4無法在導航欄中的鏈接之間創建保證金

<!DOCTYPE html> 
<html lang="sk"> 

<head> 

<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
<link rel="stylesheet" type="text/css" href="styles/normalize.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 
<link rel="stylesheet" type="text/css" href="styles/style.css"> 
<title>Reštaurácia</title>  

</head> 

<body> 

<!-- Navigation --> 
<nav class="navbar navbar-expand-sm navbar-light bg-faded"> 
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation"> 
<span class="navbar-toggler-icon"></span> 
</button> 

<!-- Brand --> 
<a class="navbar-brand mleft" href="#">Reštaurácia</a> 

<!-- Links --> 
<div class="collapse navbar-collapse mright" id="nav-content"> 
<ul class="navbar-nav ml-auto"> 
<li class="nav-item "> 
<a class="nav-link " href="#">Domov</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Rezervácia</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Menu</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Galéria</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Kontakt</a> 
</li> 
</ul> 
</div> 
</nav> 






<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> 
</body> 


</html> 

bootstrap中可能有一些默認設置,不允許我做這些更改,但我無法找到它們。

+0

你能張貼你的CSS? – stojevskimilan

+0

你知道flex樣式嗎? –

+0

其實我只有一個視頻的flex的基本知識。我的CSS正常化,下一個CSS只有一個類,所以我不認爲是必要的。 –

沙发
0
0

https://codepen.io/Sunny143/pen/PEWXBe?editors=1100

.nav-item{ 
    margin-left:20px; 
    margin-right:20px; 
    } 

這是什麼意思?我補充保證金的鏈接

+0

是的,謝謝你:) –

+0

@JurajDuri,你以前在哪裏添加了邊距? –

+0

我在nav-item旁邊做了一個新類,而不是使用nav-item。但問題是,我使用%而不是像素。百分之百仍然被竊聽。 –

板凳
0
0

如果你正在尋找您的導航項目之間的一個簡單的保證金,你可以這樣做:

<style> 
.nav-item { 
    margin-left:10px; /*Could change that to anything else*/ 
} 
</style> 
+1

我同意 - 這將起作用。或者,對於Bootstrap4,您可以在導航項上使用實用程序類,例如'

  • ...
  • '。 'ml'應用一個空白左邊和'-4'是一個預設範圍的大小。 – sifriday

    地板
    0
    0

    就在你的腦袋中添加該

    <style type="text/css"> 
    .nav-item { 
        margin-right: 20px !important; 
    } 
    

    0
    votes
    answers
    24 views
    +10

    如何在輸入字段被清除時觸發JavaScript事件?

    1

    我正在嘗試製作一個即時搜索框。當用戶開始在搜索框中輸入內容時,它會觸發一個javascript事件來隱藏博客文章(#home),而搜索結果將會顯示出來(這部分腳本不包括在下面)。但是,在用戶清除搜索框後,他們只看到空白頁面,因爲#homedisplay仍設置爲none如何在輸入字段被清除時觸發JavaScript事件?

    我怎樣才能讓JavaScript的檢測用戶清除提交輸入在#search-input,並#home顯示true一遍嗎?

    document.getElementById('search-input').oninput = function() { 
        document.getElementById('home').style.display = 'none'; 
    }; 
    

    enter image description here enter image description here enter image description here

    沙发
    0
    2

    您可以通過input事件偵聽器做到這一點。要隱藏#home元素,添加一個條件來檢查輸入是否有值。如果它不,那麼你就隱藏它。把它帶回來,你做相反的,但只有如果#home隱藏:

    const searchInput = document.getElementById('search-input'); 
     
    const home = document.getElementById('home'); 
     
    
     
    searchInput.addEventListener('input', function() { 
     
        if (!this.value) { 
     
         home.style.display = 'none'; 
     
        } else if (this.value && home.style.display === 'none') { 
     
         home.style.display = 'block'; 
     
        } 
     
    });
    <input id="search-input" type="text"/> 
     
    
     
    <div id="home"> 
     
        Sample Content 
     
    </div>

    +0

    很高興我能幫忙。祝你好運! –

    板凳
    0
    0

    感謝卡爾·愛德華茲的幫助!

    下面是最終代碼完美的作品:

    const searchInput = document.getElementById('search-input'); 
    const home = document.getElementById('home'); 
    const results = document.getElementById('results'); 
    
    searchInput.addEventListener('input', function() { 
        if (this.value) { 
         home.style.display = 'none'; 
         results.style.display = 'inline'; 
        } else if (!this.value && home.style.display === 'none') { 
         home.style.display = 'block'; 
         results.style.display = 'none'; 
        } 
    }); 
    
    0
    votes
    answers
    15 views
    +10

    獲取元素的寬度並不追加到Dom

    0

    我試圖通過使用jQuery的.width()函數來獲取元素的寬度。我試圖通過將該元素附加到Dom中來獲取元素的寬度。獲取元素的寬度並不追加到Dom

    $('body').append("<span id='longText'></span>"); 
    var longElement = $('body').find("#longText"); 
    longElement.text(longestMeasure); 
    var longeElementWidth = longElement.width(); 
    

    此方法工作正常。但是,我們可以通過不注入Dom來獲得元素的寬度嗎?

    +0

    這是不可能的。對於要計算的寬度,元素需要成爲DOM的一部分,以便渲染器根據元素與DOM中所有其他元素的關係來計算值。 –

    沙发
    0
    0

    CAN NOT得到它沒有它插入到DOM做,但這裏有個竅門,我可以想到的,那就是將它插入DOM爲隱藏,讓你所希望的任何CSS屬性事後刪除元素。

    只有diff到你的代碼是我設置顯示爲無,並在我獲得寬度後刪除元素。

    $(document).ready(function() { 
        $('body').css('display','none').append("<span id='longText'></span>"); 
        var longElement = $('body').find("#longText"); 
        longElement.text(longestMeasure); 
        var longeElementWidth = longElement.width(); 
        longElement(remove); 
    } 
    

    哦,我還包裝了所有文件準備就緒後執行。

    0
    votes
    answers
    12 views
    +10

    如何預覽圖像與給定的路徑

    0

    我有一個圖像路徑位於我的數據庫,我想顯示圖像與GridView中的其他表字段(我有ID,名稱,ImagePath,日期)。 我試圖使用sqlDataReader,但它只顯示圖像路徑。我想讓它顯示圖像本身。 有人可以幫助我如何查看所有的圖像?如何預覽圖像與給定的路徑

    沙发
    0
    0

    如果它是您所指的DataGridView,您可能已經注意到Column ValueType可以設置爲DataGridViewImageColumn。 一旦設置,該列單元格將顯示位圖。

    現在,由於您的(我認爲)DataSource爲您提供了圖像文件的路徑,因此您可以將該字符串Value分配給隱藏列的單元格。

    當該隱藏單元格的值由DataSource(或任何其他)更改時,可以使用它來加載它指向的圖像。

    在這裏,我假設設定爲DataGridViewImageColumn的列爲列[1]和隱藏列爲列[0]:

    private void dataGridView1_CellValueChanged(object sender, DataGridViewCellEventArgs e) 
    { 
        if ((e.ColumnIndex == 0) & (e.RowIndex >= 0)) 
        { 
         string sFileName = dataGridView1.Rows[e.RowIndex].Cells[e.ColumnIndex].Value.ToString(); 
         using (Bitmap _bitmap = new Bitmap(sFileName, true)) 
         { 
         this.dataGridView1.Rows[e.RowIndex].Cells[e.ColumnIndex + 1].Value = new Bitmap(_bitmap); 
         } 
        } 
    
    } 
    

    這是一個好主意,不使用的圖像文件直接加載位圖,因爲GDI ++會將該映像文件鎖定在磁盤上。 因此,我使用圖像的位圖副本並將其傳遞給單元格值。

    +0

    感謝您的回答。 你能告訴我這個c#代碼的HTML代碼嗎?並在哪裏把這個代碼? (在sqlconnection之前/之前) –

    0
    votes
    answers
    18 views
    +10

    CSS customized scroll bar in div

    How can I customize a scroll bar via CSS (Cascading Style Sheets) for one div and not the whole page?

    0
    votes
    answers
    26 views
    +10

    如何使用VBA將HTML Outlook郵件導入到MS Access中

    0

    我一直在網上搜索幾個小時以找到解決我的問題的方法。如何使用VBA將HTML Outlook郵件導入到MS Access中

    我知道如何長時間導入郵件,但無法像手動將OL從主體複製到訪問表單上的Rich-text備忘錄字段時那樣保留HTML主體的格式。

    字段(olbody)綁定到SQL服務器表字段olbody(nvarchar(max)),並且可以在插入剪貼板的內容時存儲html郵件正文文本。

    我甚至試過在剪貼板

    clp.SetText .HTMLBody 
    clp.PutInClipboard 
    

    閱讀.HTMLbody屬性,然後我手動粘貼在該領域使用Ctrl + V將剪貼板中的內容,但再次,它沒有顯示像HTML郵件。但是我可以看到所有的HTML命令,它們應該格式化郵件。

    沒有在訪問字段中格式化郵件,內容幾乎是不可讀的,因爲沒有標籤,lineskip等等。

    任何幫助歡迎。 謝謝

    沙发
    0
    1

    顯示HTML的正確方法是使用Web瀏覽器。這意味着:使用網絡瀏覽器控制!

    您可以在加載時在瀏覽器控件中加載HTML,並且當您的郵件欄位發生更改時。

    示例代碼:

    Private Sub Form_Current() 
        Dim wb As Object 
        Set wb = MyWebbrowserControl.Object 
        With wb 
         .Navigate2 "about:blank" 
         Do Until .ReadyState = 4 '=READYSTATE_COMPLETE 
          'This is a somewhat inefficient way to wait, but loading a blank page should only take a couple of milliseconds 
          DoEvents 
         Loop 
         .Document.Open 
         .Document.Write MemoField.Value 
         .Document.Close 
        End With 
    End Sub 
    

    替換Memofield與您的郵件域,MyWebbroserControl與WebBrowser控件,你應該準備好了。

    請注意,您可能應該使用Access Web瀏覽器,而不是ActiveX Web瀏覽器。此代碼可與兩者兼容,但Access Web瀏覽器控件使用更現代的IE版本,並且不帶有不可移動的邊框。

    +0

    Erik,非常感謝,它的工作原理。但是玩耍我找到了另一個解決方案。我堅持使用剪貼板的解決方案,但沒有粘貼Ctrl + V,但通過代碼剪貼板.GetFromClipboard Me.olBody = clipboard.GetText。 linepacing,製表符,所有內容都顯示在備忘錄字段中,如郵件,執行字體和字體顏色。所以我把我的sloutin和你的webcontrol結合起來,得到我想要的。謝謝! – mak

    +0

    這很好,但請注意,使用完整的HTML,您還可以查看圖像,字體,鏈接以及可能包含在某些類型的郵件(如新聞稿)中的更多內容。根據您使用的郵件類型不同,它可能相關也可能不相關。 –

    +0

    Erik,你是對的圖像等我可能會顯示它在Webbrowser控件,但如何保存整個郵件的圖像在表中?現在每個圖像都顯示一個x,這在我的情況下是足夠的,但是有沒有適當的解決方案的另一種方法? – mak

    0
    votes
    answers
    9 views
    +10

    無法讓我的鏈接在我的HTML工作

    -3
    <form action="http://www.spacex.com/" method="get"> 
        <button type="submit" class="btn btn-primary">SpaceX</button> 
    </form> 
    

    不能告訴我的代碼是錯的還是編譯器關閉CodePen。不管怎麼說#拯救,我的代碼無法讓我的鏈接在我的HTML工作

    +1

    描述你想要做什麼 – ztadic91

    +0

    你還沒告訴我們你想要它做它在做什麼還是什麼。我們無法讀懂您的想法或看到您的電腦。 –

    +0

    @SamM它不能識別我按鈕中的鏈接。您能否看到代碼 – CacaMustache

    沙发
    0
    0

    試試這個:

    <a href="spacex.com/" class="btn btn-primary">SpaceX</a> 
    
    +0

    好的,而不是做一個按鈕,並把它周圍的鏈接。做一個鏈接是一個按鈕?我會試試這個!感謝我很困惑,因爲查找它,我發現你不能在html5中的按鈕周圍放置錨標籤。 – CacaMustache

    +0

    噢,我的上帝啊,非常感謝你!認真地說,這幫助我非常。不能相信這是容易的! – CacaMustache

    0
    votes
    answers
    14 views
    +10

    How to access data in localStorage in android app

    I'm using phonegap to create an Android App. My app is about a simple game where I generate random number to do math. When you answer right, the score goes up and if you lose, you save your name and score at the moment into localStorage. The problem is that I can't view it in android. Can you guys help me? Below is the code that I use to view in Browser.

    function loadPlayer(){
        const lsOutput = document.getElementById("lsOutput");
        var l;
        if (localStorage.length < 5) {
            l = localStorage.length;
        } else {
            l = 5;  
        }
    
        for (var i = 0; i < l; i++) {
            const key = localStorage.key(i);
            const value = localStorage.getItem(key);
            lsOutput.innerHTML += `${i+1}- ${key}: ${value}<br/>`;
        }
    }
    
    0

    localStorage is an object so you can do something like this :

    var localStorageKeysList = Object.keys(localStorage);
    for (var i = 0, max = localStorageKeysList .length; i < max; i++) {
        alert(localStorage[localStorageKeysList[i]]);
    }
    

    And it's worked on my own android device with a cordova application.

    If this don't work for you, you have to use the chrome remote dev tools for inspect manually what's wrong.

    https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

    板凳
    0
    +50

    Nevermind guys. It's just my old phone can't understand the code. I tried borrow my friend phone and it's work.