divはソケット接続後に隠されます

私はいくつかのdivを操作しようとしています。私はdivがソケット接続の直後に消滅したいと思っています。例えば、ソケットが接続されているときにdiv1を隠したいとします。どうすればそれをすることができますか？ここでのコードは次のとおりです。divはソケット接続後に隠されます

!DOCTYPE HTML> 
<html> 
<head> 
<script> 
var socket = io.connect("127.0.0.1:8080"); 
function allowDrop(ev) { 
    ev.preventDefault(); 
} 

function drag(ev) { 
    ev.dataTransfer.setData("text", ev.target.id); 
} 

function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("text"); 
    ev.target.appendChild(document.getElementById(data)); 
} 
</script> 
</head> 
<body> 

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 

<img id="drag1" src="img_logo.gif" draggable="true" 
ondragstart="drag(event)" width="336" height="69"> 

</body> 
</html>

出典

2016-04-11 Moez Ben Ahmed

試しましたか？io.on（ 'con nection '、function（）{$（ "div1"）。hide（）}）; – uzaif

しかし、あなたはそれをバックエンド側に出さなければなりません。\ – uzaif

バックエンド側に何を出すのですか？ –

あなたは単にあなたのサーバー側スクリプトとあなたのクライアント側上のリスナーにエミッタ（emit）を使用することができます。たとえば、次のように

あなたは、この行の下に置く必要があり、あなたのサーバー側スクリプト、似たようなのようなsocket.on("connection", function(...

この行で：

socket.emit("isConnected", { isConnected: true });

今すぐあなたのクライアント側のあなたは次のようにエミッタを聞く必要があります。

socket.on("isConnected", function(data) { 
    // Receive the 'data' and check if 'isConnected' is true 

    if(data.isConnected == true) { 
     // Now hide the div. 
     getElementById("div1").style.display:"none"; 
    } 
});

出典

2016-04-11 13:12:51 Jer

を読んでいます：getelementByid（ "div1"）。style.display： "none"; –

それはあなたのために100％働いたのですか？あなたのコードで私のanserを更新しました。 – Jer

divはソケット接続後に隠されます

答えて

関連する問題