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
 

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
432
73
28
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

napuleone

Utente Attivo
12 Nov 2014
76
0
6
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
Autore Titolo Forum Risposte Data
napuleone modificare il contenitore di un div Javascript 1
M [cerco webmaster] sito web da modificare Offerte e Richieste di Lavoro e/o Collaborazione 0
G Come modificare un pdf in php PHP 1
napuleone modificare il valore dellascroll bar di webkit HTML e CSS 8
Shyson Modificare codice e creare link PHP 0
J Modificare panorami 360 ps 2020 Photoshop 0
D modificare questo codice per inserimento in text e non in tabella jQuery 1
C modificare sito in locale con dreamWeaver HTML e CSS 3
T Modificare ruolo utenti in fase di registrazione E-Commerce 0
M modificare un file .XML da database Sql PHP 13
S Modificare intestazione documento pdf con LO Draw Linux e Software 0
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
Shyson Modificare funzione php PHP 15
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
F Modificare report di etichette di access con vba MS Access 0
D [PHP] Tabella: modificare direttamente i valori PHP 6
P [Woocommerce] Modificare il Bottone Checkout di Woocommerce in base alla categoria di prodotto E-Commerce 10
Q impossibile modificare un file ....... C/C++ 2
C [HTML] modificare la scritta della copyright HTML e CSS 2
G [PHP] MODIFICARE DATI TABELLA CONTESTUALMENTE PHP 6
Y [PHP] [HTML] Modificare i quadranti PHP 1
A [PHP] Modificare campo database in base alla scelta dell'utente PHP 2
W Non riesco più a modificare i dati di una tabella da phpmyadmin MySQL 0
V [WordPress] Come modificare link in tasto menu css WordPress 21
Y Modificare script php PHP 5
G Fullcalendar: modificare colore testo, backgroup e bordi per tutti gli eventi jQuery 3
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
Merlina3377 [PHP] modificare file su form immagine thump PHP 1
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
pfranco [PHP] Modificare pagina web online PHP 9
Shyson Modificare codice jQuery 0
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
asevenx modificare lista elementi togliendo l'elemento selezionato jQuery 1
Kolop "Modificare HTML" HTML e CSS 13
K [ASP.Net] Utilizzare e modificare dati linq ASP.NET 0
G Modificare navbar in base allo scroll jQuery 6
R [Photoshop] Modificare luminosità dei bordi in una foto Photoshop 2
A come modificare gli elementi di una lista e gli editText? Sviluppo app per Android 0
A modificare .jar con classe personalizzata Java 9
Mer556 BLOCCATO nel modificare un sito HTML e CSS 3
T modificare un template html5 HTML e CSS 6
B Modificare sorgente di pagina HTML e CSS 10
napuleone Modificare attributi di una classe con js Javascript 2
C modificare un rss con php PHP 2
L Modificare dati tabella mysql PHP 2
P modificare mappa sito Javascript 0
P modificare mappa sito Javascript 0
X come modificare paginazione del tutorial PHP 0
A modificare posizione plug in almeno credo WordPress 3
R Modificare html in modo dinamico PHP 3

Discussioni simili