B4J Question Is there a way to set/get textbox/area, similar to jqueryelement?

[B4JExplorer]

Hi,

In a WebSocket application with several JQueryElements, is there a way to get and set values in a textbox or textarea, similar to the SetVal() and GetVal() for JQueryElements?

In other words, I'd like to do it within the B4J application, without embedding or writing js code, into the html. (aside from the minimum js code for using B4J).

 

[billzhan]

try SetVal/GetVal, SetText/GetText and Sethtml/GetHtml.

My test here,all of them work fine:

'html
<textarea rows="3" cols="30" id="textareafortest">
    textarea for test
</textarea>


'b4j
    Dim s1 As Future=textareafortest.GetHtml
    Dim s2 As Future=textareafortest.GetVal
    Dim s3 As Future=textareafortest.GetText  
    Log("GetHtml  "&s1.Value)
    Log("GetVal   "&s2.Value)  
    Log("Gettext   "&s3.Value)
  
    textareafortest.SetVal("jq set text")

According to http://api.jquery.com/text/ , choose you need.

The .text() method cannot be used on form inputs or scripts. To set or get the text value of input or textarea elements, use the .val() method. To get the value of a script element, use the .html() method.

 

[Erel]

BTW, this is an example of correct usage of Futures. First you get all the futures and only then you fetch the values from the future objects.

 

[B4JExplorer]

That was the other missing piece, how to declare those blasted variables..

But textareafortest? How does B4J understand that this is a legitimate object, a textarea? I would just get a syntax error, trying to reference textareafortest.

 

[B4JExplorer]

That was the other missing piece, how to declare those blasted variables..

But textareafortest? How does B4J understand that this is a legitimate object, a textarea? I would just get a syntax error, trying to reference textareafortest.

textareafortest is a jqueryelement. Understood, thanks Erel and billzhan.

 

[B4JExplorer]

How do you insert a block of code, into a post? The More Options menu, just pops up a separate edit window. There's no icons or buttons for formatting code. I'm using Google Chrome.

I've done this in the forum before, but am drawing a blank now.



When the

Dim s1 As Future=ta_lastname.GetHtml

above is executed, there's a null pointer error.


*** Beginning of Code block ***

Sub ta_lastname_Click( Params As Map )

Main.AppLog("ta_lastname_Click :: Start")

Dim ta_lastname As JQueryElement

Dim s1 As Future=ta_lastname.GetHtml
Dim s2 As Future=ta_lastname.GetVal
Dim s3 As Future=ta_lastname.GetText

Log("GetHtml "&s1.Value)
Log("GetVal "&s2.Value)
Log("Gettext "&s3.Value)

ta_lastname.SetVal("jq set text")


Main.AppLog("wb_txtlastname_Click :: End")

End Sub

*** End of Code block ***


Error occurred on line: 330 (....).
java.lang.NullPointerException
at anywheresoftware.b4j.object.WebSocket.access$1(WebSocket.java:110)
at anywheresoftware.b4j.object.WebSocket$JQueryElement.RunMethodWithResult(WebSocket.java:207)
at anywheresoftware.b4j.object.WebSocket$JQueryElement.GetHtml(WebSocket.java:252)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:606)
at anywheresoftware.b4a.shell.Shell.runMethod(Shell.java:563)
at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:221)
at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:156)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:606)
at anywheresoftware.b4a.BA.raiseEvent2(BA.java:93)
at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:82)
at anywheresoftware.b4a.BA.raiseEvent(BA.java:84)
at anywheresoftware.b4j.object.WebSocketModule$Adapter$1.run(WebSocketModule.java:126)
at anywheresoftware.b4a.keywords.SimpleMessageLoop.runMessageLoop(SimpleMessageLoop.java:30)
at anywheresoftware.b4a.StandardBA.startMessageLoop(StandardBA.java:26)
at anywheresoftware.b4a.ShellBA.startMessageLoop(ShellBA.java:103)
at anywheresoftware.b4a.keywords.Common.StartMessageLoop(Common.java:131)
at anywheresoftware.b4a.shell.Shell.raiseEventImpl(Shell.java:292)
at anywheresoftware.b4a.shell.Shell.raiseEvent(Shell.java:156)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:606)
at anywheresoftware.b4a.BA.raiseEvent2(BA.java:93)
at anywheresoftware.b4a.ShellBA.raiseEvent2(ShellBA.java:82)
at anywheresoftware.b4a.BA.raiseEvent(BA.java:84)
at b4j.example.main.main(main.java:28)

 

[Erel]

Just write [ code] .... [ /code] (without spaces).

Can you post your html code?

 

[B4JExplorer]

Not necessary. The problem is that the ta_lastname was declared inside the click routine, wasn't assigned, and therefore WAS null. When it's declared private in the Class_Globals, it works fine. Careless mistake on my part.

Looks good, thanks.

 

[B4JExplorer]

Just write [ code] .... [ /code] (without spaces).

Can you post your html code?

Erel, I missed your comment above, about inserting code. Ok, thanks.

 

[TomDuncan]

Hi,
I have inputs and text areas within a form.
Have tested the above code and the inputs work using this

Sub SelectComment(id As String)
    Dim m As Map = DBUtils.ExecuteMap(Main.SQL1, "SELECT * FROM comment WHERE id = ?", Array As String(id))
    If m.IsInitialized = False Then
        iname.SetText("N/A")
    Else
        Log(m.Get("comment"))
        iname.SetVal(m.Get("name"))
        iemail.SetVal(m.Get("email"))
        icomment.SetVal("This is a test") 'm.Get("comment"))
        ireply.SetVal(m.Get("reply"))
    End If
End Sub

However the Textarea "icomment" does not work.
html code is here

        <div class="w3-group">
        <textarea id="icomment" class="w3-input" Type="text"  style="width:100%">Comments here</textarea>
            <label class="w3-label">comment</label>
        </div>

Any thoughts anyone.
It did say something about .val() but not familiar with this.

Tom

Just did a test and commented out my tinyMCE code in the head.
And it works. So how can I get the code to work with the editor.
This is in the head

        <script type="text/javascript">
            tinyMCE.init({
            mode : "textareas",
            theme : "simple"
            });
        </script>

I tested the GetHtml value and the code is correct.
But still no displayin the tinyMCE, even though the layout is correct.

 

[TomDuncan]

Here is a demo of what I am trying (yes very trying) to do.
The TinyMCE is the problem
use 127.0.0.1:8080/admin/index.html

Tom

 

[TomDuncan]

Fixed it with nice fit works like a charm.
Tom