Turn a standard HTML link into a functional submit "button"?

Question

Really simple question but can't seem to get anything to work with it?

I have a standard HTML link:

<a href=""> <i class="icon icon-arrow-circle-o-up"></i> Like </a>

I would like to use it as a submit button like a form so once someone clicks it I could run the following code:

if(isset($_POST['like'])){
mysql_query"UPDATE comments WHERE comment_id='$comment_id' SET like='1'";
}

Would this be an "On click" event or something or would I have to use javascript?

Can't you simply style a submit or a button or type submit to look like a link? — Flosculus, May 12 '14 at 14:47

score 0 · Answer 1 · answered May 12 '14 at 14:44

You're looking for Ajax:

<a href="" id="like"><i class="icon icon-arrow-circle-o-up"></i> Like </a>

Javascript (jQuery):

$('#like').onClick(function() {
    $.ajax({
        method: 'post',
        url: 'url/to/php/script.php',
        data: {commentId: commentId}, // Set commentId to the actual commentId
    });
});

score 0 · Answer 2 · answered May 12 '14 at 14:46

0

Add some ID to your form, for instance: "myForm".

Then you change your HTML link code like so:

<a href="" onClick="javascript:document.getElementById('myForm').submit();"> <i class="icon icon-arrow-circle-o-up"></i> Like </a>

answered May 12 '14 at 14:46

Đuro Mandinić

693
1
8
26

More info: http://www.w3schools.com/jsref/met_form_submit.asp – Đuro Mandinić May 12 '14 at 14:51

score -1 · Answer 3 · answered May 12 '14 at 14:43

-1

Use the HTML-Form:

<form action="yourfile.php" method="POST">
   <input type="submit" value="like" />
</form>

Put the PHP-Code into a external file (in this case yourfile.php)

answered May 12 '14 at 14:43

user3628938

41
2

Turn a standard HTML link into a functional submit "button"?

3 Answers3