Azad.html

<li class="swipeout dataitem" instance-id="{{item.id}}" id="dataitem{{item.id}}">
	<input type = 'hidden' name='dataitem_{{item.id}}_id' value='{{item.id}}'>
	<input type = 'hidden' name='dataitem_{{item.id}}_answer' class='dataitem_answer' value='none'>
	<div class="swipeout-content" style="-webkit-transform: translate3d(0px, 0px, 0px);">
		
		<div class="item-inner" style="padding-left:10px;">
			<div class="item-text"><b>Do you understand from the text:</b></div>
			<div class="item-text" style='padding-left:10px;' id="dataitem_text_{{item.id}}">{{item.value.sentence}}</div>
			<div class="item-text"><b>that: {{item.value.name1}} -> {{item.value.relationship}} -> {{item.value.name2}} ?</b></div>
		</div>
	</div>
	<div class="swipeout-actions">
		<div class="swipeout-actions-inner">
			<a href="#" class="demo-actions dontknow swipeout-delete" answer="Dont know">dont know</a>
			<a href="#" class="demo-actions positive swipeout-delete" answer="yes">Yes</a>
			<a href="#" class="demo-actions negative swipeout-delete" answer="negative">No</a>
		</div>
	</div>
</li>
<script>
var textarea = document.getElementById("dataitem_text_{{item.id}}");
text = textarea.innerHTML;
console.log(text);
text = text.replace('{{item.value.name1}}',wrapLink);
text = text.replace('{{item.value.name2}}',wrapLink);
textarea.innerHTML = text;
function wrapLink(string){
            return '<a href="#" data-popup=".iframe" iframe="http://en.m.wikipedia.org/wiki/'+string+'" class="open-popup">'+string+'<\/a>';
        }
	
</script>