form e input text

[buliggi]

sto creando un editor di diagrammi, alla selezione di un oggetto inserito nell'area di lavoro vengono visualizzate le proprietà in una finestra tipo dialog window sempre aperta, per editare le proprietà avevo pensato a un form con input text in modo tale che al cambio dell'oggetto attraverso DOM prenderei i valori inseriti e aggiornerei le proprietà

1) il problema è che se l'utente scrive nella input text e preme invio il browser ricarica la pagina e perdo tutto, non c'è un modo di bloccare il post?

2) altrimenti qualche soluzione Ajax già pronta da usare, avevo pensato a YUI ma non so

[br1]

Originariamente inviato da buliggi
sto creando un editor di diagrammi, alla selezione di un oggetto inserito nell'area di lavoro vengono visualizzate le proprietà in una finestra tipo dialog window sempre aperta, per editare le proprietà avevo pensato a un form con input text in modo tale che al cambio dell'oggetto attraverso DOM prenderei i valori inseriti e aggiornerei le proprietà

1) il problema è che se l'utente scrive nella input text e preme invio il browser ricarica la pagina e perdo tutto, non c'è un modo di bloccare il post?

2) altrimenti qualche soluzione Ajax già pronta da usare, avevo pensato a YUI ma non so

Questa descrizione puo' riferirsi ad una miriade di situazioni reali... senza vedere un po' del codice che hai gia' realizzato dovremmo reinventarci tutto, rischiando di non indovinare le tue esigenze.

ciao

[buliggi]

il codice è questo, ovviamente solo la parte delle finestra con la form, creo la propertywindow, aggiungo la form con l'input text e al cambio della selezione dell'oggetto nell'area uso i dati inseriti nel campo:
VectorPropertyWindow=function()
{
PropertyWindow.call(this);

this.setDimension(180,150);
}

VectorPropertyWindow.prototype = new PropertyWindow;
/** @private */
VectorPropertyWindow.prototype.type="VectorPropert yWindow";

VectorPropertyWindow.prototype.createHTMLElement=f unction()
{
var item = PropertyWindow.prototype.createHTMLElement.call(th is);

var inputDiv = document.createElement("form");
inputDiv.enabled = false;
inputDiv.style.position="absolute";
inputDiv.style.left = "10px";
inputDiv.style.top = "200px";
inputDiv.style.width="375px";
inputDiv.style.font="normal 10px verdana";
item.appendChild(inputDiv);

this.label = document.createTextNode("Text");
inputDiv.appendChild(this.label);

this.input = document.createElement("input");
this.input.style.border="1px solid gray";
this.input.style.font="normal 10px verdana";
this.input.type="text";
this.input.id="text1";
this.input.readOnly=false;

inputDiv.appendChild(this.input);

return item;
}

VectorPropertyWindow.prototype.onSelectionChanged= function(/*:Figure*/ figure)
{
document.getElementById("text1").value = workflow.getCurrentSelection().getProperty("text1" );
workflow.getCurrentSelection().setProperty("text1" ,document.getElementById("text1").value);
...