Boostrap visualizzare una pagina nel modal

spero sia la sezione giusta in caso scusatemi e spostatela pure..
vi spiego il mio problema..
sto cercando di cambiare tutta la parte grafica del sito con bootstrap..
ora riscontro un problema che non riesco a risolvere..
in pratica nella sezione "Aste Giocatori" quando si faceva un offerta cliccanto sul giocatore si a priva una finestra /che richiamava il file di comando)dove c erano i dati del giocatore e poi l input per l offerta...
questa finestra era gestita dal vecchio css ...
adesso nel file con bootstrap quando clicco per fare l offerta mi apre una nuova pagina...
mentre inserendo il modal non mi funziona
parte in html vecchia

Codice HTML:

---

<td class="table1"><?php if($row_playersearch['aucplayerID'] > 0 ){?><img src="http://forum.it.altervista.org/images/stop.png" width="22" height="22"/><?php } else {?>
    <a class="auction-tip" href="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>"><img src="http://forum.it.altervista.org/images/auction.png" width="22" height="22" title="Fai un offerta"/></a><?php }?></td>             
                        </tr>

---

parte bootstrap

Codice HTML:

---

<th class="text-center"><?php if($row_playersearch['aucplayerID'] > 0 ){?><span class="badge badge-success">OFFERTA INVIATA</span><?php } else {?>
                        <!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
  offerta
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h6 class="modal-title" id="exampleModalLongTitle">xxxxxxxx</h6>
      </div>

    <a class="auction-tip" href="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>"></a>             
                       
    <div class="modal-body">
       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div><?php }?></th>

---

come faccio a visualizzare la finestra dell offerta nel modal?
come in foto
https://ibb.co/X5QrXLN
https://ibb.co/X5QrXLN

Salve, provi questo:

Codice HTML:

---

<form action="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>" target="_blank">
  <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
    offerta
  </button> 
</form>

---

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Salve, provi questo:

Codice HTML:

---

<form action="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>" target="_blank">
  <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
    offerta
  </button> 
</form>

---

Cordiali saluti.

---

grazie per l aiuto..
ho provato il form prima nel modal e poi senza...
non cambia nulla non mi apre la finestra ma una nuova pagina

Scusi, tolga target="_blank"

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Scusi, tolga target="_blank"

Cordiali saluti.

---

Grazie ancora ma niente sempre una nuova pagina apre...
magari sbaglio io...

prava 1 mi crea un pulsante nel modal cliccandolo mi apre una nuova pagina

Codice HTML:

---

<th class="text-center"><?php if($row_playersearch['aucplayerID'] > 0 ){?><span class="badge badge-success">OFFERTA INVIATA</span><?php } else {?>
                        <!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
  offerta
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
 
  <div class="modal-dialog modal-dialog-centered" role="document">
  <div class="modal-content">
    <div class="container-fluid p-3 my-3 bg-dark text-white" style="width:327px" "height:282px" >
      <div class="modal-header">
       
        <h6 class="modal-title" id="exampleModalLongTitle">xx</h6>
      </div>

      <form action="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>" >
  <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
    offerta
  </button> 
</form>
    <div class="modal-body">
       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
</div>
<?php }?></th>


---

prova 2 come sopra mi crea un pulsante che mi apre il file in una nuova pagina

Codice HTML:

---

<th class="text-center"><?php if($row_playersearch['aucplayerID'] > 0 ){?><span class="badge badge-success">OFFERTA INVIATA</span><?php } else {?>
  <form action="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>" >
  <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
    offerta
  </button> </form>
<?php }?></th>

---

Provi in questo modo:

Codice HTML:

---

<style>
.pulsante {
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
color: #fff;
padding: 10px 20px;
border: solid 1px #0076a3;
background: #0095cd;
}
</style>

<?php $myvar = echo $row_playersearch['id']; ?>

<a class="pulsante" href="javascript:;" onClick="window.open('silentauctionbid.php?recordID=<?php $myvar ?>', 'titolo', 'width=300, height=350, location');">
offerta</a>

---

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Provi in questo modo:

Codice HTML:

