ID an Modal übergeben.

CuzImCloud · 30. Juli 2018

Guten Tag,

ich habe bereits ein ähnliches Thema gemacht.

Ich möchte gerne richtige Datensätze aus PHP an ein Modal übergeben.

Ich habe über den Button bereits die "value" übergeben. Aber im Modal werden die Datensätze nicht korrekt angezeigt (Falsche oder immer nur 1)

Ich wollte mal fragen wie ich die ID an das Modal übergeben kann damit der den richtigen Datensatz hat:

2 Texte:

Hallo wie geht es dir: - Edititeren

Hallo wie geht es Ihnen: - Editieren

Sobald ich auf den Button "Editieren" von Text 1 Klicke soll im Modal auch dieser Text stehen:

Jedoch steht im Modal "Text 2" also immer die Letzte Zeile aus der DB:

mein Button sieht so aus - Value ist die ID:

<a href='#' value='" . $value['messageId'] . "' data-toggle='modal' data-target='#email'> [Weiterlesen] </a>#

Mein Modal habe ich so gemacht:

PHP

<?php
    
    try {
    
    if(isset($_GET['messageId'])) {
        $msgId = $_GET['messageId'];
    
    $selectMessagesByID = $dbv->prepare("SELECT messageId from messages WHERE messageId = :messageId");
    
    $selectMessagesByID->execute(array(":messageId" => $msgId));
    $messagesID = $selectMessagesByID->fetchAll(PDO::FETCH_ASSOC);
    
    }
    
    } catch(EXCEPTION $e){
        echo "Ein Fehler ist aufgetreten: " . $e->getMessage();
        exit();
    }
    ?>
    
    
<!-- E-Mail Adresse ändern | Modal -->
        <div class="modal fade" id="email" tabindex="-1" role="dialog">
            <form method="post" enctype="multipart/form-data">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header" style="text-align: center">
                            <h4 style="display: block; margin: 0 auto;" class="modal-title" id="largeModalLabel">Hier kannst du deine Aktuelle E-Mail Adresse ändern.</h4>    
                        </div>    
                        <hr style="width: 90%; margin-left: 25px;">
                        <div class="modal-body" style="margin-top: -30px"> 
                            <div class="form-group">
                                <br>
                                
                        <!------------------------------------------------------------------------------------->        
                                
                                
                                <p style="font-weight: bold">E-Mail ändern</p>
                                <div class="form-line">
                                
                                <?php echo htmlspecialchars($value['message']); ?>
                                
                                </div>
                                
                                
                        <!------------------------------------------------------------------------------------->    
                        
                            </div>
                            <br>
                        </div>
                        <div class="modal-footer" style="display: block; margin: 0 auto;">
                                <button name="submit" class="form-control btn btn-primary btn-link waves-effect" style="color: white; width: 250px">E-Mail Adresse ändern</button>
                        </div>
                        <br>
                    </div>
                </div>
            </form>
        </div>

Alles anzeigen

PS: Pro Nachricht wird ein Modal erstellt. (Automatisch)

Hoffe mir kann jemand helfen.

Gruß

Sempervivum · 30. Juli 2018

Der Sachverhalt ist noch der gleiche wie in dem vorigen Thread: Da das Modal durch Javascript geöffnet wird, kann die Übergabe der Daten auch nur durch Javascript erfolgen, jedenfalls wenn Du nur ein Modal für alle Texte haben willst. Die Lösung auf PHP-Seite zu suchen, führt nicht zum Ziel, wie man an der ergebnislosen Diskussion dort sieht. Und die Lösung ist ebenfalls die selbe, die ich schon in dem vorigen Thread gepostet habe:

https://getbootstrap.com/docs/3.3/javascript/

CuzImCloud · 30. Juli 2018

Ich mache das ganze aber nicht über Javascript.

Und mit JavaScript kenne ich mich auch nicht aus.

Sempervivum · 30. Juli 2018

Du verwendest ja Bootstrap und das macht es schon mit Javascript.
Ich habe das Ganze mal auf das Wesentliche reduziert und ein Demo gemacht, dort kannst Du ablesen, wie die Übergabe über ein data-Attribut funktioniert:

HTML

 <!doctype html>
<html>

<head>
    <title>test</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js" integrity="sha384-pjaaA8dDz/5BgdFUPX6M/9SUZv4d12SUPF0axWc+VRZkx5xU3daN+lYb49+Ax+Tl"
        crossorigin="anonymous"></script>
