SetNuiFocus() make me unable to move

Ciwiel · 2019-01-23T00:16:49.936Z

Hello, I’m currently developping a new phone for my community but I’m stuck on this problem since 2 days even if I tried to look at gcphone how they do this I’m really lost, I have see that they don’t use SetNuiFocus to do this but they send only message to the js even if they are not focus on this ? Can someone here show me with ewamples how It works please ? :’(

xander1998 · 2019-01-23T00:23:41.624Z

If you are using a cursor to use the phone you can’t move. If you are using buttons to toggle through the phone you can resolve the issue by not using SetNuiFocus and just use the SendNUIMessage (hope that is the right name) and the callbacks.

Ciwiel · 2019-01-23T00:27:12.994Z

Hello I’m using buttons like you said, but are you sure that by using message the view of the html will update ? Sorry for my bad english Xander and thank you for trying to help me !

xander1998 · 2019-01-23T00:30:10.446Z

How else do you think the page updates. The only way to communicate with NUI is by using the message event listener. So basically it is just making some events that listen for certain actions on the phone.

Ciwiel · 2019-01-23T00:30:44.036Z

Ah ! Maybe it’s the callbacks that update the html ? I have never used cb before then sorry if this question is stupid

Ciwiel · 2019-01-23T00:33:52.098Z

OK thank you I’m going to try this solution Xander

xander1998 · 2019-01-23T00:42:43.376Z

Which JS library do you use (JQuery / VueJS / ReactJS / Angular)

I use VueJS with Axios. If you want some example of VueJS and Axios I can provide some examples.

Ciwiel · 2019-01-23T00:50:02.096Z

Personally I use JQUERY in my resources, I haven’t tried to use VueJS,and the Others yet

xander1998 · 2019-01-23T00:51:55.472Z

Ah… Dang. I mean I guess if you want I have 2 resources on my github 1 being VueJS - Axios - C# and the other being VueJS - Axios - Lua if you are interested. I am not a fan of JQuery so I don’t have any code examples in JQuery but Axios is pretty similar in the way you trigger NUI Callbacks.

Ciwiel · 2019-01-23T00:54:18.949Z

I’m not against this , is there a reason to not use Jquery and prefer the others ways ?

xander1998 · 2019-01-23T00:58:20.363Z

I mean there is nothing wrong with using JQuery. I just personally like VueJS because it is easy to use / learn and it has binded data to the HTML page. So in VueJS for example say you have a variable called “Hello” and that is equal to “World!” and you want to display that string on the HTML page.

You would do
span>{{ Hello }}span> (I can’t do the whole bracket or it disappears…

and it would display “World” on the screen in that span.

Now say you tell the code to change that variable Hello to equal “Hello World” instead of “World” instead of having to manually set the span element in the code VueJS binded data will update the page automatically just by doing this.Hello = “Hello World!”

GitHub

xander1998/FiveZ

FiveM Zombie Survival Modification. Contribute to xander1998/FiveZ development by creating an account on GitHub.

https://github.com/xander1998/xrplife

Both of those resources use VueJS / Axios if you are interested in seeing exactly what I am talking about above.

Ciwiel · 2019-01-23T01:09:20.733Z

Thank you Xander for your help and your time, I’m going to see what you did and try to understand, then I think I’m going to try Vue.js to see the différences with Jquery I will tell you what I did tomorrow and give you my resource when I will done this maybe in one week maybe in a month but with a little part of chance maybe this resource will interest you Good night !

xander1998 · 2019-01-23T01:13:45.300Z

Night.

Ciwiel · 2019-01-23T22:55:43.590Z

Hello Xander thank you again for your help It work perfectly, I Just have to spend some hours on It now

xander1998 · 2019-01-23T23:00:29.075Z

Sweet. Glad it helped.