---

<style>
.pulsante {
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
color: #fff;
padding: 10px 20px;
border: solid 1px #0076a3;
background: #0095cd;
}
</style>

<?php $myvar = echo $row_playersearch['id']; ?>

<a class="pulsante" href="javascript:;" onClick="window.open('silentauctionbid.php?recordID=<?php $myvar ?>', 'titolo', 'width=300, height=350, location');">
offerta</a>

---

Cordiali saluti.

---

gentilissimo grazie ancora....
avevo provato anche lo script ad aprire una finestra contenete la pagina html....
il problema è che dopo l invio dell offerta la finestra rimane aperta mostrandomi una nuova pagina...

in pratica prima funzionava in questo modo...
nella pagina di ricerca giocatore cliccavo sull icona per fare l offerta aprendosi una finestra(come nella foto postata nel primo post) dove vedevo i valori del giocatore e dove inserivo la mia offerta...appena inviavo l offerta la finestra si chiudeva e rimanevo sempre nella pagina iniziale ovvero dove c è la lista giocatori...

Se riporta nel codice di bootstrap il link con icona presante nel vecchio codice, le funziona correttamente?

Codice HTML:

---

<a class="auction-tip" href="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>"><img src="http://forum.it.altervista.org/images/auction.png" width="22" height="22" title="Fai un offerta"/></a>

---

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Se riporta nel codice di bootstrap il link con icona presante nel vecchio codice, le funziona correttamente?

Codice HTML:

---

<a class="auction-tip" href="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>"><img src="images/auction.png" width="22" height="22" title="Fai un offerta"/></a>

---

Cordiali saluti.

---

purtroppo no...mi apre una nuova pagina...
ho provato ad inserire gli script e i link del vecchio css ma non funzionana lo stesso
probabile che con bootstrap la parte css/jquery del vecchio sito non funzioni...perchè mi basterebbe anche avere la vecchia finestra

Probailmente nel vecchio, c'è del codice jquery che interagisce con i css per generare la finestra popup. Il problema potrebbe dipendere dalla versione jqueriy usata nel codice di bootstrap, differente da quella del vecchio, che quindi non è pienamente compatibile con il vecchio codice.

Provi a ad usare la parte di codice veccio(html+css) in quello di bootstrap, sostituendo la versione di jquery con quella usata nel vecchio.

Se poi non le funziona ancora, può mostrarmi entrambi i codici per intero(vecchio e nuovo di bootstrap)?

Cordiali saluti.

credo d essere arrivato ad un punto di svolta....
smanettando un po qua un po là in rete e controllando il vecchio file...
la pagina che si apre per l offerta è racchiusa in un tooltip...
quindi bisognerebbe ricreare il comando per bootstrap..(almeno credo :oops: :roll: :confused:)
questo è lo script che risiede nella pagina...

Codice HTML:

---

<script>
jQuery(document).ready(function () { 
    jQuery('[title]').qtip({
                style:{classes:'qtip-tipsy',                                           
                        },
                        show: {
            effect: function() {
                jQuery(this).slideDown(100);
            }
        },
        hide: {
            effect: function() {
                jQuery(this).slideUp(100);
            }
        },
                        position: {
        my: 'bottom center', 
        at: 'top center',       
    }
                                  });
                  });
jQuery.noConflict();
jQuery(document).ready(function()
 {       
    jQuery('.auction-tip').each(function() {
        jQuery(this).qtip({
                        prerender: true,
            content: {
                text: function(event, api) {
                    jQuery.ajax({
                        url: api.elements.target.attr('href')
                    })
                    .then(function(content) {
                       
                        api.set('content.text', content);
                    }, function(xhr, status, error) {
                       
                        api.set('content.text', status + ': ' + error);
                    });
       
                    return '<img src="images/load.gif" alt="Loading..."/>';
                }
            },
                        hide: {
                fixed: true,
                delay: 300
                        },
                       
          position: {
            my: 'right center',
            at: 'left center',                               
            effect: false
        },
                       
            style:{classes:'qtip-bootstrap',
                        width:325,
                        height:215
                       
                        },
                               
    show: {
            event: 'click',           
        },
    hide: {
        event: 'unfocus'
    },
        api:
            {
                events: function()
                {
                    var api = this;
                    $('form', api.elements.content).submit(function(event)
                    {
                        alert('hey');
                        // process it
                        //api.updateContent('new content'); // set the new content
                        return false; // prevent the default response
                    });
                }
            },       
        })       
               
        .bind('click', function(event){ event.preventDefault(); return false; });       
    });
        });
