spostare un elemento dv

[knuckles]

ciao ragazzi!!
ho un piccolo problema con un aplicazione web...in pratica ho una pagina divisa in due sulla parte destra ho due pulsanti uno carica un grafico e l altra lo chiude...in pratica cliccando su un pulsante la parte sinistra(che intanto contiene altri elementi che dovranno essere sovrapposti e nn sparire) deve visualizzare il grafico mentre cliccando l altra si deve ritornare a visualizzare gli elementi sovrappsti....è possbile fare una cosa del genere?io ho letto qualcosa sul impostare lo style della div per poi farla sparire portandola fuori dalla pagina ma nn so perche quando devo farla sparire nn funziona....

[Xinod]

Originariamente inviato da knuckles
nn so perche quando devo farla sparire nn funziona....

e come potremmo noi?
non una riga di codice, non un link alla tua pagina (sempre preferibile)
ciao

[knuckles]

eheheheh in effetti hai ragione:-)
ecco posto una parte del codice!!!!

qeusta è la parte relativa alla pagina html dove ci sono i due pulsanti:


<DIV style="position:absolute; left:4px; top:2px; width:252px; height:835px; z-index:0" align="left" valign="top">


SensorTable
<input type="text" dojoType="dijit.form.TextBox" id="SensorInput">
</input>




Camp
<input type="text" dojoType="dijit.form.TextBox" id="CampInput">
</input>




<input type="button" value="Click here" onClick="loadChart();">
</input>


<input type="button" value="back" onClick="close();">
</input>


la funzione loadChart fa questa operazione(solo parte del codice se no è troppo lungo):

function loadChart() {

var sensor=document.getElementById('SensorInput').valu e;
var camp=document.getElementById('CampInput').value;

alert('ho lanciato l invio alla servlet!!');
alert('ho letto il sensor: '+sensor+'e il camp :'+camp);

el1=document.getElementById("simplechart");//qui prendo l elemento da spostare
el1.style.position = 'relative';
el1.style.left = '246px';
el1.style.width='1376px';
el1.style.height='745px';
....
.....
......

mentre la funzione close è cosi:

function close() {

el1=document.getElementById("simplechart");
el1.style.position="relative";
el1.style.left="-4000";
}

probabilemtne è un errore stupido .....ma sono alle prime armi:-)

[Xinod]

el1.style.left="-4000px";
probabilmente manca questo

[Nerlaleph]

hai provato a dare style.display = 'block' / style.display = 'none'
è talmente tanto che non scrivo javascript puro (uso jQuery) che non sono certissimo sia corretto, ma penso che faccia al tuo caso.

[knuckles]

si avevo provato ma sempre quando chiamavo close nn accadeva nulla....probabilmente ha a che fare con il grafico che ha al suo interno...e fatto con librerie dojo magari interferiscon...bho :-D

grazie mille cmq!!!!!!!!!!

[knuckles]

ummm anke aggiungengo px nn funziona.......argh!!!!!

[Xinod]

lascia un link,
si puo' immaginare la situazione solo fino ad un certo punto e con un link si perde tutti meno tempo