Boostrap visualizzare una pagina nel modal

[omgprova]

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

<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

 <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

[GraphOGLRisorse]

Salve, provi questo:

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

[omgprova]

Salve, provi questo:

<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

[GraphOGLRisorse]

Scusi, tolga target="_blank"

Cordiali saluti.

[omgprova]

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

<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

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

[GraphOGLRisorse]

Provi in questo modo:

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

[omgprova]

Provi in questo modo:

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

[GraphOGLRisorse]

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

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

[omgprova]

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

<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

[GraphOGLRisorse]

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.

[omgprova]

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 )
questo è lo script che risiede nella pagina...

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

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

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

[omgprova]

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.

<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

[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ì:

<td class="table text-center">

Cordiali saluti.

[omgprova]

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

Quindi con la classe table funziona correttamente?

Se si, può fare così:

<td class="table text-center">

Cordiali saluti.

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

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

[omgprova]

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
non essendo un programmatore nel file bootstrap potrebbe non essere perfetto

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

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

[omgprova]

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:

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

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

[omgprova]

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