</script>

---

se ho scritto fantasie ditemelo pure..

Si, questo è il codice jquery che crea la finestra popoup. Ha fatto bene a mostrarmelo. Comunque lo si può intuire anche dalla classe .auction-tip che è presente anche nel link del pezzo del vecchio codice che ha mostrato all'inizio.

Codice HTML:

---

<td class="table1"><?php if($row_playersearch['aucplayerID'] > 0 ){?><img src="http://forum.it.altervista.org/images/stop.png" width="22" height="22"/><?php } else {?>
    <a class="auction-tip" href="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>"><img src="http://forum.it.altervista.org/images/auction.png" width="22" height="22" title="Fai un offerta"/></a><?php }?></td>             
                        </tr>

---

Dovrebbe fare delle prove inserendo questo codice jquery con il rispettivo pezzo html, in quello di bootstrap.

Cordali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Si, questo è il codice jquery che crea la finestra popoup. Ha fatto bene a mostrarmelo. Comunque lo si può intuire anche dalla classe .auction-tip che è presente anche nel link del pezzo del vecchio codice che ha mostrato all'inizio.

Codice HTML:

---

<td class="table1"><?php if($row_playersearch['aucplayerID'] > 0 ){?><img src="http://forum.it.altervista.org/images/stop.png" width="22" height="22"/><?php } else {?>
    <a rel="nofollow" class="auction-tip" href="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>"><img src="http://forum.it.altervista.org/images/auction.png" width="22" height="22" title="Fai un offerta"/></a><?php }?></td>             
                        </tr>

---

Dovrebbe fare delle prove inserendo questo codice jquery con il rispettivo pezzo html, in quello di bootstrap.

Cordali saluti.

---

si già provato il vecchio codice ...ma cambiando il <td class=table> con <th class=text-center>
mi apre il link in una nuova pagina..grazie per i continui consigni

Le classi css, possono essere caricate più di una nello stesso elelemento.

Quindi con la classe table funziona correttamente?

Se si, può fare così:

Codice:

---

<td class="table text-center">

---

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Le classi css, possono essere caricate più di una nello stesso elelemento.

Quindi con la classe table funziona correttamente?

Se si, può fare così:

Codice:

---

<td class="table text-center">

---

Cordiali saluti.

---

buongiorno e buona domenica..no purtroppo non funziona mi apre sempre una nuova pagina

Se per lei non è un problema, sarebbe utile che creasse 2 pagine di prova. Una con che usa il veccio codice e crea una finestra popup e l'altra con il codice equivalente in bootstrap. Quindi le lincarle qui.

Così da poter fare un raffronto comleto tra le 2 versioni.

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Se per lei non è un problema, sarebbe utile che creasse 2 pagine di prova. Una con che usa il veccio codice e crea una finestra popup e l'altra con il codice equivalente in bootstrap. Quindi le lincarle qui.

Così da poter fare un raffronto comleto tra le 2 versioni.

Cordiali saluti.

---

file bootstrap


file originale e funzionante

ho inserito i 2 file spero passa aiutarmi...grazie ancora

ps
:oops: non essendo un programmatore nel file bootstrap potrebbe non essere perfetto

Ho creato un codice di esempio, con pulsante che se cliccato apre un popup che carica il contenuto del link relativo a silentauctionbid.php.

Qursto è l'esmpio:

Codice HTML:

---

<style>
@charset "UTF-8";
 
