Gioca con questo per stanotte, poi domani chiacchieriamo ...
codice:
<html><head>
<title>actual and pseudo pop-up </title>
<base href="http://iprogramming.baab.it/files/2011/12/">
<script type="text/javascript">
//pop-up window
function lancia(){
window.open('http://iprogramming.altervista.org/blog', 'nomePopUp', 'width=560, height=380, scrollbars');
}
//"modal" window
function stendi(){
document.getElementById('theDiv').style.display = '';
}
function ritrai(){
document.getElementById('theDiv').style.display = 'none';
}
</script>
</head><body bgcolor="silver">
<table border="1" align="center">
<tr>
<td>[img]blues-bn.png[/img]</td>
<td>[img]country-music-bn.png[/img]</td>
<td>[img]ELETTRONICA-BN.png[/img]</td>
</tr>
<tr>
<td>[img]musica_classica-BiancoN.png[/img]</td>
<td>&#160;</td>
<td>&#160;</td>
</tr>
</table>
<div id="theDiv"
style="display: none; width: 620px; height: 450px;
position: absolute; top: 40px; left: 10%;
background.color: white; text-align: right; border: solid double black"
>
<input value="chiudi" onclick="ritrai();" type="button">
<iframe width="100%" height="100%" src="http://iprogramming.altervista.org/blog"></iframe>
</div>
</body></html>
La prima apre ancora come consueto, ma in nuova Finestra/Scheda con a target="_blank" e con img border="0" che non fa apparire la sottolineatura e la coloritura che qualificano i link; che per le immagini è una bordatura. Tanto ormai, il bobolo lo capisce a naso dove si può cliccare.
La seconda e la terza lanciano un pop-up mostrando due diversi criteri di gestire l' evento del click.
La terza applica l' onclick direttamente al tag img e si può fare a meno del lavorio del link; e ... fa una cosa diversa dalla pop-up.
Sulla pop-up, c'è poi il discorso che una prima volta aperta, va poi a "sedersi" in barra; ma abbi fede: le vie del javascript sono (quasi) infinite ...
P.S.:
Nota che la pop-up può sovrastare il browser tutto, cioè andare anche sulla parte strumentale, mentre la "modale" rimane nei limiti della finestra.
Questo potrebbe essere discriminante per usufruire dei massimi spazi.
</td> <td>
</td> <td>
</td> </tr> <tr> <td>
</td> </tr> </table>
Rispondi quotando
Comunque le leggerò velocemente in questi giorni, ma comunque adesso mi piacerebbe imparare bene l' html e il php (che so un po', ma proprio le cose basi), poi mi piacerebbe studiare il javascript e il flash. Negli anni con calma faccio tutto 