By Jirka Prazak

12 May 2017 09:19 English 2 Replies

Hello,

I need to change the text on the footer button on Gear3 depending on which section is getting displayed. Here is my code

.
.
<footer class="ui-footer ui-bottom-button" id="pageFooter">
    		<a href="#" class="ui-btn" id="footerButton">Button</a>
</footer>
.
.

.
.
this.statusSectionFooterButton = $("footerButton");
console.log("attempting to change texts");
this.statusSectionFooterButton.textContent="Locked";
.
.

The text in the object in the debugger shows as "Locked" but the button still displays "Button". I also tried .html("Locked") but still nothing. Any ideas why this does not work or how to do it properly?

Thanks,

-Jirka

Edited on 12 05, 2017

Responses

2 Replies

Iqbal Hossain

15 May 2017 01:39

Use innterHtml to bind the text.

//index.html
<div id="main" class="page">
    <div class="contents" id="btnDiv">
        <a class="btnSpan" id="content-text">Basic</a>
    </div>
</div>

//main.js
 var startBtnList = document.querySelector('#btnDiv');
    
startBtnList.addEventListener("click", function() {
    var contentText = document.querySelector('#content-text');
    contentText.innerHTML = (contentText.innerHTML === "Basic") ? "Tizen" : "Basic";
});

Reply to this post
Mark as answer

Jirka Prazak

23 May 2017 07:55

Thanks,

I ended up using this approach but the main problem was I was missing # in the selector so it did not find anything ;)

-Jirka

Reply to this post
Mark as answer

User Menu

Tizen Forums

Community

Community

Responses

Search form

Responses