- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Apertura link in nuova pagina
-
Apertura link in nuova pagina
Ciao! Sono un novellino...e trovo difficoltà a far aprire questo link in una nuova pagina ridimensionata come fosse un popup...
Si tratta del bottone che fa aprire la segnalazione di un post su Oknotizie...
<div align="center"><a href="#" title="Proponi su OkNotizie" onclick="this.href='ht tp://oknotizie.virgilio.it/post.html.php?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title);return true;" title="Condividi su OKNOtizie"><img src="ht tp://w w w .miosito.it/wp-content/themes/wpclearNM/images/oknotizie.jpg" alt="OkNotizie" border="0"/></a>
</div>Qualcuno potrebbe aiutarmi??? Grazie!
-
Se ho ben capito vuoi aprire una popup. Il codice che stai usando utilizza invece sempre la stessa pagina su cui ti trovi. Prova con questo al posto di "this.href ....":
window.open('ht tp://oknotizie.virgilio.it/post.html.php?url='+encodeURIComponent(document.lo cation.href)+'&title='+encodeURIComponent(document.title), 'oknotizie', 'height=400,width=200');Saluti
-
Grazie per la risposta! Ho modificato il codice in questo modo però nulla, non funziona... (ps ovviamente con accattittippi e vuvuvu corretti)
<div align="center"><a href="#" title="Proponi su OkNotizie" onclick=window.open('htt ttp://oknotizie.virgilio.it/post.html.php?url='+encodeURIComponent(document.lo cation.href)+'&title='+encodeURIComponent(document .title), 'oknotizie', 'height=400,width=200') title="Condividi su OKNOtizie"><img src="ht tp:// w ww.mutuonews.it/wp-content/themes/wpclearNM/images/oknotizie.jpg" alt="OkNotizie" border="0"/></a>
</div>Non capisco che sbaglio...
-
Il valore di onclick deve essere racchiuso tra " "
onclick="window.open ..... 200)"
Saluti
-
Occhio che il codice che state postando non è la soluzione più indicata. In teoria dovreste creare un file js (da richiamare esterno al documento), in questo modo:
file window.js:
function contatti()
{
var w = 700;
var h = 800;
var l = Math.floor((screen.width-w)/2);
var t = Math.floor((screen.height-h)/2);window.open("form/form.php","","width=" + w + ",height=" + h + ",top=" + t + ",left=" + l);
}all'interno del documento invece:
<a href="javascript:contatti()"> Contatti</a>
La differenza? oltre a essere validato e non creare codice "sporco" nel documento, il vantaggio è la finestra che si apre perfettamente al centro della pagina a tutte le risoluzioni
Saluti.