Alcune impostazioni potrebbero non funzionare in alcuni browser. Questo perché i nuovi browser consentono all’utente di sovrascrivere qualsiasi impostazione si passa a window.open.
La maggior parte dei browser bloccano i popup creati senza interazione da parte dell’utente (ad esempio il caricamento della pagina). Se il popup viene bloccato, l’utente potrebbe non notare la notifica che permette loro di vedere il pop-up.
Oramai quindi l’uso del semplice javascript window.open è divenuto obsoleto e rischia di non avere la stessa efficacia su applicativi web che hanno la presunzione di essere cross-browser, la cosa poi si complica un pochino quando nella nostra finestra vogliamo inserire del contenuto proveniente da un’altra pagina. Vediamo quindi come raggiungere l’obbiettivo attraverso l’uso di Bootstrap e jquery.

Per scelta obbligatoria per visualizzare il contenuto remoto, si deve inserire un attributo href nella pagina. Con il quale colleghiamo al file il contenuto remoto.
L’ attributo href è inserito nella linea con i tag di ancoraggio # che crea l’innesco per la modal di bootstrap. In questo esempio facciamo un collegamento a un file che ho chiamato semplicemente “contenuto.html”.

Adesso abbiamo quindi bisogno della pagina con il link che aprirà la nostra modal Bootstrap… eccola:

Abbiamo terminato !

Per vedere il funzionamento dell’ esempio Clicca qui !
Per scaricare il sorgente dell’ esempio Clicca qui !

Sergio

Sergio

Analista Programmatore: C++ - Net C# - JAVA - Python - Php - Objective C Xamarin cross plattform iOS, Android, Windows and Mac. Certificazioni [candidate ID SR2210816] - IBM Certified Business Process Analyst - IBM WebSphere Integration Developer V6.1 - IBM Certified SOA Solution Designer [2007] - IBM Lotus Notes & Domino Technical Sales Professional v2 - IBM Lotus Sametime Unified Telephony Entry Technical Sales -IBM Certified Deployment Professional - Tivoli Compliance Insight Manager V8.5 -IBM Optim Implementation for Distributed Systems (2009) Professional Test v1
Sergio