Задвоение Anchor
01 августа 2015 19:20
Anchor задвоение релиз 15.06
Код:
CSS
doubling.png
Добавляет по два спана на анкор.
Код:
....
var cyl_text = document.createElement("span");
cyl_text.id = "Anchor1";
cyl_text.style.position = "absolute";
cyl_text.style.padding = "10px";
cyl_text.innerHTML = "<span id=\"Anchor1\"><div id=\"left\" class=\"move_box\" onclick=\"box('1','Box1');\"></div><div id=\"right\" class=\"move_box\" onclick=\"box('2','Box1');\"></div><div id=\"up\" class=\"move_box\" onclick=\"box('3','Box1');\"></div><div id=\"down\" class=\"move_box\" onclick=\"box('4','Box1');\"></div></span>";
document.body.appendChild(cyl_text);
var cyl_anchor = m_scenes.get_object_by_name("Anchor1");
m_anchors.attach_move_cb(cyl_anchor, function(x, y, appearance, obj, elem)
{
var anchor_elem = document.getElementById("Anchor1");
anchor_elem.style.left = x + "px";
anchor_elem.style.top = y + "px";
anchor_elem.style.display = 'block';
//if (appearance == "visible")
//anchor_elem.style.visibility = "visible";
//else
//anchor_elem.style.visibility = "hidden";
});
var cyl_text2 = document.createElement("span");
cyl_text2.id = "Anchor2";
cyl_text2.style.position = "absolute";
cyl_text2.style.padding = "10px";
cyl_text2.innerHTML = "<span id=\"Anchor2\"><div id=\"left\" class=\"move_box\" onclick=\"box('1','Box2');\"></div><div id=\"right\" class=\"move_box\" onclick=\"box('2','Box2');\"></div><div id=\"up\" class=\"move_box\" onclick=\"box('3','Box2');\"></div><div id=\"down\" class=\"move_box\" onclick=\"box('4','Box2');\"></div></span>";
document.body.appendChild(cyl_text2);
var cyl_anchor2 = m_scenes.get_object_by_name("Anchor2");
m_anchors.attach_move_cb(cyl_anchor2, function(x, y, appearance, obj, elem)
{
var anchor_elem2 = document.getElementById("Anchor2");
anchor_elem2.style.left = x + "px";
anchor_elem2.style.top = y + "px";
anchor_elem2.style.display = 'block';
//if (appearance == "visible")
//anchor_elem.style.visibility = "visible";
//else
//anchor_elem.style.visibility = "hidden";
});
CSS
#Anchor1, #Anchor2{
display: block;
width: 50px;
height: 50px;
border: 0px solid red;
margin: -20px 20px;
}
.move_box{
}
#right{
width:30px;
height: 30px;
background-image:url(bg/right.png);
background-size:100%;
border: 0px solid green;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
}
#left{
width:30px;
height: 30px;
background-image:url(bg/left.png);
background-size:100%;
border: 0px solid green;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
}
#up{
width:30px;
height: 30px;
background-image:url(bg/up.png);
background-size:100%;
border: 0px solid green;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
}
#down{
width:30px;
height: 30px;
background-image:url(bg/down.png);
background-size:100%;
border: 0px solid green;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
}
#right:hover, #left:hover, #up:hover, #down:hover{
opacity: 0.9;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
}
doubling.png
Добавляет по два спана на анкор.
Коплю деньги на коммерческий B4W.
02 августа 2015 00:29
Так вроде бы в вашем примере как раз по два и создаётся. Сначала через createElement, а потом внутри innerHTML.
Команда Blend4Web
https://twitter.com/AlexKowel
https://twitter.com/AlexKowel
05 августа 2015 15:25
Ответ на сообщение пользователя Александр Ковеленов
Так вроде бы в вашем примере как раз по два и создаётся. Сначала через createElement, а потом внутри innerHTML.
Скопировал код с версии 15.04. Там при таком раскладе один анкор создается. Проэкспериментирую.
Коплю деньги на коммерческий B4W.