Ciao a tutti,
voglio creare un modo per raggiungere, nel DOM del documento, alcuni oggetti (p.es. button) e non tutti gli oggetti button del documento.
Con il codice seguente scrivo un valore numerico in un text ed
all’ onClick cambiano le dimensioni di tutti i bottoni del documento
<html>
<head>
<title>.... </title>
<script language="JavaScript" type="text/JavaScript">
function scegliDimensione() {
var piero = window.document.nomeForm
var valdimensione = piero.scrividimensione.value
for (var d = 0; d < piero.elements.length; d++) {
if (piero.elements[d].type == "button") {
piero.elements[d].width = valdimensione
}
}
}
function scriviDimensioneScelta() {
var piero = window.document.nomeForm
var valdimensione = piero.scrividimensione.value
piero.sceglidimensione.value = "La dimensione scelta è di " + valdimensione + "px."
}
</script></head> <body >
<form name="nomeForm" method="post" action="....." enctype="">
<input type="text" name="scrividimensione" style="width:122;" value="scrivi dimensione" />
<input type="button" name="sceglidimensione" value="Imposta Dimensione" onClick="scegliDimensione() ; scriviDimensioneScelta()" />
<div id="livello" style="border: 2 solid #0000ff;width: 176; padding:6px;">
<input type="button" name="nome_bottone" value="bottone 1" />
<input type="button" name="nome_bottone" value="bottone 2" />
<input type="text" name="nome1_text" value="nome1_text"/>
<input type="text" name="nome2_text" value="nome2_text"/>
<input type="text" name="nome3_text" value="nome3_text"/>
</div>
<input type="reset" value="cancella tutto"/>
</form></body> </html>
invece voglio fare cambiare solo le dimensioni di alcuni button p.es. quelli contenuti nel div identificato “livello”
Ho fatto ricorso a
getElementById(“livello”)
(senza virgolette o con virgolette), ma nessun risultato
Ho fatto ricorso a
getElementsByDiv()
… nisba
……….. alla variabile nuovo_div = createElement()
ecc… p.es. questo codice
<html>
<head> <title></title>
<script language="JavaScript" type="text/JavaScript">
function scegliDimensione() {
var piero = window.document.nomeForm
var valdimensione = piero.scrividimensione.value
var nuovo_div = createElement(div)
for (var d = 0; d < piero.nuovo_div.elements.length; d++) {
if (piero.nuovo_div.elements[d].type == "button") {
piero.nuovo_div.elements[d].width = valdimensione
}
}
}
function scriviDimensioneScelta() {
var piero = window.document.nomeForm
var valdimensione = piero.scrividimensione.value
piero.sceglidimensione.value = "La dimensione scelta è di
" + valdimensione + "px."
}
</script>
</head>
<body >
<form name="nomeForm" method="post" action="....." enctype="">
<input type="text" name="scrividimensione" style="width:122;" value="scrivi dimensione" />
<input type="button" name="sceglidimensione" value="Imposta Dimensione" onClick="scegliDimensione() ; scriviDimensioneScelta()" />
<div id="livello" style="border: 2 solid #0000ff;width: 176; padding:6px;">
<input type="button" name="nome_bottone" value="bottone 1" />
<input type="button" name="nome_bottone" value="bottone 1" />
<input type="text" name="nome1_text" value="nome1_text"/>
<input type="text" name="nome2_text" value="nome2_text"/>
<input type="text" name="nome3_text" value="nome3_text"/>
</div>
<input type="reset" value="cancella tutto"/>
</form>
</body>
</html>
chi mi può aiutare?
grazie