Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist

Diskutiere Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist im HTML / CSS / JScript / AJAX Forum; Hallo, ich hoffe man versteht die Frage. Ich möchte mit einem modal eine Seite anzeigen lassen wenn man einen der beiden Buttons drückt, die...

  1. Alpinwhite
    Alpinwhite Mitglied
    Hallo, ich hoffe man versteht die Frage. Ich möchte mit einem modal eine Seite anzeigen lassen wenn man einen der beiden Buttons drückt, die abhängig von der übergebenen id verschiedene Inhalte anzeigt. Und zwar einmal "Kontakt erstellen" und "Kontakt bearbeiten". Diese bauen wie gesagt auf der selben html Seite auf, mit dem Unterschied, dass bei "Kontakt bearbeiten" die Felder mit den Daten des übergebenen Kontakts angezeigt werden.

    Dazu habe ich eine Funktion die die Felder belegt:
    Code (Text):
    function kontaktBearbeitenInit() {
        var url = decodeURI(window.location.href);
        var urlParts = url.split("?");
        var idParts = urlParts[1].split("=");
        var id = idParts[1];
        var newText = "Kontakt anlegen";
        var bearbeitenText = "Kontakt bearbeiten";
       
        document.getElementById('idSaver').value = id;

        if (id === '-1') {
            // Kontakt anlegen
            document.getElementById("titleID").innerHTML = newText;
            document.getElementById("legendID").innerHTML = newText;
            document.getElementById("nameID").disabled = false;
        } else {
            // gültige ID gegeben, Kontakt bearbeiten
            document.getElementById("titleID").innerHTML = bearbeitenText;
            document.getElementById("legendID").innerHTML = bearbeitenText;

            let kontakt = kontakteSpeicher.findeKontaktZuId(id);

            document.getElementById("nameID").disabled = true;
            document.getElementById("nameID").value = kontakt.name;
            document.getElementById("emailID").value = kontakt.email;
            document.getElementById("ortID").value = kontakt.ort;
            document.getElementById("plzID").value = kontakt.plz;
            document.getElementById("strasseID").value = kontakt.strasse;
        }
    und das Modal für den "Kontakt anlegen" Button sieht folgendermaßen aus:

    Code (Text):
     <div id="modal-show-page" class="modal fade">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal-dialog -->
                        </div><!-- /.modal -->
                       
                        <div>
                        <a class="btn btn-primary" data-toggle="modal" data-target="#modal-show-page" href="KontaktBearbeiten.html?ID=-1"><img class="button-image" src="images/plus.png"></button>
                 

                    <a  href="KontaktBearbeiten.html?ID=-1"><button class="button" type="button" data-toggle="modal" data-target="#modal-show-page" >

                    <img class="button-image" src="images/plus.png">
                </button></a>

            </div>
     
    Mein Problem ist, dass das Ganze mit Modal nicht funktioniert. Wenn ich einen normalen Button habe, der zur html Seite weiterleitet funktioniert das auslesen der id und die richtige Seite wird angezeigt, also entweder "Kontakt bearbeiten" oder "Kontakt anlegen".
    Wenn ich es mit Modal mache sehe ich zwar die Seite im Modal, aber mit "Fehler" in der legende des fieldsets. Also wurde die id auf diese Weise nicth erkannt
     
  2. Vielleicht hilft dir dieses Training hier weiter.
Passende Stellenanzeigen aus deiner Region:





Die Seite wird geladen...

Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist - Ähnliche Themen

Dialog modal aufrufen
Dialog modal aufrufen im Forum AWT, Swing, JavaFX & SWT
Modaler Dialog und JTree Node mit sehr... seeeeehr vielen Elementen
Modaler Dialog und JTree Node mit sehr... seeeeehr vielen Elementen im Forum AWT, Swing, JavaFX & SWT
Mehrere Modal-Dialoge übereinander
Mehrere Modal-Dialoge übereinander im Forum AWT, Swing, JavaFX & SWT
Modalen JDialog ein Layout zuweisen
Modalen JDialog ein Layout zuweisen im Forum AWT, Swing, JavaFX & SWT
JDialog modal und JTextArea
JDialog modal und JTextArea im Forum AWT, Swing, JavaFX & SWT
Thema: Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist