Why isn't it working? About external JS

[Yonetici]

Hi,

I have 3 file, 2 QML and 1 JS.

JS:

.pragma library
 
var totaltxt = 0;
function totFunc(){
    totaltxt = totaltxt + 1;
}

.pragma library

var totaltxt = 0;
function totFunc(){
    totaltxt = totaltxt + 1;
}

To copy to clipboard, switch view to plain text mode 

and first QML file includes text: Logic.totaltxt and so, it shows "0" as what we expect. However, although other QML file includes Logic.totFunc(); , it doesn't work. I mean, when second qml works, I expect new value must be 1 instead of zero.

I did all imports to do files.

Any idea?

[wysota]

New value of what? Can you provide a minimal example reproducing the problem?

[Yonetici]

New value of what? Can you provide a minimal example reproducing the problem?

I mean new text of text: Logic.totaltxt,I think when Logic.totFunc() works, totaltxt should be totaltxt = 1, then text = 1, and so we will see 1 instead of 0 on the screen.

[wysota]

No, I don't think it works that way.

[Yonetici]

No, I don't think it works that way.

what can you suggest me? I found out that because same .js is used for 2 different qml files, it doesn't work properly. Because in QT, it protect to same variables.

But, how can I do that? Because, one of qml files plays animation to make score, and second one shows the score. Can you imagine something?

----------

edit: I also found another same question on Internet, you may check it:

http://goo.gl/7dm7d

[wysota]

I don't know what you are trying to do so it is hard to suggest a solution. How does your animation look like?

[Yonetici]

on my Animation1.qml: (import "total.js" as Logic)

...
onExited: {
                if(sRect.visible == true){
                    jet1.opacity = 0;
                    rectJet.opacity = 0;
                    jet1_1.visible = true;
                    jet1_2.visible = true;
                    jet1_sound.play();
                    if(jet1.opacity == 0){
                        Logic.mV = 5; // here is working but it can't change text of main.qml
                    }
                }
            }
...

...
onExited: {
                if(sRect.visible == true){
                    jet1.opacity = 0;
                    rectJet.opacity = 0;
                    jet1_1.visible = true;
                    jet1_2.visible = true;
                    jet1_sound.play();
                    if(jet1.opacity == 0){
                        Logic.mV = 5; // here is working but it can't change text of main.qml
                    }
                }
            }
...

To copy to clipboard, switch view to plain text mode 

main.qml: (import "total.js" as Logic)

...
Text {
        id: total_txt
        text: Logic.totaltxt // here is working but it can't understand if or not Animation.qml changes the value
        anchors.topMargin: 2
        anchors.leftMargin: 15
        font.pixelSize: 50
        color: "white"
    }
 
    Animation1 {
        id: animation1
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.bottomMargin: 10
        anchors.leftMargin: Math.floor(Math.random()*600+20)
    }
...

...
Text {
        id: total_txt
        text: Logic.totaltxt // here is working but it can't understand if or not Animation.qml changes the value
        anchors.topMargin: 2
        anchors.leftMargin: 15
        font.pixelSize: 50
        color: "white"
    }
    
    Animation1 {
        id: animation1
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.bottomMargin: 10
        anchors.leftMargin: Math.floor(Math.random()*600+20)
    }
...

To copy to clipboard, switch view to plain text mode 

total.js :

.pragma library
 
for(var i = 0; i<1; i++){
 
    var totaltxt = 0;
    var mV;
 
    if(mV == 5){
        totaltxt++;
        }
    }

.pragma library

for(var i = 0; i<1; i++){

    var totaltxt = 0;
    var mV;

    if(mV == 5){
        totaltxt++;
        }
    }

To copy to clipboard, switch view to plain text mode 

[wysota]

I still don't understand what you are trying to do but I belive you approach the problem incorrectly. You're thinking in an imperative way rather than using the declarative engine at hand. If you want to animate the value of some label then you can do it this way:

Text {
  property int value: 0
  id: total_txt
  text: value
  // ...
  Behavior on value {
    NumberAnimation {}
  }
}

Text {
  property int value: 0
  id: total_txt
  text: value
  // ...
  Behavior on value {
    NumberAnimation {}
  }
}

To copy to clipboard, switch view to plain text mode 

And then elsewhere in your app:

total_txt.value = 5

total_txt.value = 5

To copy to clipboard, switch view to plain text mode 

[Yonetici]

Thank you for feedback but it isn't actually what I need. Because I want to do that: when my animation plays, when onExit works, a value (mV = 5) will turn what I added and javascript code will give this value to mV in total.js ; then because javascript code works, (text: Logic.totaltxt) totaltxt will take 1 instead of 0 and we will see 1 on screen instead of 0.

I think that I can't tell what I mean because I'm new on qml

[wysota]

Thank you for feedback but it isn't actually what I need. Because I want to do that: when my animation plays, when onExit works, a value (mV = 5) will turn what I added and javascript code will give this value to mV in total.js ; then because javascript code works, (text: Logic.totaltxt) totaltxt will take 1 instead of 0 and we will see 1 on screen instead of 0.

What do you need it for? What is the ultimate goal you are trying to achieve? Why do you need the value to be a js variable and not a qml property?

[Yonetici]

because if it works, it is very easy to applicate anywhere