Risorse per webmaster

L A   C O M U N I T À   V I R T U A L E   I T A L I A N A   P E R   W E B   M A S T E R S

 
 
      Tecnologie
      HTML
      CSS
      DHTML
      FLASH
      ASP
      PHP
      JSP
      PERL
      XML
      SMIL
      WIRELESS
      PALMARI
      APACHE
      MYSQL
      PICOSQL
 
      Grafica
 
      Servizi
 
      Raccolte
 
      Recensioni
 
      Analisi
 
      Disclaimer

   Per tutti
 
  .: Magazine
  .: Editor
  .: Appunti
  .: Gratis
  .: Scripts
  .: Components
 
   Home page

Partner
Magazine di tecnologie
Magazine di viaggio e turismo
Magazine di musica e spettacoli
Negozio di Informatica
Basilicata turismo
Food e territori
Agenzia di comunicazione turistica e Digital PR

versione stampabile Mostra una versione adatta per la stampa  

Livello di difficoltà:Livello di difficoltà: medio  
Dynamic Html è una tecnologia approvata dal W3C per la creazione di siti Web dinamici ed interazioni client side con l'utente. In questa sezione sono disponibili centinaia di esempi ed arretrati della mailing list "Una demo Dhtml a settimana".
 

Link con relative descrizioni

Arretrati lista "Una demo Dhtml a settimana"
CONOSCENZE CONSIGLIATE PER QUESTO ARTICOLO: Html, Javascript

COMPATIBILITÀ: Ms Ie, Netscape
FILES ESTERNI: nessuno
Visualizza la demo

Scarica la demo

Oggi vedremo una demo che ha avuto un discreto successo nel Web italiano: ovvero come mostrare un alternate text un po' più originale, più colorato e in grado di seguire i movimenti del mouse finché resta nell'area del link.

Il Javascript iniziale, decisamente lungo, non va modificato in alcun modo, a meno che non si vogliano modificare i colori e le dimensioni dell'alternate text.

Qui di seguito riportiamo le variabili che contengono le parti che possono essere facilmente modificabili:

var owidth // larghezza della tabella contente l'alt txt
var oheight // altezza tabella
var oborder // distanza tra testo e bordo della tabella
var ocaptionfont // font titoletto
var ocaptionsize // grandezza del titoletto
var ocapcolor // colore del titoletto
var otextfont // font del testo
var otextcolor // colore del testo
var otextsize // dimensione del testo


Per inserire un link con l'effetto della modifica alternate text, va inserita la sintassi:

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1;"></div>
<a href="http://www.risorse.net" onMouseOver="return overlib('Risorse.net è la comunità italiana di Webmasters con guide, recensioni, script e tanto altro...', CAPTION, 'RISORSE.NET')" onMouseOut="nd();" target="_blank"><font size="3">Risorse.net</font></a>


E' importante la presenza del <div> iniziale.

Ipotizziamo di voler aggiungerne altri:

<a href="http://www.migliorhosting.it" onMouseOver="return overlib('MigliorHosting è il primo ed unico market place italiano a curare recensioni e verifiche di spazio Web gratuito e a pagamento.', CAPTION, 'MIGLIORHOSTING')" onMouseOut="nd();" target="_blank"><font size="3">MigliorHosting.it</font></a>
<BR><BR>
<a href="http://www.risorse.com" onMouseOver="return overlib('tu.Risorse.com, il servizio gratuito di Risorse.net che ti regala un dominio di terzo livello.', CAPTION, 'RISORSE.COM')" onMouseOut="nd();" target="_blank"><font size="3">Risorse.com</font></a>


E' tutto. A martedì prossimo!

Per qualsiasi dubbio, puoi scrivere sul Forum di Risorse.net, all'indirizzo www.risorse.net/community/forum

L A   C O M U N I T A `   D I   R I S O R S E . N E T
Per accedere alle sezioni protette di Risorse.net (Forum, Newsgroup, sezione password dell'archivio Dhtml ecc.) devi essere iscritto alla Comunità. L'iscrizione è gratuita e viene garantita la tutela della privacy (675/96). Visita www.risorse.net/community.
 

 
 
Home > dhtml > teoria > 2002 > marzo > ...   © 1999-2018 Risorse.net, tutti i diritti riservati