मान लीजिए मेरे पास मेरी साइट https://my site.com के लिए एक बाहरी लिंक https://example.com है। बूटस्ट्रैप मोडल में बाहरी लिंक को कैसे पॉप अप करें?

0
user11078680 25 जून 2019, 11:06

1 उत्तर

सबसे बढ़िया उत्तर

इस उपाय को आजमाएं। मुझे लगता है कि यह कोड आपकी समस्या का समाधान करता है।

नए लिंक के प्रदर्शन के लिए <iframe> टैग का उपयोग करें और src पथ का उपयोग करके अपनी साइट का URL जोड़ें।

बूटस्ट्रैप मॉडल

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

<div class="wrapper">
  <div class="container">
    <!-- Button trigger modal -->
    <button
      type="button"
      class="btn btn-primary"
      data-toggle="modal"
      data-target="#exampleModal"
    >
      Launch demo modal
    </button>

    <!-- Modal -->
    <div
      class="modal fade"
      id="exampleModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="exampleModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <iframe
              src="https://getbootstrap.com/"
              name="myIframe"
              class="w-100 h-100"
            ></iframe>
          </div>
          <div class="modal-footer">
            <button
              type="button"
              class="btn btn-secondary"
              data-dismiss="modal"
            >
              Close
            </button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
1
Dnyanesh_B 25 जून 2019, 08:46