a href method=get

Du kan spara hur mycket du vill vad du vill o.s.v., PS alt är inte gjort för att spara data i html element.

eftersom du använder Jquery här http://api.jquery.com/data/

<script>
function successFunc()
{
	alert("det gick bra");
}

function faildFunc()
{
	alert("Error error");
}


function SendStuff(buttonThatWasPushed)
{
	var button = $(buttonThatWasPushed);
	
	var idFromButton = button.attr("data-id") || "";
	var sizeFromButton = button.attr("data-size") || "";
	
	var params = "{id:'" + idFromButton + "', size: '"+sizeFromButton+"'}";
	
	var url = "file.php&action=update";


	$.ajax({
			type: "POST",
			url: url,
			data: params,
			contentType: "application/json; charset=utf-8",
			dataType: "json",
			success: successFunc,
			error: faildFunc
		});
}
</script>


Sen i din fina fil som heter file.php letar du efter GET parametrar.

OM $GET["action") == update
THEN DO METHOD BLA

Poor mans WebMethods - Funkar dödsbra.

data-namn är valida attributer, så typ

<button data-id="hej" data-najs="tjo">hej</button> kommer validera.

Man kan använda jquery $.data istället för $.attr, men gör inte det nu, räcker med $.attr för dig än så länge

Det kommer nog funka, men ID och NAME är ju reserverade html parametrar.

Gör egna och nämn dem data-id och data-name istället.

Sen gör du om ditt objekt en enda gång

var link = $(this);

sen gör du

var id = link.attr("data-id");
var name = link.attr("data-name");

Annars tvingar du ju jquery att göra om "this" till jquery objekt två gånger, helt i onödan.

Sen kommer din href="#" att scrolla sidan när man klickar på den om du inte har bundit en clickevent och kört preventdefault.

Saker som skall klickas på men inte har någon sida att gå till, brukar man använda div eller span och binda onclick event till, annars förvirrar man sökmotorer och ibland webbläsare.

Ja, eller gå direkt på ID om det inte är flera knappar - Att hitta ett element efter ID går mycket mycket fort, medan leta efter ett element efter klass tar mycket längre - Webbläsare sparar internt en lista på alla IDs, så den går snabbt att leta i, men om man letar efter klass går den igenom alla element på hela sidan - Spelar oftast ingen roll dock, men just det här är en sån där grej som inte tar längre att koda bara för att man "gör rätt från början".

Men, försök att alltid iallafall hålla ID på containern till dina knappar.

T.ex $("#ToolbarContainerDiv .button).bind("click", function() { bla bla });