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 onmouseover

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

COMPATIBILITÀ: Ms Ie, Netscape, Opera
FILES ESTERNI: Nessuno
Visualizza la demo
Scarica la demo

I collegamenti ipertestuali sono la base dell'intera navigazione di un utente ad Internet. E' grazie a loro che possiamo parlare di ipertesti, ed è sempre grazie a loro che possiamo saltare da una pagina ad un'altra, senza nessuna fatica, con un semplice click. La demo di oggi, modificherà questo sistema: invece di cliccare sul link, basterà passarci sopra con il mouse, sarà poi la sintassi Dhtml presente a caricare la pagina corrispondente.

<!-- ################################################################

Roberto Abbate '82 - http://www.risorse.net
Riutilizzabile gratuitamente ;)
Per favore, non eliminare questo commento! Grazie!

################################################################# -->

<a href="file2.htm" onMouseOver="{ window.location='file2.htm'; return
0; };">R I S O R S E . N E T</a>


Nell'<HEAD> non c'é bisogno di inserire alcuna sintassi, questa porzione di codice infatti è presente solo nel <BODY>. Dopo i commenti dell'autore, è presente il codice per caricare una pagina senza bisogno di cliccarci sopra:

<a href="file2.htm" onMouseOver="{ window.location='file2.htm'; return 0; };">R I S O R S E . N E T</a>

Come si può vedere, all'interno del gestore degli eventi onmouseover (se non sapessi cos'é visita www.risorse.net/javascript), abbiamo inserito il codice Javascript per caricare un nuovo documento (window.location). Come attributo HREF del tag <A>, può essere specificato anche un percorso fittizio, come:

<a href=# onMouseOver="{ window.location='file2.htm'; return 0; };">R I S O R S E . N E T</a>

oppure:

<a href="Javascript://" onMouseOver="{ window.location='file2.htm'; return 0; };">R I S O R S E . N E T</a>

Per inserire altri collegamenti del genere, utilizzare il medesimo sorgente, sostituendo il percorso (in questo caso di nome file2.htm) ed il contenuto testuale tra <A> e </A> (nel caso specifico R I S O R S E . N E T).

N.B.: Non hai capito alcuni termini che sono stati utilizzati all'interno di questa e-mail? Risorse.net sta preparando un glossario per spiegare le parole dedicate al Web publishing ed alla rete in generale. Per visitarlo, clicca su www.risorse.net/glossario.
 

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