sTags: Tags Management Plugin Examples

DEMO INPUT 1

JS Code:

	
	$("#demo1").sTags({
		data:tagsdata,
	})
	

---

DEMO INPUT 2: Random Colors

JS Code:

	
	$("#demo2").sTags({
		data:tagsdata,
		colro:2
	})
	

---

DEMO INPUT 3: Preselected Values

JS Code:

	
	$("#demo3").sTags({
		defaultData:[1,3,2],
		data:tagsdata,
		colro:[0]

	})
	

---

DEMO div 1:

JS Code:

	
	$("#demo4").sTags({
		data:tagsdata,
	})
	

---

DEMO div 2: No Search Field

JS Code:

	
	$("#demo5").sTags({
		defaultData:[1,3,2],
		data:tagsdata,
		screen:false
	})
	

---

DEMO div 3: Click Event

JS Code:

	
	$("#demo6").sTags({
		defaultData:[1,3,2],
		data:tagsdata,
		tagHtml:"{name}-{id}",
		click:function(e){
			alert(e.attr("tagid"))
		},
	})
	

---

DEMO div 4: Custom URL

JS Code:

	
	$("#demo7").sTags({
		defaultData:[1,3,2],
		data:tagsdata,
		dataAttr:["id","name","py"],
		screen:false,
		tagName:"a",
		tagAttr:{
			href:"/tag/{id}",
			target:"_blank"
		}
	})
	

---

DEMO div 5: Additional Tags

JS Code:

	
	tagsdata.push({id:8,name:"Button",screen:"cas",fn:function(){console.log("Event")}})

	$("#demo8").sTags({
		defaultData:[1,3,2],
		data:tagsdata,
		screen:false
		data_:[
			{
				name:"FirstTag",
				position:0,
				fn:function(){
					console.log("Event")
				}
			},
			{
				name:"LastTag",
				position:1,
				fn:function(){
					console.log("Event")
				}
			}
		]

	})