[javascript] style: cambio proprietà

[speriamobene]

con onmouseover e onmouseout riesco a cambiare le dimensioni di un div di testo.
vorrei però che quando si "allarga" il testo a sinistra e a destra fosse portato sotto il div ingrandito.
staticamente con i fogli di stile si usa 'clear'.

ho provato quindi in javascript ma non va. supponendo fosse per la presenza contemporanea di float ho aggiunto le modifiche su float ma sembra proprio non voler funzionare

qualcuno sa dirmi perchè?

(di seguito inserisco le due funzioni)



<script type="text/javascript">
<!--
function normale(value)
{
value.style.width="200";
value.style.height="200";
value.style.float="right";
value.style.clear="none";
}

function grande(value)
{
value.style.width="460";
value.style.height="378";
value.style.float="none";
value.style.clear="all";
}
//-->
</script>

[speriamobene]

qualcuno mi può cortesemente aiutare?

[Mich_]

Non e` che abbia capito molto.

Comunque mi pare di poter dividere il tuo problema in due:
1. generare due CSS che ti servono (in pratica due condizioni statiche: una con il blocco largo ed una stretto);
2. generare il JS che ti fa passare da una condizione all'altra.

Visto cosi` il primo problema e` da risolvere PRIMA del secondo.
Tra l'altro, il primo e` di competenza del forum CSS e XHTML (sotto HTML), il secondo e` borderline fra questo forum e l'altro.

Quello che non ho capito e` se il tuo problema e` il primo o il secondo.
Magari rivedi la domanda alla luce di questo.
Eventualmente ti possiamo spostare nel forum sui CSS.

[cristal83]

Stesso problema.... (a distanza di qualche mese :P)

  <form action="">
  <input type="button" value="Flotta a destra" onclick="document.getElementById('menu').style.float= 'right';" />
  </form>

..questo non mi fà cambiare la proprietà del float.... qualcuno sà dirmi perchè?

Grazie, Ciau^^

[pierofix]

Secondo me non conviene mai usare l'oggetto style di javascript e relative proprietà. Tutte le proprietà andrebbero scritte nel CSS e attribuire poi quest'ultime agli elementi via javascript.

Ad esempio:

XHTML

<p id="avviso">
   Sono finiti i pomodori nel reparto
   ortofrutta. Pregasi provvedere.
</p>


CSS

.evidenziato
{
   background-color:yellow;
}


Javascript

var avviso = document.getElementById('avviso')
avviso.className = 'evidenziato'

Capito?

[Xinod]

Originariamente inviato da cristal83
..questo non mi fà cambiare la proprietà del float.... qualcuno sà dirmi perchè?

float in javascript ha un significato ben preciso, in quanto tale e' parola riservata

per evitare fraintendimenti, per settare il float via javascript occorre usare
cssFloat -> x i browser aderenti agli standard
styleFloat -> x internet explorer

es. terra terra

<span style="float:right">ciao</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam vel mi. Pellentesque sit amet elit eu nibh imperdiet posuere. Integer tempor tristique tellus. Nunc ac justo in neque rhoncus eleifend. Quisque cursus, erat vitae faucibus vestibulum, quam nisi sollicitudin nibh, sit amet varius velit nulla at enim. Etiam at orci a enim dapibus luctus. Nam tellus. Morbi tempus dapibus augue. Aenean id massa. Integer nisl. Fusce sagittis magna. Sed risus tortor, porttitor eu, semper in, interdum sit amet, lectus. Quisque eleifend elit. Mauris id eros.
</p>

ciao

[cristal83]

Grazie Xinod,

funge

Ciau^^

[cristal83]

Che percaso sai anche la forma per recuperare le proprietà per i float?

sempre per IE e FF

Grazie in anticipo,

ciau^^

[Xinod]

indendi accedere in lettura alla proprieta'?
se e' definita nello stile in linea
alert(document.getElementById('menu').style.cssFlo at)
e
alert(document.getElementById('menu').style.styleF loat)
restituiscono il valore corretto

se non e' definita in linea bisogna inventarsi altro
x es. quello di cui stiamo discutendo poco + sotto,
http://forum.html.it/forum/showthrea...readid=1020155
ma nel caso specifico si potrebbe provare un' altra strada...

[cristal83]

Ti spiego,

io stò facendo una paginetta dove ho un div contenitore di testo. Ho poi altri 2 div che sarebbero i menù, uno flottato a sinistra e uno a destra... il float:left e right sono dati dal css esterno.

Premendo un bottone con la funzione onclick stavo provando a leggere il valore che avevano settato e poi mettere ad entrambi l'opposto del valore che avevano ed invertire il "flottaggio" dei menù....

Non sò se mi sono espresso bene...

magari rispiego meglio se non è chiaro ^__^

ciau ^^