Varie & Old
HTML
CSS
JavaScript
PHP
Generatori

Link e Finestre esempio 7

Otto modi di gestire i nostri Link e Finestre

In questa sezione vedremo otto esempi di come possiamo gestire i nostri link e le nostre finestre
ESEMPIO 7

Obscure New Window Confirmation


Questa soluzione si rivela particolarmente interessante, troviamo infatti ben tre funzioni in questo script.

1° Funzione oscuratore

2° Funzione richiesta di conferma

3° Funzione apertura in nuova finestra centrata sullo schermo

L'oscuratore è completamente personalizzabile e possiamo inserire immagini o banner, inoltre modificando l'immagine utilizzata da 1x1 px è possibile cambiare il colore o la percentuale di trasparenza.

ISTRUZIONI:

Caricare lo script e il css tra i tag "<head>" e "</head>"

CODE: HTMLpreleva codice
  1. <link href="obscure_new_window_confirmation.css" rel="stylesheet" type="text/css" />
  2. <script type="text/javascript" src="obscure.new.window.confirmation.js"></script>

Inserire l'oscuratore subito dopo il tag "<body>"

CODE: HTMLpreleva codice
  1. <!--[if IE]><![if gte IE 7]><![endif]-->
  2. <div id="oscuratore" style="display:none"><div id="box_oscuratore"><a href="javascript: void(0)" onclick="visualizza('oscuratore'); return false">... Scopri ...</a></div></div>
  3. <!--[if IE]><![endif]><![endif]-->
  4. <!--[if lte IE 6]><div id="oscuratore" style="display: none;height: 0px;"></div><![endif]-->

Utilizzare questi parametri nei collegamenti dove si vuole utilizzare lo script

CODE: HTMLpreleva codice
  1. <a href="javascript: void(0)" onclick="visualizza('oscuratore');decisione('esempio_nuova_finestra.html')">Prova questo esempio - obscure new window confirmation</a>

Scarica questo esempio

DOWNLOAD
HOSTING • VPS • HOUSING • SSL • PEC • DOMAIN

NEW Nuova versione: Obscure New Window Confirmation v2

1° Non neccessita l'inserimento dell'oscuratore nel tag body

2° CSS integrato nello script - immagine elimininata

3° Completamente gestibile da javascript

ISTRUZIONI:

Caricare lo script tra i tag "<head>" e "</head>"

CODE: HTMLpreleva codice
  1. <script type="text/javascript" src="obscure.new.window.confirmation.v2.js"></script>

Utilizzare questi parametri nei collegamenti dove si vuole utilizzare lo script

CODE: HTMLpreleva codice
  1. <a href="javascript: void(0)" onclick="decisione('esempio_nuova_finestra.html')">Prova questo esempio - obscure.new.window.confirmation.v2.js</a>

Scarica questo esempio

DOWNLOAD

Prova questo esempio

DEMO
*

I Cookie su questo sito:

Il nostro sito utilizza cookie e altre tecnologie in modo tale che sia noi, sia i nostri partner, possiamo ricordarci di te e capire come tu e gli altri visitatori utilizzate il nostro sito. Qui puoi trovare ulteriori informazioni sui cookie e le altre tecnologie. Chiudendo questo banner o continuando la navigazione acconsenti all'uso dei cookie. Acconsento Info Cookies