Разберите URL-идентификатор из ссылки ref в модальном режиме (начальной загрузке), чтобы отобразилась правая страница.

Question

Я пытаюсь создать список контактов в javascript и хочу, чтобы при нажатии кнопки «новый контакт» или «редактировать контакт» с помощью bootstrap появлялось модальное всплывающее окно.В зависимости от идентификатора URL в модале должно быть указано «новый контакт» или «редактировать контакт».Они основаны на том же html-сайте, но разница заключается в том, что при нажатии «изменить контакт» поля заполняются контактом.

Но это не работает должным образом.Работает только при отсутствии модального режима.Метод для этого разделения ниже

Целевая страница

модальный должен выглядеть следующим образом

Это мой модальный

  <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"></a>


            <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>

Метод разделения идентификатора и показа правильной страницы

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;
}