關鍵詞：學生舉手紅點, 老師忽略消息去紅點,允許學生髮言去紅點
一、一對多
1.1 學生舉手提問
新的需求是右邊的符號去掉，換成文字“忽略”，但符號一直去不掉，等前端來了請教一下吧。
1）學生舉手紅點
開發完成，代碼如下：
a.)新技術
這個替換圖片是用位置替換，就是說所有的圖標在一張圖上，只是位置不同，如下：
b.)開始時，舉手圖標如下：
當學生舉手時，把圖片的位置變一下，加上紅點，如下：
//學生舉手提問老師端動態追加提示消息+並且舉手圖片換成加紅點的
if(event.data.mobileName && event.data.raiHand){
var mobName = event.data.mobileName;
RHVA_id = event.data.video_Id;
raiHandId = 'VA'+RHVA_id;
$("#raHanQue").append("<li id = '" +raiHandId+"'class='clearfix'><img src='/static/img/end_s.png'οnclick='openSgVA(RHVA_id)' /><span>"+mobName+"發起舉手提問</span><astyle='color:red;' οnclick='removeRH(raiHandId)'>忽略</a></li>");
$("li#hand").find("span").css("background-position","38px -159px");
}
注：上述標紅代碼，就是用改變位置的方法，把圖片換成加紅點的，有個小技巧是：可以在html中通過移動上下鍵來改變位置，進行定位。
注：這是在不連接學生端的情況下進行的。學生舉手後，圖標如下：
c.)當老師讓學生髮言或忽略消息後，紅點消失，代碼如下：
老師忽略消息更換紅點圖片：
//移除舉手標籤+去掉圖片舉手紅點
function removeRH(id){
$("#"+id).remove();
$("li#hand").find("span").css("background-position","38px -116px");
}
老師讓學生髮言更換紅點圖片：
//學生舉手提問老師端動態追加提示消息+並且舉手圖片換成加紅點的
if(event.data.mobileName&& event.data.raiHand){
var mobName =event.data.mobileName;
RHVA_id =event.data.video_Id;
raiHandId ='VA'+RHVA_id;
$("#raHanQue").append("<li id = '" +raiHandId+"'class='clearfix'><img src='/static/img/end_s.png' οnclick='opnVAred(RHVA_id)'/><span>"+mobName+"發起舉手提問</span><astyle='color:red;' οnclick='removeRH(raiHandId)'>忽略</a></li>");
$("li#hand").find("span").css("background-position","38px -159px");
}
opnVAred函數如下：
//打開單個學生的音視頻+把紅點舉手圖片替換成沒紅點的----------------------3.2.3
function opnVAred(stuIdVA){
connection.send({
action:"unsilent",
uid:stuIdVA
});
$("li#hand").find("span").css("background-position","38px -116px");
}
注：不能再用那個打開聲音的了，並且這個不需要移除由點視頻頭像打開的框。
2017年4月1日星期六
