Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema con sintassi - Cambiare proprietà CSS onClick

    Salve a tutti
    mi servirebbe una mano con la sinstassi;
    ho trovato questo script (vedi codice a seguire) che cambia le proprietà del CSS onClick

    Ora vorrei che per il DIV navigationDiv2 cambiasse le proprietà del CSS onLoad ed ho scritto
    <body onLoad="highlightLinks2('navigationDiv2'); return false">
    ma non succede niente. Ho sbagliato qualcosa nella sintassi?

    Ecco la mia pagina
    Codice PHP:
    <html>
    <
    head>
    <
    style type="text/css">
            
    a:focus outline0; }
            
            
    #navigationDiv a {
               
    text-decoration:none;
               
    color:#0099CC;
               
               
            
    }
            
    #navigationDiv a.selected {
               
    text-decoration:underline;
               
    color:#FF0000;
            
    }
            
            
    #navigationDiv2 a {
               
    text-decoration:none;
               
    color:#999999;
                
    font-size:16px;
               
               
            }
            
    #navigationDiv2 a.selected {
               
    text-decoration:underline;
               
    color:#009966;
               
    font-size:36px;
            }
            
    </
    style>
    <
    script>
    // navigationDiv
    function highlightLinks(obj) {
       var 
    linkList document.getElementById("navigationDiv").getElementsByTagName("a");
       for (
    0linkList.lengthi++) {
          
    linkList[i].className "";
       }
       
    obj.className "selected";
    }


    // navigationDiv2
    function highlightLinks2(obj) {
       var 
    linkList document.getElementById("navigationDiv2").getElementsByTagName("a");
       for (
    0linkList.lengthi++) {
          
    linkList[i].className "";
       }
       
    obj.className "selected";
    }

    </script>
    </head>

    <body onLoad="highlightLinks2('navigationDiv2'); return false">


    <div id="navigationDiv">
    [url="#"]anchor1[/url]

    [url="#"]anchor2[/url]

    [url="#"]anchor3[/url]

    [url="#"]anchor4[/url]

    </div>


    </p>

    <div id="navigationDiv2">
    [url="#"]anchor5[/url]

    [url="#"]anchor6[/url]



    </div> 
    </body>

    </html> 

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    sbagli a passare questo 'navigationDiv2' come argomento della funzione
    questa si aspetterebbe this, quindi un riferimento corretto ad un link,
    quindi come minimo devi passare

    highlightLinks2(document.getElementById('id_link_da_evidenziare'))

    e assegnare gli id a quei link
    ciao

  3. #3
    Xinod
    grazie mille, funziona

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.