</div>
</div>
</div>
<hr class="my12 outline-none baw0 bb bc-powder-2">
<div class="grid fw-nowrap fc-black-600">
<div class="grid--cell mr8">
<svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
</div>
<div class="grid--cell lh-md">
<p class="mb0">
<b>Want to improve this question?</b> Add details and clarify the problem by <a href="/posts/36226120/edit">editing this post</a>.
</p>
<p class="mb0 mt6">Closed <span title="2016-03-25 19:09:42Z" class="relativetime">4 years ago</span>.</p>
</div>
</div>
</aside>
Can someone tell me more about tagging systems like facebook, youtube, instagram and similar sites have. On posts and photos... If you have some examples it would be great and don't ask me for code because I didn't done any of coding... In my mind it is something mixed with live search that starts after some symbol like $ or # or something else and on click on some value it shows that value inside text where you typed it.... I know it is mostly ajax but if you have some examples it would be great. Thanks
</div>
Tagging is like Comments. You have to make sql table, put a reference to the item that it's tagging, to the tagger, tag contents like the person that we tagged, and some additional datas of tag (like the position of the tag in a photo). So we will got a table like this:
ID ID_IMAGE ID_TAGGER ID_TARGET tag_position_x tag_position_y
Now that you have made you table you need to build a php page where you will retrieve the tags. Then you need to make the front end code, which will need some js code so that the tag will be placed in position(tag_position_x,tag_position_y) in a photo. This can be done like this:
//some css code
container_img{
position : relative;
background : rgba(0,0,0,0.7);
}
.tag{
position : absolute;
}
and the js will be like (in jquery):
$(".tag").each(function() {
$( this ).css("top",$(this).data("position-x"));
$( this ).css("top",$(this).data("position-y"));
});
Now what I gave you is hints so you know what you have to do.