Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    78

    Attributo hover fuori dal css

    Come si fa a mettere come attributo la sottolineatura solo quando passa sopra il mouse, co javascript?

    Mi spiego meglio, il comportamento che ottengo mettendo in css:

    codice:
    a:hover{text-decoration:underline}
    come la ottengo usando il DOM? Del tipo, per creare un attributo colore scriverei:

    codice:
    a = document.createElement('a');
    a.style.color = 'rgb(0,0,0)';
    ma per sottolineare solo al passaggio del mouse quali sono gli attributi da dare ad a, senza usare il css?

    Lo so che è roba di base, ma non riesco a trovare la giusta sintassi e sarei molto grato per l'aiuto.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    non e' settabile via javascript
    ci sono i gestori evento onmouseover e out per simulare l' hover
    codice:
    a = document.createElement('a');
    a.style.color = 'rgb(0,0,0)';
    a.onmouseover=function(){this.style.textDecoration='underline'}
    a.onmouseout=function(){this.style.textDecoration='none'}
    ciao

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    pero' nulla ti vieta di avere una regola css che gia' implichi l' hover per quell' elemento,
    che individuerai assegnando ad esso una id o una classe (a seconda che sia veramente unico nel documento o meno)
    codice:
    <style type="text/css">
    a #tuoLink:hover {
      text-decoration:underline;
    }
    a .tuoiLink:hover {
      text-decoration:underline;
    }
    </style>
    a = document.createElement('a');
    a.id="tuoLink";
    oppure
    a.className="tuoiLink";

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    78
    Grazie mille, gentilissimo.

    Volevo che la sottolineatura comparisse solo se non si era già in una data pagina, il primo metodo è ottimo abbinato ad un if.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.