/* Stili della finestra modale  */
.modal-header h2 {
    color: #555; 
    font-size: 20px;
    font-weight: normal;
    line-height: 1;   
    margin: 0;
}
/* bottone della chiusura  */
.modal .btn-close {
    color: #aaa;
    cursor: pointer;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.modal .btn-close:hover {
    color: red;
}
/* sfondo oscurante */
.modal-wrap:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}
.modal-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102;
}
/* ativazione dello sfondo oscurante e della finestra  */
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
    display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 20%;
}
/* elementi della finestra modale  */
.modal-dialog {
    background: #fefefe;
    border: #555555 solid 1px;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: -100%;
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    width: 80%;
    max-width: 500px;
    z-index: 103;
}
.modal-body {
  padding: 20px;
}
.modal-body p {
    margin: 0;
}
.modal-header,
.modal-footer {
    padding: 20px 20px;
}
.modal-header {
    border-bottom: #eaeaea solid 1px;
}
.modal-header h2 {
    font-size: 20px;
    margin: 0;
}
.modal-footer {
    border-top: #eaeaea solid 1px;
    text-align: right;
}
/* imagini addative nella finestra modale  */
.modal-body img { 
    max-width: 100%;
    height: auto;
}
/* bottoni */
.btn {
    background: #fff;
    border: #555 solid 1px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
}
.btn:hover, .btn:focus {
    background: #f2f2f2;
}
.btn-primary {
    background: #428bca;
    border-color: #357ebd;
    color: #fff;
}
.btn-primary:hover{
    background: #66A1D3;
}
 
/* elementi dell forma di contatto */
.textbox{
    height:45px;
    width:100%;
    border-radius:3px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    font-size:14px; 
    padding:8px;
    margin-bottom:20px; 
}
.message:focus,
.textbox:focus{
    outline:none;
    border:rgba(24,149,215,1) 1px solid;
    color:rgba(24,149,215,1);
}
.message{
    background: rgba(255, 255, 255, 0.4); 
    width:100%;
    height: 120px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    -moz-border-radius: 3px;
    font-size:14px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    padding:10px;
    margin-bottom:20px;
    overflow:hidden;
}
/* bottone "inviare"  della forma */
.btn-form{
    width:100%;
    height:45px; 
    border:rgba(0,0,0,.2) 1px solid;
    box-sizing:border-box;
    background: grey;
    color:white;
    transition:background .4s;
}
/* Modifica dello sfondo del bottone al hover */
.btn-form:hover{
    background: #f2f2f2;
}
</style>

<label target="contenuto" title="Forma di contatto nella finestra modale" class="btn" for="modal-2">Esempio</label>&nbsp;&nbsp;

<div class="modal">
  <input class="modal-open" id="modal-2" type="checkbox" hidden>
  <div class="modal-wrap" aria-hidden="true" role="dialog">
    <label class="modal-overlay" for="modal-2"></label>
    <div class="modal-dialog">
      <div class="modal-header">
        <h2>Finestra modale o popup!</h2>
        <label class="btn-close" for="modal-2" aria-hidden="true">×</label>
      </div>
      <div class="modal-body">
          <form>
                      <iframe src="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>" frameborder="0" style="width:100%; height:300px; border:0 overflow:hidden;" seamless="seamless" scrolling="no"></iframe> 
          </form>
      </div>
    </div>
  </div>
</div>

---

Ora, dovrebbe avre solo da modificare lo stile e la misura della finesta, secondo le sue preferenze.

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Ho creato un codice di esempio, con pulsante che se cliccato apre un popup che carica il contenuto del link relativo a silentauctionbid.php.

Qursto è l'esmpio:

Codice HTML:

---

<style>
@charset "UTF-8";
 
