Mixing
Calling function from typescript in html not working
Hey im using a django and wanted to use typescript for a specific function I need for my application.
Here is my typescript file:
testselector.ts:
getSelectionText() {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
console.log('a');
} else if (document.selection && document.selection.type != "Control") {
console.log('b');
text = document.selection.createRange().text;
}
return text;
}
And here is my html where I want to call the function:
{% extends "base_generic2.html" %}
{% block content %}
<script src="textselector.js"></script>
<div id="app" onmouseup="getSelectionText()">
</div>
{% endblock %}
For some reason it doesnt find getSelectionText() and I dont really know why?
EDIT:
Here are the errors popping up for my typescript:
Error:(2, 3) TS2304: Cannot find name 'getSelectionText'.
Error:(7, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(7, 49) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(9, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(2, 22) TS1005: ';' expected.
javascript html django typescript
asked Jan 1 at 21:00
NoobforNoobfor
2419
add a comment |
Hey im using a django and wanted to use typescript for a specific function I need for my application.
Here is my typescript file:
testselector.ts:
getSelectionText() {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
console.log('a');
} else if (document.selection && document.selection.type != "Control") {
console.log('b');
text = document.selection.createRange().text;
}
return text;
}
And here is my html where I want to call the function:
{% extends "base_generic2.html" %}
{% block content %}
<script src="textselector.js"></script>
<div id="app" onmouseup="getSelectionText()">
</div>
{% endblock %}
For some reason it doesnt find getSelectionText() and I dont really know why?
EDIT:
Here are the errors popping up for my typescript:
Error:(2, 3) TS2304: Cannot find name 'getSelectionText'.
Error:(7, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(7, 49) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(9, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(2, 22) TS1005: ';' expected.
javascript html django typescript
asked Jan 1 at 21:00
NoobforNoobfor
2419
Is the function defined in a namespace? Is that the WHOLE content of the file?
– Titian Cernicova-Dragomir
Jan 1 at 21:08
Yes, I also get some TS2304 and TS2339 Errors for some reason, maybe thats whats causing it?
– Noobfor
Jan 1 at 21:18
Could you post the errors you are getting (with the message), always helps to post the complete description of the issue ..
– Titian Cernicova-Dragomir
Jan 1 at 21:23
Hm but if that is the WHOLE content of your file, it's not syntactically correct, you are using method syntax for a simple function .. Tryfunction getSelectionText() { ... }
– Titian Cernicova-Dragomir
Jan 1 at 21:27
yea that was it lol, thanks Titian :)
– Noobfor
Jan 1 at 21:56
add a comment |
Hey im using a django and wanted to use typescript for a specific function I need for my application.
Here is my typescript file:
testselector.ts:
getSelectionText() {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
console.log('a');
} else if (document.selection && document.selection.type != "Control") {
console.log('b');
text = document.selection.createRange().text;
}
return text;
}
And here is my html where I want to call the function:
{% extends "base_generic2.html" %}
{% block content %}
<script src="textselector.js"></script>
<div id="app" onmouseup="getSelectionText()">
</div>
{% endblock %}
For some reason it doesnt find getSelectionText() and I dont really know why?
EDIT:
Here are the errors popping up for my typescript:
Error:(2, 3) TS2304: Cannot find name 'getSelectionText'.
Error:(7, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(7, 49) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(9, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(2, 22) TS1005: ';' expected.
javascript html django typescript
asked Jan 1 at 21:00
NoobforNoobfor
2419
Hey im using a django and wanted to use typescript for a specific function I need for my application.
Here is my typescript file:
testselector.ts:
getSelectionText() {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
console.log('a');
} else if (document.selection && document.selection.type != "Control") {
console.log('b');
text = document.selection.createRange().text;
}
return text;
}
And here is my html where I want to call the function:
{% extends "base_generic2.html" %}
{% block content %}
<script src="textselector.js"></script>
<div id="app" onmouseup="getSelectionText()">
</div>
{% endblock %}
For some reason it doesnt find getSelectionText() and I dont really know why?
EDIT:
Here are the errors popping up for my typescript:
Error:(2, 3) TS2304: Cannot find name 'getSelectionText'.
Error:(7, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(7, 49) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(9, 27) TS2339: Property 'selection' does not exist on type 'Document'.
Error:(2, 22) TS1005: ';' expected.
javascript html django typescript
javascript html django typescript
asked Jan 1 at 21:00
NoobforNoobfor
2419
asked Jan 1 at 21:00
NoobforNoobfor
2419
edited Jan 1 at 21:52
Noobfor
asked Jan 1 at 21:00
NoobforNoobfor
2419
asked Jan 1 at 21:00
NoobforNoobfor
2419
asked Jan 1 at 21:00
NoobforNoobfor
2419
2419
Is the function defined in a namespace? Is that the WHOLE content of the file?
– Titian Cernicova-Dragomir
Jan 1 at 21:08
Yes, I also get some TS2304 and TS2339 Errors for some reason, maybe thats whats causing it?
– Noobfor
Jan 1 at 21:18
Could you post the errors you are getting (with the message), always helps to post the complete description of the issue ..
– Titian Cernicova-Dragomir
Jan 1 at 21:23
Hm but if that is the WHOLE content of your file, it's not syntactically correct, you are using method syntax for a simple function .. Tryfunction getSelectionText() { ... }
– Titian Cernicova-Dragomir
Jan 1 at 21:27
yea that was it lol, thanks Titian :)
– Noobfor
Jan 1 at 21:56
add a comment |
Is the function defined in a namespace? Is that the WHOLE content of the file?
– Titian Cernicova-Dragomir
Jan 1 at 21:08
Yes, I also get some TS2304 and TS2339 Errors for some reason, maybe thats whats causing it?
– Noobfor
Jan 1 at 21:18
Could you post the errors you are getting (with the message), always helps to post the complete description of the issue ..
– Titian Cernicova-Dragomir
Jan 1 at 21:23
Hm but if that is the WHOLE content of your file, it's not syntactically correct, you are using method syntax for a simple function .. Tryfunction getSelectionText() { ... }
– Titian Cernicova-Dragomir
Jan 1 at 21:27
yea that was it lol, thanks Titian :)
– Noobfor
Jan 1 at 21:56
Is the function defined in a namespace? Is that the WHOLE content of the file?
– Titian Cernicova-Dragomir
Jan 1 at 21:08
Is the function defined in a namespace? Is that the WHOLE content of the file?
– Titian Cernicova-Dragomir
Jan 1 at 21:08
Yes, I also get some TS2304 and TS2339 Errors for some reason, maybe thats whats causing it?
– Noobfor
Jan 1 at 21:18
Yes, I also get some TS2304 and TS2339 Errors for some reason, maybe thats whats causing it?
– Noobfor
Jan 1 at 21:18
Could you post the errors you are getting (with the message), always helps to post the complete description of the issue ..
– Titian Cernicova-Dragomir
Jan 1 at 21:23
Could you post the errors you are getting (with the message), always helps to post the complete description of the issue ..
– Titian Cernicova-Dragomir
Jan 1 at 21:23
Hm but if that is the WHOLE content of your file, it's not syntactically correct, you are using method syntax for a simple function .. Try
function getSelectionText() { ... }– Titian Cernicova-Dragomir
Jan 1 at 21:27
Hm but if that is the WHOLE content of your file, it's not syntactically correct, you are using method syntax for a simple function .. Try
function getSelectionText() { ... }– Titian Cernicova-Dragomir
Jan 1 at 21:27
yea that was it lol, thanks Titian :)
– Noobfor
Jan 1 at 21:56
yea that was it lol, thanks Titian :)
– Noobfor
Jan 1 at 21:56
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53998907%2fcalling-function-from-typescript-in-html-not-working%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53998907%2fcalling-function-from-typescript-in-html-not-working%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Is the function defined in a namespace? Is that the WHOLE content of the file?
– Titian Cernicova-Dragomir
Jan 1 at 21:08
Yes, I also get some TS2304 and TS2339 Errors for some reason, maybe thats whats causing it?
– Noobfor
Jan 1 at 21:18
Could you post the errors you are getting (with the message), always helps to post the complete description of the issue ..
– Titian Cernicova-Dragomir
Jan 1 at 21:23
Hm but if that is the WHOLE content of your file, it's not syntactically correct, you are using method syntax for a simple function .. Try
function getSelectionText() { ... }– Titian Cernicova-Dragomir
Jan 1 at 21:27
yea that was it lol, thanks Titian :)
– Noobfor
Jan 1 at 21:56