attivare funzione su link al caricamento della pagina

**idrev** · 03-02-2012, 11:38

salve sto utilizzando questo script trovato su internet e lo sto applicando su dei pulsanti in modo che quando vengono attivati con onclick cambiano colore per segnalare la sezione che si sta visitando e cliccando il pulsante successivo si disattiva il colore precedente e riattiva il successivo...fin qui nessun problema. Il problema sta nel fatto che io faccio iniziare la sezione già con un'area del sito e quindi dovrebbe essere direttamente attivata al caricamento della pagina, ho provato con onload e onunload e a mettere la funzione creata ma non va, mi potreste dare una mano ?

Codice PHP:


<script type="text/javascript"> 



var vecchio_link; 

//crea una funzione che venga richiamata dall'onclick 



function cambia_colori(link){ 

//La funzione si occuperà di: 

//assegnare il colore al link cliccato 

link.style.background="#999999"; 

//settare il colore normale al link precedentemente cliccato se vecchio_link è valorizzato 

if(vecchio_link != undefined){ 

vecchio_link.style.background="#000"; 

} 



//valorizzare vecchio_link con l'ultimo link cliccato. 

vecchio_link = link; 

} 

</script>



//richiamo della funzione che funziona normalmente

onclick="cambia_colori(this);"

**alessandro1997** · 03-02-2012, 12:01

Puoi postare anche il resto del codice, compresa la tua implementazione negli eventi onload e onunload?

**idrev** · 03-02-2012, 12:07

ho provato ma senza successo a scrivere onload o unonload al posto dell'onclick ma non avendo particolari conoscenze di js ovviamente non mi funziona

Originariamente Scritto da idrev

salve sto utilizzando questo script trovato su internet e lo sto applicando su dei pulsanti in modo che quando vengono attivati con onclick cambiano colore per segnalare la sezione che si sta visitando e cliccando il pulsante successivo si disattiva il colore precedente e riattiva il successivo...fin qui nessun problema. Il problema sta nel fatto che io faccio iniziare la sezione già con un'area del sito e quindi dovrebbe essere direttamente attivata al caricamento della pagina, ho provato con onload e onunload e a mettere la funzione creata ma non va, mi potreste dare una mano ?

Codice PHP:


<script type="text/javascript"> 



var vecchio_link; 

//crea una funzione che venga richiamata dall'onclick 



function cambia_colori(link){ 

//La funzione si occuperà di: 

//assegnare il colore al link cliccato 

link.style.background="#999999"; 

//settare il colore normale al link precedentemente cliccato se vecchio_link è valorizzato 

if(vecchio_link != undefined){ 

vecchio_link.style.background="#000"; 

} 



//valorizzare vecchio_link con l'ultimo link cliccato. 

vecchio_link = link; 

} 

</script>



//richiamo della funzione che funziona normalmente

onclick="cambia_colori(this);"

**alessandro1997** · 03-02-2012, 12:14

Dunque, prima di tutto devi assegnare al link che vuoi "evidenziare" un ID:

Codice HTML:

<a href="#" id="link1">Pagina 1</a>

Gli ID devono essere univoci: diversi per ogni link.

Poi, devi aggiungere l'evento onload al tag body della pagina:

Codice HTML:

<body onload="cambia_colori(document.getElementById('link1'));">

La cosa dovrebbe funzionare.

**idrev** · 03-02-2012, 12:20

Grandioso...Grazie mille

Originariamente Scritto da alessandro1997

Dunque, prima di tutto devi assegnare al link che vuoi "evidenziare" un ID:

Codice HTML:

<a href="#" id="link1">Pagina 1</a>

Gli ID devono essere univoci: diversi per ogni link.

Poi, devi aggiungere l'evento onload al tag body della pagina:

Codice HTML:

<body onload="cambia_colori(document.getElementById('link1'));">

La cosa dovrebbe funzionare.

**idrev** · 03-02-2012, 12:26

solo che adesso mi blocca il codice della jquery che mi fa muovere delle cose

Originariamente Scritto da idrev

Grandioso...Grazie mille

**alessandro1997** · 03-02-2012, 12:37

Ah, se usi jQuery allora fai così: aggiungi questo nella parte head della pagina:

Codice HTML:

<script type="text/javascript">
$(document).ready(function() {
    cambia_link($("#link1"));
});
</script>

Fammi sapere.

Discussione: attivare funzione su link al caricamento della pagina

Strumenti Discussione

Visualizzazione

attivare funzione su link al caricamento della pagina

Permessi di Scrittura