/* Stili della finestra modale  */
.modal-header h2 {
    color: #555; 
    font-size: 20px;
    font-weight: normal;
    line-height: 1;   
    margin: 0;
}
/* bottone della chiusura  */
.modal .btn-close {
    color: #aaa;
    cursor: pointer;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.modal .btn-close:hover {
    color: red;
}
/* sfondo oscurante */
.modal-wrap:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}
.modal-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102;
}
/* ativazione dello sfondo oscurante e della finestra  */
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
    display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 20%;
}
/* elementi della finestra modale  */
.modal-dialog {
    background: #fefefe;
    border: #555555 solid 1px;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: -100%;
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    width: 80%;
    max-width: 500px;
    z-index: 103;
}
.modal-body {
  padding: 20px;
}
.modal-body p {
    margin: 0;
}
.modal-header,
.modal-footer {
    padding: 20px 20px;
}
.modal-header {
    border-bottom: #eaeaea solid 1px;
}
.modal-header h2 {
    font-size: 20px;
    margin: 0;
}
.modal-footer {
    border-top: #eaeaea solid 1px;
    text-align: right;
}
/* imagini addative nella finestra modale  */
.modal-body img { 
    max-width: 100%;
    height: auto;
}
/* bottoni */
.btn {
    background: #fff;
    border: #555 solid 1px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
}
.btn:hover, .btn:focus {
    background: #f2f2f2;
}
.btn-primary {
    background: #428bca;
    border-color: #357ebd;
    color: #fff;
}
.btn-primary:hover{
    background: #66A1D3;
}
 
/* elementi dell forma di contatto */
.textbox{
    height:45px;
    width:100%;
    border-radius:3px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    font-size:14px; 
    padding:8px;
    margin-bottom:20px; 
}
.message:focus,
.textbox:focus{
    outline:none;
    border:rgba(24,149,215,1) 1px solid;
    color:rgba(24,149,215,1);
}
.message{
    background: rgba(255, 255, 255, 0.4); 
    width:100%;
    height: 120px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    -moz-border-radius: 3px;
    font-size:14px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    padding:10px;
    margin-bottom:20px;
    overflow:hidden;
}
/* bottone "inviare"  della forma */
.btn-form{
    width:100%;
    height:45px; 
    border:rgba(0,0,0,.2) 1px solid;
    box-sizing:border-box;
    background: grey;
    color:white;
    transition:background .4s;
}
/* Modifica dello sfondo del bottone al hover */
.btn-form:hover{
    background: #f2f2f2;
}
</style>

<label target="contenuto" title="Forma di contatto nella finestra modale" class="btn" for="modal-2">Esempio</label>**

<div class="modal">
  <input class="modal-open" id="modal-2" type="checkbox" hidden>
  <div class="modal-wrap" aria-hidden="true" role="dialog">
    <label class="modal-overlay" for="modal-2"></label>
    <div class="modal-dialog">
      <div class="modal-header">
        <h2>Finestra modale o popup!</h2>
        <label class="btn-close" for="modal-2" aria-hidden="true">×</label>
      </div>
      <div class="modal-body">
          <form>
                      <iframe src="silentauctionbid.php?recordID=<?php echo $row_playersearch['id']; ?>" frameborder="0" style="width:100%; height:300px; border:0 overflow:hidden;" seamless="seamless" scrolling="no"></iframe> 
          </form>
      </div>
    </div>
  </div>
</div>

---

Ora, dovrebbe avre solo da modificare lo stile e la misura della finesta, secondo le sue preferenze.

Cordiali saluti.

---

grazie gentilissimo...ma non mi apre nessuna finestra ...
il codice da lei creato devo inserirlo così com è compreso lo style?

Si, va inserito sia il codice html che il css, eventuali aggiustamenti vanno fatti dopo.

A me funziona su più browser.

Ho messo lo stesso esempio, sul mio stio, cambiando ovviamente la apgina caricata nel popup. Mi dica questo se le funziona: EsempioPopupCss

Cordiali saluti.

Citazione:

---

Originalmente inviato da GraphOGLRisorse

Si, va inserito sia il codice html che il css, eventuali aggiustamenti vanno fatti dopo.

A me funziona su più browser.

Ho messo lo stesso esempio, sul mio stio, cambiando ovviamente la apgina caricata nel popup. Mi dica questo se le funziona: EsempioPopupCss

Cordiali saluti.

---

l ho provato in una pagina vuota e funziona.....ma nella pagina del software va in conflitto con la parte bootstrap nell head..
forse è il model che va modificato...stasera vedo cosa combino..grazie ancora per l aiuto...le farò sapere..grazie ancora