Like-button mit Datenbank verknüpft (OLEDB)?


opijkkk

Grünschnabel
Hallo!

Ich arbeite seit einer Woche, meine Idee zu verwirklichen, jedoch komme ich nicht weiter. Ich versuche ein Like-Knopf wie bei Facebook zu erstellen, nur mit dem Unterschied, dass bei mir eine Herz-Form hat. Nachdem man diesen Knopf gedruckt hat, sollte er leuchten. Wenn man noch einmal diesen Knopf drückt, sollte er wider seine ursprüngliche Form übernehmen (nicht leuchten).
HTML:
<a href="#" title="Love it" class="btn btn-counter" data-count="0"><span>&#x2764;</span></a>
Hier sein CSS-Code
CSS:
 <style>
/*
* Basic button style
*/
.btn {
  box-shadow: 1px 1px 0 rgba(255,255,255,0.5) inset;
  border-radius: 3px;
  border: 1px solid;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 8px;
  position: relative;

  font-size: 12px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
/*
* Counter button style
*/
.btn-counter { margin-right: 39px; }
.btn-counter:after,
.btn-counter:hover:after { text-shadow: none; }
.btn-counter:after {
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  background-color: #eee;
  padding: 0 8px;
  color: #777;
  content: attr(data-count);
  left: 100%;
  margin-left: 8px;
  margin-right: -13px;
  position: absolute;
  top: -1px;
}
.btn-counter:before {
  transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');

  background-color: #eee;
  border: 1px solid #d3d3d3;
  border-right: 0;
  border-top: 0;
  content: '';
  position: absolute;
  right: -13px;
  top: 5px;
  height: 6px;
  width: 6px;
  z-index: 1;
  zoom: 1;
}
/*
* Custom styles
*/
.btn {
  background-color: #dbdbdb;
  border-color: #bbb;
  color: #666;
}
.btn:hover,
.btn.active {
  text-shadow: 0 1px 0 #b12f27;
  background-color: #f64136;
  border-color: #b12f27;
}
.btn:active { box-shadow: 0 0 5px 3px rgba(0,0,0,0.2) inset; }
.btn span { color: #f64136; }
.btn:hover, .btn:hover span,
.btn.active, .btn.active span { color: #eeeeee; }
.btn:active span {
  color: #b12f27;
  text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}</style>
Ich arbeite mit Microsoft Access. Dies dient als Datenbankquelle. Nachdem man die Herzform gedrückt hat, will ich, dass ein Wert in die Datenbank Tabelle mit dem Namen like hinzugefügt wird bzw. sollte der Wert in ein Feld von einem bestimmten Benutzer kommen. Wenn man dieses Herz noch einmal drückt, will ich dass der Wert gelöscht wird. Ich abreite mit Session als Cookies. Dies sollte veranlassen, dass das bestimmte Feld ausgewählt wird. Auf einer anderen Webseite meldet sich der Benutzer mit seinem Namen an. Dies ist mir gelungen. Nachdem er sich eingeloggt hat, erhält das erwähnte Session einen Wert. Neben diesem Herz befindet sich ein Anzeiger. Dieser stellt die Anzahl der ausgefüllten Feder von den Benutzern dar, die eben die Herz-Form gedrückt haben.

Javascript:
            <script>



$('.btn-counter').on('click', function(event, count) {
  event.preventDefault();

  var $this = $(this),
      count = $this.attr('data-count'),
      active = $this.hasClass('active'),
        multiple = $this.hasClass('multiple-count');

    if (multiple) {
        $this.attr('data-count', ++count);
        var cn = new ActiveXObject("ADODB.Connection");
        var strConn = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source = D:\Downloads\wichtig\try\WebApplication1-Kopie-Kopie\MeineWebseite\Daten\Datenbank1.accdb;Persist Security Info=False";
        cn.Open(strConn);
        var rs = new ActiveXObject("ADODB.Recordset");
        var SQL = "select * from like where user = @UserName";
        SQL.AddWithValue("@UserName", this.Session["user"]);
        rs.Open(SQL, cn);
        alert(rs(0));
        var cmd = new ActiveXObject("ADODB.Command");
        cmd.ActiveConnection = cn;
        cmd.CommandText = "INSERT INTO like like_1) VALUES (@click)";
        cmd.Parameters.AddWithValue("@click", 'data-count');
        cmd.Execute();
        rs.Close();
        cn.Close();

    } else {
        $this.attr('data-count', active ? --count : ++count).toggleClass('active');
        dbCommand.CommandText = "UPDATE like SET like_1 = @click WHERE user = @user"
        expr_57.Parameters.AddWithValue("@user", this.Session["user"]);
        expr_57.Parameters.AddWithValue("@click", 'data-count');
    }


  $.fn.noop = $.noop;
  $this.attr('data-count', ! active || multiple ? ++count : --count  )[multiple ? 'noop' : 'toggleClass']('active');

});</script>
Ich gebe nie die Hoffnung auf. Ich weiss, dass es machbar ist. Ich bitte euch um jede Hilfe.

Vielen DankUnbenannt.PNG
so sieht meine Datenbank aus