Gambas e JavaScript

[Gianluigi]

Mi riferisco a questa discussione apparsa sulla ML, ma anche a quella del sito spagnolo riportata da vuott.
Mi sono creato un piccolo progettino per provare a fare con JavaScript quello che chiede Jorge.
Sono interessato anche io a comprendere come è possibile implementare in modo utile e dinamico il JS in Gambas.
Allego il progetto (è tipo quello di Jorge, credo più corretto e facile per fare prove) sperando che qualcuno pratico di JS ci riesca e mi aiuti a capire, perché io proprio...

Denghiu (come direbbe il buon Biscardi)

 

[vuott]

Ho l'impressione che la la funzione "setCaretPosition( )" nel file .js non venga chiamata.   

[Gianluigi]

Ho l'impressione che la la funzione "setCaretPosition( )" nel file .js non venga chiamata.   

Intanto c'è l'errore della Path del file .js di cui mi scuso  non so se ti stai riferendo a quello oppure...

Allego il file corretto che però continua a non funzionare 

 

[vuott]

... non so se ti stai riferendo a quello oppure...

No.

però continua a non funzionare 

Non capisco perché debba funzionare.   

[Gianluigi]

Alcune prove fatte senz'altro non possono funzionare, ma se chiamo le funzioni così dovrebbe essere giusto:

Codice: [Seleziona]

WebView1.Eval(Subst("&1", s))
  'WebView1.Eval(s)

Anche perché ho provato con codice più semplice ma anche con la stessa prova (<textarea id="Texto">) fatta da Jorge, quindi continuo a non capire.
Se la funzione lavora nella text come mai nella window non funziona?

Mi dispiace ma io non ci capisco, pazienza.
Riprenderò in mano la questione dopo le vacanze.
 

[vuott]

Se la funzione lavora nella text come mai nella window non funziona?

Per "window" intendi il "WebView" del progetto Gambas ?

[Gianluigi]

Se la funzione lavora nella text come mai nella window non funziona?

Per "window" intendi il "WebView" del progetto Gambas ?

Si credo che WebView si comporti come un browser e che pertanto ci si possa riferire a lui come window.

[vuott]

Si credo che WebView si comporti come un browser e che pertanto ci si possa riferire a lui come window.

Io suppongo, invece, che il problema sia proprio questo.
Infatti come gli assegni un "identificativo" all'interno del codice html/javascript ?   

[Gianluigi]

Si credo che WebView si comporti come un browser e che pertanto ci si possa riferire a lui come window.

Io suppongo, invece, che il problema sia proprio questo.
Infatti come gli assegni un "identificativo" all'interno del codice html/javascript ?   

Ma la funzione non deve agire sull'identificativo "Texto"?
Per quale motivo se c'è una textarea lo riconosce senza che gli passi l'oggetto?
Purtroppo la mia dis-conoscenza di JS è troppo superficiale... 

[vuott]

Per quale motivo se c'è una textarea lo riconosce senza che gli passi l'oggetto?

Nuova domanda: ma la "textarea", di cui parli, è l'oggetto di Gambas oppure è l'oggetto del protocollo HTML ?

[Gianluigi]

Per quale motivo se c'è una textarea lo riconosce senza che gli passi l'oggetto?

Nuova domanda: ma la "textarea", di cui parli, è l'oggetto di Gambas oppure è l'oggetto del protocollo HTML ?

HTML, mi riferisco sempre al codice di Jorge.
Intendi dire che se passo il riferimento a <div id="Texto"> è diverso che se passo il riferimento a <textarea id="Texto"> qui passo un oggetto e la no?
Ma io non saprei... cosa passare non è come in Gambas WebView1.DivId 

[vuott]

HTML....
Intendi dire che se passo il riferimento a <div id="Texto"> è diverso che se passo il riferimento a <textarea id="Texto"> qui passo un oggetto e la no?

Il problema, io suppongo sia proprio quello.   

[gianfry56]

La funzione javascript setCaretPosition non fa nulla per il semplice fatto che al suo interno richiama delle funzioni (setSelectionRange e createTextRange) che non possono riferirsi ad un elemento <DIV> (come è "Texto") ma devono far riferimento ad un elemento <INPUT> di type="text".
Inoltre essendoci un 'else if' in quella funzione sarebbe richiesto un ulteriore 'else' altrimenti il ramo finale della condizione (non essendo valide le altre due) non viene elaborato e non ci si rende conto dell'errore in atto.

Non ho ben capito il senso di questo programma ma vedo se riesco ad adattarlo... 

[Gianluigi]

Ciao Gianfranco (tutto attaccato?),
intanto grazuie per la risposta...

La funzione javascript setCaretPosition non fa nulla per il semplice fatto che al suo interno richiama delle funzioni (setSelectionRange e createTextRange) che non possono riferirsi ad un elemento <DIV> (come è "Texto") ma devono far riferimento ad un elemento <INPUT> di type="text".
Inoltre essendoci un 'else if' in quella funzione sarebbe richiesto un ulteriore 'else' altrimenti il ramo finale della condizione (non essendo valide le altre due) non viene elaborato e non ci si rende conto dell'errore in atto.

Purtroppo, come detto, io il JS non lo conosco se non in modo moooolto superficiale non avendo mai fatto nulla per il web.
Quindi ciò che mi dici lo accetto ma poco lo comprendo 

Non ho ben capito il senso di questo programma ma vedo se riesco ad adattarlo... 

Veramente non ho capito molto bene neanche io, Jorge sta facendo un controllore ortografico (Catalano) per il suo htEditor lo puoi scaricare dalla Software farm (esempi) e chiedeva come avrebbe potuto spostare il caret da programma e si poneva il quesito come da me riportato (anche lui di JS ci capisce poco).
Se riesci a rispondere al quesito potresti postarlo sulla ML ufficiale oppure se credi posso farlo io a tuo nome.

Se puoi mettere un po di spiegazioni per farmi capire sull'esempio pratico te ne sarei veramente grato.

Ciao

[gianfry56]

Sostanzialmente l'unica modifica da fare dovrebbe essere questa (nel file new.html):
il corpo (body) dell'html:

Codice: [Seleziona]

  <body>
    <div id="Texto">
      Hello world, i'm here
    </div>
  </body>

va sostituito con questo:

Codice: [Seleziona]

  <body>
    <div>
    <input type="text" id="Texto" size=20 value="Hello world, i'm here"/>
    </div>
  </body>

ho provato e funziona (sempre che lo scopo sia quello di spostare il cursore a destra di un tot di caratteri....)