Varie
HTML
CSS
Introduzione
Coming Soon
JavaScript
PHP
Introduzione
Coming Soon
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.

Funzione oscuratore

Funzione richiesta di conferma

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

Non neccessita l'inserimento dell'oscuratore nel tag body

CSS integrato nello script - immagine elimininata

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