Div dentro Div

nuovobuio

Nuovo Utente
9 Set 2012
3
0
0
Ciao ragazzi, vorrei imparare a creare div dentro altri div. La mia conoscenza mi porta a fare così:

PHP:
                nBox = document.createElement("div");
		        nBox.id = "BOX" + i;
                nBox.style.backgroundColor="red";
                nBox.innerHTML = "Box " + i;
                document.getElementById("all").appendChild(nBox);
                
                nName = document.createElement("div");
                nName.id = "NAME" + i;
                nName.style.backgroundColor="grey";
                nName.innerHTML = "Name " + i;
                document.getElementById("nBox").appendChild(nName);

similmente a come facevo in as3, creo prima il div principale a cui annido il secondo, ma ovviamente non funziona, e non capisco come fare, mi aiutate a capire?
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
24
Roma
alessandro1997.netsons.org
Non esiste il div con ID nBox, esiste solo una variabile nBox. Forse volevi scrivere questo?
Codice:
nBox = document.createElement("div");
nBox.id = "BOX" + i;
nBox.style.backgroundColor="red";
nBox.innerHTML = "Box " + i;

nName = document.createElement("div");
nName.id = "NAME" + i;
nName.style.backgroundColor="grey";
nName.innerHTML = "Name " + i;

document.getElementById("all").appendChild(nBox);
nBox.appendChild(nName);
 

nuovobuio

Nuovo Utente
9 Set 2012
3
0
0
Ciao Alessandro, ho capito, ti ringrazio per la risposta, ma mi spiegheresti meglio cosa vuoi dire?
Per creare un div, eliminando il superfluo, basta la variabile, il testo, e il div in cui inserirlo in questo modo:

Codice:
nBox = document.createElement("div");
nBox.innerHTML = "Box " + i;
document.getElementById("all").appendChild(nBox);

perchè dici che esisteva solo la variabile nel codice precedente?
Altra cosa che non capisco è il modo di colorare interamente un div, senza inserire alcun testo, come i movieclip in as3, se volessi semplicemente creare un quadratino rosso? Non inserendo l'innerHTML sparisce tutto.
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
24
Roma
alessandro1997.netsons.org
Prima tu scrivevi questo:
Codice:
document.getElementById("nBox").appendChild(nName);
Ed era sbagliato, perché non esisteva un div con l'attributo id pari a nBox; tu memorizzavi il div nella variabile nBox, e dunque dovevi agire direttamente sulla variabile:
Codice:
nBox.appendChild(nName);

Per quanto riguarda la seconda domanda, usa uno spazio come innerHTML:
Codice:
div.style.backgroundColor = 'red';
div.innerHTML = ' ';
 
Discussioni simili
Autore Titolo Forum Risposte Data
trattorino [PHP] prendere contenuto dentro un div PHP 3
C Div display-table cn dentro tabelle HTML e CSS 1
I dopo aver spostato il div i link dentro non vanno più. HTML e CSS 2
C Form con dentro div errore validatore w3c HTML e CSS 6
felino Visualizzare degli input dinamicamente dentro un div jQuery 1
ivarello [RISOLTO] Perdita dei script dentro al div refreshato jQuery 3
S semplice link che però non compare dentro ad un DIV HTML e CSS 3
S trovare span con classe dentro un div jQuery 2
A Come formattare link dentro un div HTML e CSS 1
N script dentro div PHP 3
I Caricare contenuto dentro un div PHP 2
N div scorrevole dentro una table HTML e CSS 2
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
paloppa Div che appare appena due form sono compilati jQuery 16
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7

Discussioni simili