Solo un’altra Bastardata targata Marketing Informatico

~ Marketing Bastardo ~

Decidere di scrivere quando asfaltano la strada proprio sotto la tua finestra,
ristrutturano l'appartamento accanto all'ufficio, la stampante non funziona ma il trojan sí,
e per farti un caffé devi svuotare tutto il cassettino delle cialde.
...e allora il marketing si fa bastardo...
Giovedí
23 Febbraio 2012

9 Maggio 2008
 
postato da Manuel
Finestra pop-up

Uno script molto semplice e vecchia come il cucco: una funzione per aprire pop-up senza che aggiri il blocco dei broser.

Questo il codice che va tra i tag <head></head>:

<script language=”JavaScript” type=”text/JavaScript”>
<!–
function apripopup(theURL,winsize,features) {
window.open(theURL,winsize,features);
}
–>
</script>

Dopodiché inseriamo il link con il gestore di evento che ci permette di aprire la pop-up:

<a href=”javascript:;” onClick=”apripopup(’popup.htm’,”,’width=600,height=600′)” alt=”Apri la pop-up” title=”Apri la pop-up”>Apri la pop-up</a>

Ovviamente bisogna ricordarsi di creare una pagina che si chiama ‘popup.htm’ (in questo caso).

Tag
Postato in Web Design | O commenti

8 Maggio 2008
 
postato da Manuel
Menu multipli a scomparsa con JavaScript

Forse non sarà molto elegante, ma sicuramente è funzionale.

Qui di seguito posto infatti lo script per un menu doppio a tendina che (ed è questa la cosa a mio parere che lo rende funzionale) crea un effetto alternato in modo che i due menu non siano mai contemporaneamente aperti.

Questo è il primo pezzo di codice, da scrivere tra i tag <head></head>:

<script type=”text/javascript” language=”Javascript”>
<!–
function aprimenu()
{
document.getElementById(’primo_menu’).style.display = “none”;
document.getElementById(’secondo_menu’).style.display = “none”;
}
function alterna(mio_menu)
{
if(document.getElementById(mio_menu).style.display == “none”)
{
aprimenu();
document.getElementById(mio_menu).style.display = “block”;
}
else
{
aprimenu();
}
}
–>
</script>

Poi, cosa importante, ricordarsi di inserire all’interno del tag <body> il gestore di evento “onLoad”:

<body onLoad=”javascript:aprimenu()”;>

Infine ecco il codice del menu. Per semplicità al primo e all’ultimo link non è applicato lo script, al secondo e al terzo invece sì:

<div id=”menu”>
<a href=”./”>home page</a>
<a href=”javaScript:;” onclick=”alterna(’menu1′)” >prodotti</a>
<div id=”menu1″ style=”display:none; border-top:1px dotted #535353; border-bottom:1px dotted #535353″>
<div id=”sotto”><a href=”#”>prodotto 1</a></div>
<div id=”sotto”><a href=”#”>prodotto 2</a></div>
</div>
<a href=”javaScript:;” onclick=”alterna(’menu2′)” >materiale</a>
<div id=”menu2″ style=”display:none; border-top:1px dotted #535353; border-bottom:1px dotted #535353″>
<div id=”sotto”><a href=”#”>materiale 1</a></div>
<div id=”sotto”><a href=”#”>materiale 2</a></div>
</div>
<a href=”#” >contatti</a>
</div>

A questo punto basta infilarci dentro un po’ di CSS e il gioco è fatto.

Buon lavoro!

Tag , ,
Postato in Web Design | O commenti

Newer Entries »

~ Marketing Bastardo ~ è sviluppato con WordPress
Segui i Feed Rss