value vom A-Tag

selection

Tag,

wieso zeigt er mir den Value vom A-Tag nicht an? Er zeigt mir einfach ein leeres Feld an wenn ich Alert(value) schreibe.

HTML

Spoiler anzeigen

PHP

<a href="#" value="<?php echo $rowsafe['beichtid']; ?>" class="like-b is_like"><i class="fas fa-heart"></i></a>

Javascript:

Spoiler anzeigen

Code

$('.like-b').on('click', likebeichte)

function likebeichte(e) {
                e.preventDefault()
    
                var value = $(this).val()
                
                alert(value)
            
            }

Stef

Hey,

Ich kann es grad nicht testen aber wie ich in dem Code sehe hast du die Semikolons vergessen (;).

Probiere mal dies bitte und melde dich nochmal.

selection

Zitat von Stef

Hey,

Ich kann es grad nicht testen aber wie ich in dem Code sehe hast du die Semikolons vergessen (;).

Probiere mal dies bitte und melde dich nochmal.

Hat nichts mit den Semikolon zu tun^^ habs aber auch probiert funkt nicht

Stef

Okay.

Wartest du auch bis das Dokument, bzw die Seite komplett geladen ist?

Führe die Funktion mal als anonyme Funktion aus im on().

Code

$(class).on(Click, function(){

});

Arne Drews

value ist kein standardisiertes Attribut eines <a>-Tag.

Ich würde data-value nehmen und darauf zugreifen, bspw. für jQuery:

Code

$( '.like-b' ).data( 'value' );

basti1012

oder änder dein Script mal so um dann geht es auch mit value

Code

$('.like-b').on('click', likebeichte)
function likebeichte(e) {
                e.preventDefault()
    
       var value = $(this).attr('value');
                
                alert(value)
            
            }

Aber die Variante von Arne Drews mit data ist wohl die schönere Lösung

selection

Super hat geklappt. Weiß jemand noch zufällig warum kein "isset" funktioniert, wenn ich Ajax Post/Get verwende?

Er zeigt mir immer undefined delete_bookmark an.

HTML:

Spoiler anzeigen

Code

<button type="button" name="delete_bookmark" onclick="document.getElementById('bookmark-info-<?= $rowsafe['beichtid']; ?>').style.display='block'" class="delete-bookmark"><i class="fas fa-bookmark"></i></button>

Javascript:

Spoiler anzeigen

Code

$('.bookmark-form').submit(function(event) {
                event.preventDefault()
                
                var btn = $(this).find('.delete-bookmark')
                var value = btn.val()
                
                $.ajax({
                    type: 'POST',
                    url: 'delete-bookmark-statistic.php',
                    data: $(this).serialize(),
                    success: function(data) {
                        $('#post-'+value+'').css('display', 'none')
                        $('.bookmark-content').css('display', 'none')
                        $('.new-content-'+value+'').css('display', 'none')
                        $('#output-bookmark-'+value+'').html(data)
                    }
                })
                
            })

Alles anzeigen

delete-bookmark-statistic.php

Spoiler anzeigen

PHP

<?php
session_start();
include 'config/connect.php';
include 'function.php';

if(isset($_POST['delete_bookmark'])) {

                $id = filter_var($_POST['bookmark-id'], FILTER_SANITIZE_NUMBER_INT);
                
                if($dlt = $pdo->prepare("
                DELETE FROM bookmarks_beichte WHERE bookmarks_beichte.user_id = :sid AND bookmarks_beichte.thema = :pid LIMIT 1;")) {
                
                $dlt->BindParam(':sid', $_SESSION['id']);
                $dlt->BindParam(':pid', $id);
                
                if(!$dlt->execute()) {
                    
                    print_r($dlt->errorInfo());
                
                }
            }
        }
?>

Alles anzeigen

Arne Drews

Ich vermute das wird nicht übertragen. Befindet sich der Button evtl. nicht in der <form>?

Kann man aber schwer was zu sagen, ohne das gesamte Formular zu sehen

selection

Zitat von Arne Drews

Ich vermute das wird nicht übertragen. Befindet sich der Button evtl. nicht in der <form>?

Kann man aber schwer was zu sagen, ohne das gesamte Formular zu sehen

Ja es befindet sich in der Form^^

Spoiler anzeigen

Code

<form id="bookmark-form">
<button type="button" name="delete_bookmark" onclick="document.getElementById('bookmark-info-<?= $rowsafe['beichtid']; ?>').style.display='block'" class="delete-bookmark"><i class="fas fa-bookmark"></i></button>
</form>

Stef

Guten Morgen,

selection : Wie ich sehe hast du das Attribut "method" vergessen. Wenn du die Methode nicht auf POST setzt ist diese automatisch GET und darum funktioniert der Jquery Code auch nicht. Denn da gibst du als Methode POST an.

Grüße,

Stef

Arne Drews

Stimmt, das habe ich auch übersehen.

selection

Zitat von Stef

Guten Morgen,

selection : Wie ich sehe hast du das Attribut "method" vergessen. Wenn du die Methode nicht auf POST setzt ist diese automatisch GET und darum funktioniert der Jquery Code auch nicht. Denn da gibst du als Methode POST an.

Grüße,

Stef

Sobald ich " method="POST" " verwende, passiert immer noch dasselbe.

Stef

Hey,

Hm. Das ist aber komisch. Kannst du uns bitte den HTML-Codeteil des ganzen Formulares zeigen. Mit dem button können wir hier wenig anfangen.

Dies ist die Variante mit Javascript :

JavaScript

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bookmark</title>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

    <script>
        
        window.onload = function(){

            var button = document.getElementById("delete_bookmark");

            button.addEventListener("click", deleteBookmark);

            function deleteBookmark(event){

                event.preventDefault();

                var bookmarkId = new FormData(document.querySelector("form[name='bookmarkForm']"));
                var request = new XMLHttpRequest();

                request.addEventListener("load", function(){
                    document.getElementById("ausgabe").innerHTML = this.responseText;
                });

                request.open("POST", "delete-bookmark-statistic.php", true);
                request.send(bookmarkId);


            }
        }

    </script>
</head>
<body>
    <main>
        <form method="post" name="bookmarkForm">
            <input type="hidden" name="bookmarkId" value="1">
            <button type="button" id="delete_bookmark" class="delete-bookmark" ><i class="fas fa-bookmark"></i></button>
        </form>
        <div id="ausgabe">
            
        </div>
    </main>
</body>
</html>

Alles anzeigen

Grüße,

Stef

Jetzt mitmachen!