Gestione cambio colore dei link con css

cavaliere123 · 15 Set 2012

Salve rieccomi,
allora ho creato una tabella con due box e nel primo i link al contenuto del secondo box

adesso vorrei fare in modo che di default i link siano tutti rossi, quando clicco su un link questo rimanga magari di colore verde sino a quando non clicco ad un altro link, cosa che lo fa tornare il colore di prima.

Ho cercato di usare la classica proprietà dello stile css

HTML:

<style type="text/css">
<!--

a:link    {text-decoration: none; color: red;}
a:visited {text-decoration: none; color: green;}
a:hover   {color: red;}

-->
</style>

e non mi funziona.... preciso che uso il browser Crome... non c'è un modo per tutti i browser ??

cavaliere123 · 15 Set 2012

Buonasera, sto cercando di risolvere il problema dei colori per i vari eventi sui link, su I.E. funziona ma con Crome no, ho aggiunto anche in div per almeno creare una cornicetta attorno al link quando attivo ma niente vi posto lo script cosi più chiaro :

HTML:

<html>


    <head>

<style type="text/css">
<!--

a.lipoesie:link    {text-decoration: none; color:black; font-size: 15px;}
a.lipoesie:hover   {color: red; font-size: 15px;}
a.lipoesie:active  {text-decoration: none; color: green; font-size: 15px;}

#saggio a.lipoesie:hover, #saggio a.lipoesie:active {width:240px; border:4px red solid;}


-->
</style>


        <script type="text/javascript">

            var titolo = new Array();
            titolo[0] = "poesia";
            titolo[1] = "saggio";
            titolo[2] = "sonetto";

            var prosa = new Array();
            prosa[0] = "testo poesia";
            prosa[1] = "testo saggio";
            prosa[2] = "testo sonetto";

            function informa(prosa)
            {
                document.getElementById("box_infos").innerHTML= prosa;
            }            
            function crea_indici() { 
                var link_indice = "";
            
                for (i=0; i<titolo.length; i++) { 
                                        link_indice += '<a class="lipoesie" href="#" onclick="informa(\''+prosa[i]+'\');">'+titolo[i]+'</a><br><br>';
                }
                document.getElementById("indice").innerHTML = link_indice;
            }           
        </script>
    </head>
    
   <body>
        <table border="3" width="100%">
            <tr>
                <td border="1" width="50%">
                    <b>Indice</b><br>
                      <div id="saggio">
                    <p id="indice"><br></p></div>
                </td>
                <td style="border:5px ridge yellow" width="220px;">
                    <h4>
                        <span id="box_infos">
                        </span>
                    </h4>
                </td>
            </tr> 
        </table>
        <script type="text/javascript">
            crea_indici();
        </script>
    </body>
</html>

Ho pensato di associare la cornicetta all'evento di true dell'onclik, secondo voi va bene, se si mi dite come si fa.... la teoria è una cosa... ma la pratica ...

Grazie. Domenico

Cerca

Cerca

Gestione cambio colore dei link con css

cavaliere123

Utente Attivo

cavaliere123

Utente Attivo

Discussioni simili