</head>

<body>
    <div>Hallo wie geht es dir?
        <a style='margin-top: -2px; margin-bottom: -2px; width: 100px;' class='btn btn-raised bg-red btn-block btn-xs waves-effect'
            data-toggle='modal' data-target="#modal" data-message="Hallo wie geht es dir?" name=''>
            Editieren</a>
    </div>
    <div>Hallo wie geht es Ihnen?
        <a style='margin-top: -2px; margin-bottom: -2px; width: 100px;' class='btn btn-raised bg-red btn-block btn-xs waves-effect'
            data-toggle='modal' data-target="#modal" data-message="Hallo wie geht es Ihnen?" name=''>
            Editieren</a>
    </div>
    <div class="modal fade" id="modal" tabindex="-1" role="dialog">
        <form method="post">


            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header" style="text-align: center">
                        <h4 style="display: block; margin: 0 auto;" class="modal-title" id="largeModalLabel">Testmodal für Nachricht.</h4>
                    </div>
                    <hr style="width: 90%; margin-left: 25px;">
                    <div class="modal-body" style="margin-top: -30px">
                        <div class="form-group">
                            <br>
                            <p id="p-username" style="font-weight: bold">Die Nachricht:</p>
                            <div class="form-line">
                                <input id="input-message" type="text" name="message" class="form-control" value="" autocomplete="off">
                            </div>
                        </div>
                        <br>
                    </div>
                    <div class="modal-footer" style="display: block; margin: 0 auto;">
                        <button name="submit" class="form-control btn btn-primary btn-link waves-effect" style="color: white; width: 250px">E-Mail Adresse ändern</button>
                    </div>
                    <br>
                </div>
            </div>

        </form>
    </div>
    <script>
        $('#modal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var msg = button.data('message') // Extract info from data-* attributes
            var modal = $(this)
            modal.find('#input-message').val(msg);
        })
    </script>
</body>

</html>

Alles anzeigen

Wenn Du es mit PHP machen möchtest, so ist das auch möglich, indem Du für jede Nachricht ein eigenes Modal definierst und über dessen ID und data-target jeweils das richtige öffnest, so wie ich es ebenfalls in dem vorigen Thread beschrieben hatte.

CuzImCloud · 30. Juli 2018

Ich möchte es so machen:

Ich habe genau 1 Modal:

Für jeden Nachricht wird automatisch ein neues erstellt.

Und da soll dann die Nachricht drin stehen von dem der Nachricht wo ich draufgeklickt habe

Ich habe diese Funktion bereits in einer anderen Datei, dort wird allerdings eine neue Seite geöffnet, und wenn ich das so mache wird mir Undefinded Index angezeigt bei $_GET

Sempervivum · 31. Juli 2018

Zitat

Ich habe genau 1 Modal:

Für jeden Nachricht wird automatisch ein neues erstellt.

Ist das nicht ein Widerspruch? Wenn für jede Nachricht ein neues erstellt wird, werden es doch mehrere?

m.scatello · 31. Juli 2018

Goggle => bootstrap wert an modal weitergeben => erster Treffer!

CuzImCloud · 31. Juli 2018

m.scatello

habe ich bereits gemacht, aber ich blicke da nicht durch.

m.scatello · 31. Juli 2018

Na toll, du blickst bei dir nicht durch, du blickst beim Beispiel von Sempervivum nicht durch und bei dem Quellcode in dem anderen Forum blickst du auch nicht durch. Und nun? Wartest du wieder mal auf eine fertige Lösung oder hältst du es vielleicht für besser, dich mal ernsthaft mit dem Thema zu beschäftigen?

CuzImCloud · 31. Juli 2018

Ich beschäftige mich gut genug mit dem Thema,

ich habe viele Sachen versucht.

Und ich muss mir ehrlich gesagt auch nicht jedesmal deine Kommentare anhören wie "Wartest wieder auf eine fertige Lösung?"

// Close

m.scatello · 31. Juli 2018

Zitat von CuzImCloud

Ich beschäftige mich gut genug mit dem Thema,

Anscheinend nicht. Es gibt reichlich Beispiele im Netz, die du anpassen könntest, aber das scheint ja nicht zu klappen.

Was ist denn mit dem Lösungsvorschlag von Sempervivum?

CuzImCloud · 31. Juli 2018

Habs dann selber hinbekommen,

also nix mit JavaScript oder so.

// close

ID an Modal übergeben.

Jetzt mitmachen!

Teilen