Cambio immagine per un bottone

**morpheus87** · 03-05-2008, 16:38

Salve vorrei creare un bottono (e poi bottoni) per un menù di un sito che sto creando...
A scuola ho fatto qualche mese fa un pò di javascript ma non molto..e ho ancora molto da imparare su questo argomento...ho provato a creare qualcosa ma mi dice sempre questo errore:

Linea:32
Carattere:1
Errore:Oggetto previsto

Il codice che ho scritto è il seguente:
<html>
<script language="JavaScript">
function cambia_bottone(c){

var elenco;
var b;
var i;
var j;

elenco=getElementsByTagName('ul');
for(i=0;i<elenco.length;i++){
b=getElementsByTagName('li');
for(j=0;j<b.length;j++){
if(b[j].getAttribute("id")==c)
//b[j].background-image: url('btn2.jpg'):
b[j].list-style-image: url(btn2.gif);
if(b[j].getAttribute("id")==c)
b[j].list-style-image: url(btn1.gif);
//b[j].background-image: url('btn2.jpg'):
}
}
}
</script>

<body>
<ul>
<li id="1" onmouseover="cambia_bottone('1')">[img]btn1.jpg[/img]
<li id="2" onmouseover="cambia_bottone('2')">[img]btn2.jpg[/img]
[/list]
</body>
</html>

Grazie...

**Xinod** · 03-05-2008, 16:51

un paio di errori al volo, potrebbero esservene altri

document.getElementsByTagName(...)

poi se vuoi identificare tutti gli[*] figli di un determinato <ul> nel ciclo e'
b=elenco[i].getElementsByTagName('li');

poi questo
b[j].list-style-image: url(btn2.gif);
va scritto cosi'
b[j].style.listStyleImage="url(btn2.gif)";

idem se si trattasse del background
b[j].style.backgroundImage="url('btn2.jpg')";

ciao

**morpheus87** · 03-05-2008, 17:47

grazie...vado a provare subito...ma nel fratempo ho trovato questo codice che mi sembra al quanto smplice ed intuitivo da capire..e sopratutto funziona..

[img]btn1.jpg[/img]
[img]btn2.jpg[/img]

adesso i miei quesiti sono i seguenti:
1.quando faccio il collegamento con il bottone che utilizzo me lo mette in un rettangolo blu per indicare che è un collegamento...esiste un modo per nascondere questo rettangolo?
2. ogni volta che clicco sul pulsante per andare all'altra pagina e poi ritorno a quella precedente explorer mi da sempre quella stramaledetta protezione contro gli script nocivi...esiste per caso un modo che una volta l'utente abbia dato il consenso allo script non debba sempre rinnovarlo?
grazie....

**morpheus87** · 03-05-2008, 18:08

grazie...vado a provare subito...ma nel fratempo ho trovato questo codice che mi sembra al quanto smplice ed intuitivo da capire..e sopratutto funziona..

[img]btn1.jpg[/img]
[img]btn2.jpg[/img]

adesso i miei quesiti sono i seguenti:
1.quando faccio il collegamento con il bottone che utilizzo me lo mette in un rettangolo blu per indicare che è un collegamento...esiste un modo per nascondere questo rettangolo?
2. ogni volta che clicco sul pulsante per andare all'altra pagina e poi ritorno a quella precedente explorer mi da sempre quella stramaledetta protezione contro gli script nocivi...esiste per caso un modo che una volta l'utente abbia dato il consenso allo script non debba sempre rinnovarlo?
grazie....

**morpheus87** · 03-05-2008, 18:10

cmq per il mio problema di prima ho messo le modifiche che mi avevi detto e adesso il codice è questo:

<script language="JavaScript">
function cambia_bottone(c){

var elenco;
var b;
var i;
var j;

elenco=document.getElementsByTagName('ul');
for(i=0;i<elenco.length;i++){
b=elenco[i].getElementsByTagName('li');
for(j=0;j<b.length;j++){
if(b[j].getAttribute("id")==c)
b[j].style.backgroundImage="url(btn2.gif)";
if(b[j].getAttribute("id")==c)
b[j].style.backgroundImage="url(btn1.gif)";
}
}
}
</script>
<body>

<ul>
<li id="1" onmouseover="cambia_bottone('1')">[img]btn1.jpg[/img]
<li id="2" onmouseover="cambia_bottone('2')">[img]btn2.jpg[/img]
[/list]
</body>

Non mi da nessun errore ma non funziona nenache niente...sapreti dirmi perchè?ho sbagliato di nuovo qualcosa?
Grazie...

Discussione: Cambio immagine per un bottone

Strumenti discussione

Ricerca discussione

Visualizza

Cambio immagine per un bottone

Permessi di invio