dom e div con lo stesso nome

emanuelevt

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Ragazzi come si fa attraverso il DOM a modificare il div n... .
Ad esempio se ci sono all'interno di un unico div più div con lo stesso nome ad esempio 'nome_div'- come faccio ad accedere al div n° due ( 'div-prova[1]') per modificare le sue caratteristiche in css.
O meglio come faccio attraverso un evento (onClick) a modificare un certo div..
 
emanuelevt

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
allora ho provato quel codice ma facendo una veloce prova (ti ho riportato il codice sotto) nn sembra che funzionare..

Codice: 
....
<body>
<div id='prova' style='float:left;left:100px;top:10px; width:200px; height:200px;background-color:red;'>primo div</div>
<div id='prova' style='float:left;left:100px;top:10px; width:200px; height:200px;background-color:red;'>secondo div</div>
<script type='text/javascript'>

function alfa(){				
elem = document.body.prova[1];
elem.style.display = 'none';
}

</script>
<a href='#' onClick='alfa()' style='position:absolute;left:800px'>link</a>

</body>....
 
alessandro1997

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Fai confusione tra ID e nome. Il nome del div è contenuto nel parametro name, tu hai detto "nome", non "ID". Un ID è un identificatore univoco, quindi è logicamente scorretto avere più div con lo stesso ID. L'ID si usa nel caso, ad esempio, dell'header di un sito, che viene specificato una sola volta nella pagina. Il nome per un articolo, perché nella stessa pagina ce ne può essere più di uno. Cambia quindi id="prova" con name="prova". Se, comunque, vuoi tenere gli ID per qualche ragione (ma te lo sconsiglio!), modifica il codice così:
HTML: 
....
<body>
<div id='prova' style='float:left;left:100px;top:10px; width:200px; height:200px;background-color:red;'>primo div</div>
<div id='prova' style='float:left;left:100px;top:10px; width:200px; height:200px;background-color:red;'>secondo div</div>
<script type='text/javascript'>

function alfa(){				
elem = document.getElementById('prova');
elem[1].style.display = 'none';
}

</script>
<a href='#' onClick='alfa()' style='position:absolute;left:800px'>link</a>

</body>....
 
emanuelevt

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Hai perfettamente ragione, ho fatto proprio un errore elementare!(spesso mi capita :) ) vabbebe cmq grazie cm sempre--- il fatto è che ho un contenitore diciamo 500 x 500 che al suo interno deve contenere altri contanitori (i quali conterrano a sua volta img e testo) allora invece di fare una tabella ho pensato di fare un div con float left; e all'interno di quel grande unico contenitore mettere questa "serie" dello stesso div - ma è sbagliato da come ho capito applicando lo stesso id... poiché effettivamente l'id è univoco.
 
Ultima modifica:
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
L Copiare elementi DOM [era: Script Ajax - Nuovo Div] Javascript 3
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
C Cancellare un elemento del DOM jQuery 4
Marco_88 Verificare la selezione degli elementi dom jQuery 2
Marco_88 Aggiornare elemento DOM jQuery 9
V Scorrere elementi DOM e prendere dei valori Javascript 8
Devil-94 Creazione elementi DOM OGNI volta con sempre un nuovo id. Javascript 1
F Navigare nel DOM jQuery 1
L Problema Select con Javascript e nodi Dom XML. Javascript 0
D Prove DOM events Javascript 4
A Visualizzare albero DOM completo oppure Visualizzare Nodi che fanno parte di una Selezione Javascript 6
A Aggiungere tag nel DOM a parola/e selezionata/e nel output Javascript 15
I Spostare codice js inline in una funzione js con l'aiuto del dom Javascript 1
C Gestire con un elemento DOM il value di un input text Javascript 11
A [Jquery]Focus su campo input appena creato col dom jQuery 5
A Realizzare il gioco del tris usando javascript, il dom e l'oggetto event-. Javascript 4
A menù espandibile usando js .. e i metodi DOM Javascript 9
emanuelevt DOM form metodo submit() Javascript 4
emanuelevt dom e ajax Javascript 1
T DOM crawler PHP PHP 4
I Leggere xml con dom in php PHP 3
T [Aspx e Xml]Caricare xml in un dom da Url ASP.NET 0
JellyBelly Problema con DOM PHP 3
S [vb6 - xml - dom] Visual Basic 0
V Caricare un file XML ed utilizzarlo come DOM XML 1
nourdine css dom e passaggio dinamico del nome della proprietà css Javascript 0
S Problemino da Newbie con DOM Javascript 0
C DOM event onKeyUp Javascript 1
G Campo calcolato con DOM Javascript 17
M aiuto dom... Javascript 3
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
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

Discussioni simili

Alto Basso