Форум

Задвоение Anchor

01 августа 2015 19:20
Anchor задвоение релиз 15.06

Код:

....
		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
05 августа 2015 15:25

Ответ на сообщение пользователя Александр Ковеленов
Так вроде бы в вашем примере как раз по два и создаётся. Сначала через createElement, а потом внутри innerHTML.

Скопировал код с версии 15.04. Там при таком раскладе один анкор создается. Проэкспериментирую.
Коплю деньги на коммерческий B4W.
 
Пожалуйста, зарегистрируйтесь или войдите под своей учетной записью , чтобы оставлять сообщения.