modificare il contenitore di un div

napuleone

Utente Attivo
12 Nov 2014
76
0
6
ho due DIV contenitore ed un terzo che deve alternarsi tra il primo ed il secondo con un comando JS
lasciamo perdere il discorso dimensioni posizione ecc. che riesco a giostrarmele.

Codice:
< div id="A" onclick(jolly("A")>primo div</div>

<div id="B" onclick(jolly("B")>secondo div </div>

<div id="C" style="display:none">div jolly </div>



<script type="text/javascript">

function jolly(quale){

document.getElementById(C).style.display = 'block';

??????????????? come lo sposto dentro A o B

}

</script>

NON mi servono soluzioni alternative. Grazie
 
Prima di tutto, occhio sempre alla sintassi, nelle poche righe che hai postato vedo due o tre tipi di errore grossolani.
HTML:
< div id="A" onclick(jolly("A")>
questo va scritto in questo modo:
HTML:
<div id="A" onclick="jolly('A')">


JavaScript:
document.getElementById(C)
qui C andrebbe racchiusa tra apici, a meno che non si tratti di una variabile.

Capisco che quello possa essere giusto un esempio ma è meglio essere precisi soprattutto quando richiedi aiuto su un forum,.

Per spostare un elemento html dentro qualcos'altro puoi usare diversi metodi.
Qui una possibile soluzione usando insertAdjacentElement:
HTML:
<!DOCTYPE HTML>
<html lang="it">
  <head>
    <title>Esempio</title>
    <style>
      #A {background: gold;}
      #B {background: coral;}
      body>#C {display: none;}
    </style>
  </head>
  <body>
    <div id="A" onclick="jolly(this)">primo div</div>
    <div id="B" onclick="jolly(this)">secondo div </div>
    <div id="C">div jolly </div>
    <script>
      function jolly(divContainer){
        var divJolly = document.getElementById('C');
        divContainer.insertAdjacentElement('beforeend', divJolly);
      }
    </script>
  </body>
</html>
 
  • Like
Reactions: napuleone
Hai ragione scritto troppo di fretta.
comunque ti ringrazio il tuo codice FUNZIONA e fa quello che mi serve di nuovo grazie e alla prossima
 

Discussioni simili