Добавяне и премахване на елемнти.

[index]

Здравейте,
не зная точно дали съм за тука....
Доста съм скаран с JS и всички такива подобно. Но ми се иска да постигна някой ефекти, а без това не става.


Ефекта който искам да постигна, и се надявам някой да ми помогне е като на WP добавянето на tags.
http://www.youtube.com/watch?v=cRbFQhPonrQ

 

[Galli]

Какво ще ги правиш? само ще си ги цъкаш, или ще ги обработваш с php?

 

[index]

Какво ще ги правиш? само ще си ги цъкаш, или ще ги обработваш с php?

Идеята ми е :
едно поле , в което да се пише име на актьора ( поне пъвите няколко букви, и да излиза отдолу списък с подобните актьори)

И да се добавят в нещо си какво е в клипа. И да могат да се добавят и премахват.
След което от тези актьори вземам ID-та и право в базата данни.


// Кофти е че не мога да го обясна , но това е най-простият начин който сещам..;(

 

[Galli]

ок, предполагам, че търсачката я имаш?
ето как да махаш или прибавяш с jQuery

<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function addField() {
	var id = document.getElementById("id").value;
	$("#divTxt").append("<p id='row" + id + "'><a href='javscript:void(0)' onClick='removeField(\"#row" + id + "\"); return false;'>Remove " + id + "</a></p>");
}
function removeField(id) {
	$(id).remove();
}
</script>

<body>

<p><a href="javscript:void(0);" onClick="addField(); return false;">Add</a></p>
<form action="" method="get" >
<input type="hidden" id="id" value="1">
<div id="divTxt"></div>
<p><input type="submit" value="Submit" name="submit"></p>
</form>
</body>
</html>

 

[index]

ок, предполагам, че търсачката я имаш?
ето как да махаш или прибавяш с jQuery

<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function addField() {
	var id = document.getElementById("id").value;
	$("#divTxt").append("<p id='row" + id + "'><a href='javscript:void(0)' onClick='removeField("#row" + id + ""); return false;'>Remove " + id + "</a></p>");
}
function removeField(id) {
	$(id).remove();
}
</script>

<body>

<p><a href="javscript:void(0);" onClick="addField(); return false;">Add</a></p>
<form action="" method="get" >
<input type="hidden" id="id" value="1">
<div id="divTxt"></div>
<p><input type="submit" value="Submit" name="submit"></p>
</form>
</body>
</html>

http://lomalogue.com/jquery/quicksearch/
Мисля това да използвам:

var qs = $('input#id_search_list').quicksearch('ul#list_example li');

$.ajax({
	'url': 'example.json',
	'type': 'GET',
	'dataType': 'json',
	'success': function (data) {
		for (i in data['list_items']) {
			$('ul#list_example').append('<li>' + data['list_items'][i] + '</li>');
		}
		qs.cache();
	}
});

$('input#add_to_list').click(function () {
	$('ul#list_example').append('<li>Added on click</li>');
	qs.cache();
});

или
http://www.nodstrum.com/2007/09/19/autocompleter/

не съм решил все още.