Salve a tutti. Spero nella collaborazione di qualche anima pia per risolver un problema idiota.
la situazione è la seguente.
<div id="x" onclick="scegliTesto(1)">A</div>
<div id="y" onclick="scegliTesto(2)">B</div>
<div id="z" onclick="scegliTesto(3)">C</div>
il mio obiettivo è richiamare tramite funzione javascript, cliccando su A o B o C lo specifico testo in un div apposito
<div id="contenitore"></div>
la funzione javascript (dichiarata nell'head) è la seguente:
function scegliTesto(i)
{
var el = document.getElementById("contenitore");
if(i == 1)
{
el.innerHTML =
testo 1</p>;
}
else if(i == 2)
{
el.innerHTML =
testo 2</p>;
}
else if(i == 3)
{
el.innerHTML =
testo 3</p>;
}
return el;
}
(se metto il tag
testo</p> tra gli apici mi da errore)
Tralasciando che, molto probabilmente, il testo va prima svuotato e poi scritto ad ogni click (almeno che innerHTML non sovrascrive, e non ne ho idea).
Eseguo, ma al click non succede nulla e non riesco a capire dove sbaglio. Dico come ulteriore informazione che il div dove il testo deve apparire è contenuto in un altro div ma non credo cambi qualcosa, visto che prendo l'elemento tramite id.
Rispondi quotando
