onclick non cambia l'immagine invece onmouseOver e Out si

Imarkuze

Nuovo Utente
16 Mar 2012
5
0
0
Ciao a tutti, per caso qualcuno sa perché nel sorgente seguente onclick non cambia l'immagine?
(una serie di foto chiamate b1.png, b2.png ecc. vorrei riuscire a visualizzarle in progressione cliccando sulle frecce sinistra e destra)

Come si potrebbe cambiare il testo nell'ultimo div?
(Lo scopo sarebbe poter cambiare il testo in un contenitore che si adatti automaticamente alla lunghezza del stesso testo)

Grazie
<!doctype html>
<html lang="it">
<head>
<script type="text/javascript">
var fig=1; /*contatore dell'immagine corrente*/

/*chiamata da onclick per cambiare l'immagine principale 'img' */
function cambia(valore){
fig=fig+valore;
if (fig > 38)
fig=1;
if (fig < 1)
fig=38;
document['img'].src='b'+fig+'.png';
}

/*chiamata da onmouseOver e Out per cambiare la freccia a sinistra 'fs' e la freccia a destra 'fd' sotto l'immagine principale */
function cf(ImageName,ImageFile){
ImageName.src = ImageFile;
}
</script>

<title></title>

<body>
<div align="center"><img src="b1.jpg" width="394" height="262" onclick="cf('fd','fs.png')" name="img"></div>
</div>

<div style="width:102px; height:22px; margin: 0 auto; padding: 5px;">
<img style="float:left" src="fs.png" vspace="1" onclick="cambia(-1)" onMouseOver="cf(fs,'fs2.png')" onMouseOut="cf(fs,'fs.png')" name="fs"/>
<img style="float:left" src="fd.png" vspace="1" onclick="cambia(1)" onMouseOver="cf(fd,'fd2.png')" onMouseOut="cf(fd,'fd.png')" name="fd"/>
</div>

<DIV align="center" style="width=980px; height=300; position vspace=400;" name="testo">
bla bla bla <br>
</DIV>

</body>
</html>
 
Ultima modifica:

Imarkuze

Nuovo Utente
16 Mar 2012
5
0
0
Ah ah ah, sto alla frutta, lo script per cambiare immagine funziona, avevo messo l'estensione .png invece di .jpg :)

Qualcuno ha idea su come cambiare il testo del div? 0:)
 

Imarkuze

Nuovo Utente
16 Mar 2012
5
0
0
Della serie "me la canto e me la suono da solo"

bastava scrivere

var ct = document.getElementById("testo");
ct.innerHTML = "<b>"+fig+"</b>";

e mettere id="testo" nel div

Ciao a tutti
 

Imarkuze

Nuovo Utente
16 Mar 2012
5
0
0
Beh, della serie dovrei dormire di più ed essere più paziente.
Ieri notte ero talmente cotto da non accorgermi nemmeno che le estensioni delle immagini erano sbagliate e invece di "id" avevo scrito "name".
Mi dispiace di aver posto la domanda troppo precipitosamente, comunque, nella speranza che magari possa essere utile, ho indicato le correzioni.

andre9004, grazie della risposta, adesso provo anche la tua soluzione,
Ariciao
 
Ultima modifica:

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Egregio Imarkuze...

Hai sentito parlare del tag CODE?
Tanto per essere più ordinati...modifica tu stesso ed incapsula il tuo codice

Buona giornata e cerca di dormire di più :fonzie:

Er Moderator
Max_400
 

Imarkuze

Nuovo Utente
16 Mar 2012
5
0
0
In tutta onestà non conosco l'uso del tag code, vuol dire che mi impegnerò a studiare così poi posso seguire il tuo consiglio.
Grazie, :byebye:
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
In tutta onestà non conosco l'uso del tag code, vuol dire che mi impegnerò a studiare così poi posso seguire il tuo consiglio.
se guardi in alto nella formattazione del post (tipo caratteri, dimensioni...bold...ecc..) nella seconda riga le ultime tre iconcine a destra.
selezioni il codice che hai scritto e clicchi su un'iconcina (sopra ho usato il tag [ quote ])
Codice:
qui uso il tag  CODE, terzultima
HTML:
qui il tag  HTML  quando scrivi l'html
PHP:
qui il tag PHP per il codice php (anche se c'è html)
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Borghetto...guarda che quello ti prende per il culo...

...pardon ...per i fondelli, anzi per la coda.
Uno che posta un script di quel tipo e lui stesso risolve il problema è abbastanza pratico
non credo che non conosca un tag elementare come il tag CODE
 
Discussioni simili
Autore Titolo Forum Risposte Data
L funzione onclick non va Javascript 26
U onclick immagine random con testo non random Javascript 20
S Impostare attributo "onclick" Javascript 5
trattorino [Javascript] onclick su piu div insieme Javascript 1
C [RISOLTO][PHP] Funzione ONclick PHP 14
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
A Chiamata funzione PHP con onclick PHP 8
F Apertura tendina onclick jQuery 1
F Nascondere menù onclick sottovoce jQuery 0
A Cambiare Risposta onclick con Switch. Javascript 1
C Problema con OnClick Javascript Javascript 13
Shyson Cambiare color all'onclick Javascript 9
N Nascondere menu onclick su ancora Javascript 2
G aiuto per semplice menu onclick HTML e CSS 6
C Link menu che appaiono con onclick Javascript 2
G Evento ".onClick" su oggetto di d3.js Javascript 0
B Azione Onclick inserimento database PHP 6
Shyson Aggiungere onclick Javascript 4
L Problema onClick con un menu a tendina Javascript 3
P Aiuto con onclick Javascript 2
S [RISOLTO]Carica pagina da evento onclick di una griglia Javascript 12
F Javascript: problema con onclick event Javascript 3
V onclick a=a+1 PHP 2
Shyson Onclick apre popup nel posto sbagliato Javascript 0
Shyson Sostituire onclick Javascript 2
N Header che scorre onclick... forse nulla di nuovo, ma... jQuery 6
F gestire evento onclick Javascript 4
F onclick() Javascript 3
A usare onclick automaticamente senza cliccare HTML e CSS 13
neo996sps Onclick javascript su immagine Javascript 0
J Expanding Navigation Menu onClick Javascript 0
G richimare elemento di un array con onclick su un elmento di un altro array Javascript 0
G pulsanti che cambiano con onclick Javascript 5
J DIV Layer Popup onClick Javascript 0
T comando onclick in un'altra pagina HTML e CSS 9
P Come assegnare un body tramite onclick? Javascript 1
B Tabella onclick HTML e CSS 5
Z Onclick : sostituire odiosi "button" con semplici Links Javascript 13
A passare valore onclick Javascript 2
M onClick e file.wav HTML e CSS 2
M Onclick dinamico Javascript 0
A evento onclick visualizzare video flash Javascript 0
G onClick="self.close()" HTML e CSS 8
E aiutooo con il ONCLICK Javascript 1
R onclick Classic ASP 0
M aiuto con onclick Javascript 0
M onclick dinamico... Javascript 2
felino Mac OS e Client Mail: Stato non in linea Mac e Software 1
I nome utente non esiste nel database PHP 1
M Drag and Drop non capisco le sequenze... Javascript 1

Discussioni simili