How do I pass the value of my onClick event to my second function?How to execute a JavaScript function when I have its name as a stringIs JavaScript a pass-by-reference or pass-by-value language?Set a default parameter value for a JavaScript functionHow can I get query string values in JavaScript?How to get the value from the GET parameters?How can I add a key/value pair to a JavaScript object?How do I pass command line arguments to a Node.js program?Pass a JavaScript function as parameterReact js onClick can't pass value to methodHow to pass props to this.props.children
How were servants to the Kaiser of Imperial Germany treated and where may I find more information on them
How to test the sharpness of a knife?
Pre-Employment Background Check With Consent For Future Checks
Is there a RAID 0 Equivalent for RAM?
How do I fix the group tension caused by my character stealing and possibly killing without provocation?
What does "Scientists rise up against statistical significance" mean? (Comment in Nature)
Animation: customize bounce interpolation
Air travel with refrigerated insulin
Did I make a mistake by ccing email to boss to others?
Personal or impersonal in a technical resume
Why didn’t Eve recognize the little cockroach as a living organism?
How do I tell my boss that I'm quitting in 15 days (a colleague left this week)
Mimic lecturing on blackboard, facing audience
Are Captain Marvel's powers affected by Thanos breaking the Tesseract and claiming the stone?
Can you identify this lizard-like creature I observed in the UK?
Is there a reason to prefer HFS+ over APFS for disk images in High Sierra and/or Mojave?
What is the meaning of the following sentence?
El Dorado Word Puzzle II: Videogame Edition
Does Doodling or Improvising on the Piano Have Any Benefits?
How can I, as DM, avoid the Conga Line of Death occurring when implementing some form of flanking rule?
How do I Interface a PS/2 Keyboard without Modern Techniques?
Why do Radio Buttons not fill the entire outer circle?
When and why was runway 07/25 at Kai Tak removed?
"Oh no!" in Latin
How do I pass the value of my onClick event to my second function?
How to execute a JavaScript function when I have its name as a stringIs JavaScript a pass-by-reference or pass-by-value language?Set a default parameter value for a JavaScript functionHow can I get query string values in JavaScript?How to get the value from the GET parameters?How can I add a key/value pair to a JavaScript object?How do I pass command line arguments to a Node.js program?Pass a JavaScript function as parameterReact js onClick can't pass value to methodHow to pass props to this.props.children
Basically I have an <input> field where I start typing in a name. As I type, html pops up with an unordered list <ul> featuring names of my videos from my JSON file. What I'm trying to do is be able to click on the button, and play the video in the <video> player. However, "val.name" is not being passed to function g(); when I click on it.
$('#search').keyup(function()
var searchField = $('#search').val();
var myExp = new RegExp(searchField, "i");
$.getJSON('data.json', function(data)
var output = '<ul class="searchresults">';
$.each(data, function(key, val)
if (val.name.search(myExp) != -1)
output += '<li>';
output += '<div>'+ val.name +'</div>';
output += '<img src="images/'+ val.name +'.jpg" alt="'+ val.name +'" />';
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
output += '</li>';
);
output += '</ul>';
$('#update').html(output);
);
);
function g(e)
$('#videoObj').remove();
$('<video controls preload="metadata" id="videoObj" width="100%" height="720" src="videos/'+e+'.mp4" type="video/mp4" frameborder="0" allowfullscreen><track label="English" kind="subtitles" srclang="en" src="subtitles/'+e+'.vtt" ></video>').prependTo('#vholder').attr('autoplay','autoplay');
javascript json
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
asked Mar 7 at 22:07
MarcusMarcus
38039
|
show 1 more comment
Basically I have an <input> field where I start typing in a name. As I type, html pops up with an unordered list <ul> featuring names of my videos from my JSON file. What I'm trying to do is be able to click on the button, and play the video in the <video> player. However, "val.name" is not being passed to function g(); when I click on it.
$('#search').keyup(function()
var searchField = $('#search').val();
var myExp = new RegExp(searchField, "i");
$.getJSON('data.json', function(data)
var output = '<ul class="searchresults">';
$.each(data, function(key, val)
if (val.name.search(myExp) != -1)
output += '<li>';
output += '<div>'+ val.name +'</div>';
output += '<img src="images/'+ val.name +'.jpg" alt="'+ val.name +'" />';
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
output += '</li>';
);
output += '</ul>';
$('#update').html(output);
);
);
function g(e)
$('#videoObj').remove();
$('<video controls preload="metadata" id="videoObj" width="100%" height="720" src="videos/'+e+'.mp4" type="video/mp4" frameborder="0" allowfullscreen><track label="English" kind="subtitles" srclang="en" src="subtitles/'+e+'.vtt" ></video>').prependTo('#vholder').attr('autoplay','autoplay');
javascript json
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
asked Mar 7 at 22:07
MarcusMarcus
38039
where's the HTML you're targeting? what value IS being passed to the function?
– Marc
Mar 7 at 22:11
1
You need quotes around the string val.name in the line that writes out the onClick handler.
– James
Mar 7 at 22:11
Please do not construct HTML from JS strings, it only causes trouble if you forget to encode values that should be encoded. Also it is a pain to read and maintain.
– H.B.
Mar 7 at 22:16
@Marc - If you look at the end of my video tag, the value is being passed within it, and prependTo an ID. Not sure why it didn't wrap around. !
– Marcus
Mar 7 at 22:24
@James - Thanks! I overlooked that!
– Marcus
Mar 7 at 22:26
|
show 1 more comment
Basically I have an <input> field where I start typing in a name. As I type, html pops up with an unordered list <ul> featuring names of my videos from my JSON file. What I'm trying to do is be able to click on the button, and play the video in the <video> player. However, "val.name" is not being passed to function g(); when I click on it.
$('#search').keyup(function()
var searchField = $('#search').val();
var myExp = new RegExp(searchField, "i");
$.getJSON('data.json', function(data)
var output = '<ul class="searchresults">';
$.each(data, function(key, val)
if (val.name.search(myExp) != -1)
output += '<li>';
output += '<div>'+ val.name +'</div>';
output += '<img src="images/'+ val.name +'.jpg" alt="'+ val.name +'" />';
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
output += '</li>';
);
output += '</ul>';
$('#update').html(output);
);
);
function g(e)
$('#videoObj').remove();
$('<video controls preload="metadata" id="videoObj" width="100%" height="720" src="videos/'+e+'.mp4" type="video/mp4" frameborder="0" allowfullscreen><track label="English" kind="subtitles" srclang="en" src="subtitles/'+e+'.vtt" ></video>').prependTo('#vholder').attr('autoplay','autoplay');
javascript json
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
asked Mar 7 at 22:07
MarcusMarcus
38039
Basically I have an <input> field where I start typing in a name. As I type, html pops up with an unordered list <ul> featuring names of my videos from my JSON file. What I'm trying to do is be able to click on the button, and play the video in the <video> player. However, "val.name" is not being passed to function g(); when I click on it.
$('#search').keyup(function()
var searchField = $('#search').val();
var myExp = new RegExp(searchField, "i");
$.getJSON('data.json', function(data)
var output = '<ul class="searchresults">';
$.each(data, function(key, val)
if (val.name.search(myExp) != -1)
output += '<li>';
output += '<div>'+ val.name +'</div>';
output += '<img src="images/'+ val.name +'.jpg" alt="'+ val.name +'" />';
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
output += '</li>';
);
output += '</ul>';
$('#update').html(output);
);
);
function g(e)
$('#videoObj').remove();
$('<video controls preload="metadata" id="videoObj" width="100%" height="720" src="videos/'+e+'.mp4" type="video/mp4" frameborder="0" allowfullscreen><track label="English" kind="subtitles" srclang="en" src="subtitles/'+e+'.vtt" ></video>').prependTo('#vholder').attr('autoplay','autoplay');
javascript json
javascript json
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
asked Mar 7 at 22:07
MarcusMarcus
38039
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
asked Mar 7 at 22:07
MarcusMarcus
38039
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
edited Mar 10 at 17:42
Mr Lister
35.3k1077121
35.3k1077121
asked Mar 7 at 22:07
MarcusMarcus
38039
asked Mar 7 at 22:07
MarcusMarcus
38039
asked Mar 7 at 22:07
MarcusMarcus
38039
38039
where's the HTML you're targeting? what value IS being passed to the function?
– Marc
Mar 7 at 22:11
1
You need quotes around the string val.name in the line that writes out the onClick handler.
– James
Mar 7 at 22:11
Please do not construct HTML from JS strings, it only causes trouble if you forget to encode values that should be encoded. Also it is a pain to read and maintain.
– H.B.
Mar 7 at 22:16
@Marc - If you look at the end of my video tag, the value is being passed within it, and prependTo an ID. Not sure why it didn't wrap around. !
– Marcus
Mar 7 at 22:24
@James - Thanks! I overlooked that!
– Marcus
Mar 7 at 22:26
|
show 1 more comment
where's the HTML you're targeting? what value IS being passed to the function?
– Marc
Mar 7 at 22:11
1
You need quotes around the string val.name in the line that writes out the onClick handler.
– James
Mar 7 at 22:11
Please do not construct HTML from JS strings, it only causes trouble if you forget to encode values that should be encoded. Also it is a pain to read and maintain.
– H.B.
Mar 7 at 22:16
@Marc - If you look at the end of my video tag, the value is being passed within it, and prependTo an ID. Not sure why it didn't wrap around. !
– Marcus
Mar 7 at 22:24
@James - Thanks! I overlooked that!
– Marcus
Mar 7 at 22:26
where's the HTML you're targeting? what value IS being passed to the function?
– Marc
Mar 7 at 22:11
where's the HTML you're targeting? what value IS being passed to the function?
– Marc
Mar 7 at 22:11
1
1
You need quotes around the string val.name in the line that writes out the onClick handler.
– James
Mar 7 at 22:11
You need quotes around the string val.name in the line that writes out the onClick handler.
– James
Mar 7 at 22:11
Please do not construct HTML from JS strings, it only causes trouble if you forget to encode values that should be encoded. Also it is a pain to read and maintain.
– H.B.
Mar 7 at 22:16
Please do not construct HTML from JS strings, it only causes trouble if you forget to encode values that should be encoded. Also it is a pain to read and maintain.
– H.B.
Mar 7 at 22:16
@Marc - If you look at the end of my video tag, the value is being passed within it, and prependTo an ID. Not sure why it didn't wrap around. !
– Marcus
Mar 7 at 22:24
@Marc - If you look at the end of my video tag, the value is being passed within it, and prependTo an ID. Not sure why it didn't wrap around. !
– Marcus
Mar 7 at 22:24
@James - Thanks! I overlooked that!
– Marcus
Mar 7 at 22:26
@James - Thanks! I overlooked that!
– Marcus
Mar 7 at 22:26
|
show 1 more comment
1 Answer
1
active
oldest
votes
The html string is malformed. change this
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
to this
output += '<button onclick="g(''+ val.name +'')" >Help Me Here</button>';
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
Well, do you know who is a monkey's Uncle? LMBO...this guy right here! Thanks! Don't know how I continued to overlook this for 3 days now!
– Marcus
Mar 7 at 22:23
I'm glad it helped. Please accept the answer so it can help others as well.
– Nawed Khan
Mar 7 at 22:40
How do I do that? I voted it up, but how do I accept?
– Marcus
Mar 7 at 23:01
there should be a green checkmark next to the question.
– Nawed Khan
Mar 7 at 23:23
add a comment |
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%2f55053571%2fhow-do-i-pass-the-value-of-my-onclick-event-to-my-second-function%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The html string is malformed. change this
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
to this
output += '<button onclick="g(''+ val.name +'')" >Help Me Here</button>';
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
Well, do you know who is a monkey's Uncle? LMBO...this guy right here! Thanks! Don't know how I continued to overlook this for 3 days now!
– Marcus
Mar 7 at 22:23
I'm glad it helped. Please accept the answer so it can help others as well.
– Nawed Khan
Mar 7 at 22:40
How do I do that? I voted it up, but how do I accept?
– Marcus
Mar 7 at 23:01
there should be a green checkmark next to the question.
– Nawed Khan
Mar 7 at 23:23
add a comment |
The html string is malformed. change this
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
to this
output += '<button onclick="g(''+ val.name +'')" >Help Me Here</button>';
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
Well, do you know who is a monkey's Uncle? LMBO...this guy right here! Thanks! Don't know how I continued to overlook this for 3 days now!
– Marcus
Mar 7 at 22:23
I'm glad it helped. Please accept the answer so it can help others as well.
– Nawed Khan
Mar 7 at 22:40
How do I do that? I voted it up, but how do I accept?
– Marcus
Mar 7 at 23:01
there should be a green checkmark next to the question.
– Nawed Khan
Mar 7 at 23:23
add a comment |
The html string is malformed. change this
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
to this
output += '<button onclick="g(''+ val.name +'')" >Help Me Here</button>';
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
The html string is malformed. change this
output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';
to this
output += '<button onclick="g(''+ val.name +'')" >Help Me Here</button>';
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
answered Mar 7 at 22:15
Nawed KhanNawed Khan
2,9911618
2,9911618
Well, do you know who is a monkey's Uncle? LMBO...this guy right here! Thanks! Don't know how I continued to overlook this for 3 days now!
– Marcus
Mar 7 at 22:23
I'm glad it helped. Please accept the answer so it can help others as well.
– Nawed Khan
Mar 7 at 22:40
How do I do that? I voted it up, but how do I accept?
– Marcus
Mar 7 at 23:01
there should be a green checkmark next to the question.
– Nawed Khan
Mar 7 at 23:23
add a comment |
Well, do you know who is a monkey's Uncle? LMBO...this guy right here! Thanks! Don't know how I continued to overlook this for 3 days now!
– Marcus
Mar 7 at 22:23
I'm glad it helped. Please accept the answer so it can help others as well.
– Nawed Khan
Mar 7 at 22:40
How do I do that? I voted it up, but how do I accept?
– Marcus
Mar 7 at 23:01
there should be a green checkmark next to the question.
– Nawed Khan
Mar 7 at 23:23
Well, do you know who is a monkey's Uncle? LMBO...this guy right here! Thanks! Don't know how I continued to overlook this for 3 days now!
– Marcus
Mar 7 at 22:23
Well, do you know who is a monkey's Uncle? LMBO...this guy right here! Thanks! Don't know how I continued to overlook this for 3 days now!
– Marcus
Mar 7 at 22:23
I'm glad it helped. Please accept the answer so it can help others as well.
– Nawed Khan
Mar 7 at 22:40
I'm glad it helped. Please accept the answer so it can help others as well.
– Nawed Khan
Mar 7 at 22:40
How do I do that? I voted it up, but how do I accept?
– Marcus
Mar 7 at 23:01
How do I do that? I voted it up, but how do I accept?
– Marcus
Mar 7 at 23:01
there should be a green checkmark next to the question.
– Nawed Khan
Mar 7 at 23:23
there should be a green checkmark next to the question.
– Nawed Khan
Mar 7 at 23:23
add a comment |
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%2f55053571%2fhow-do-i-pass-the-value-of-my-onclick-event-to-my-second-function%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
where's the HTML you're targeting? what value IS being passed to the function?
– Marc
Mar 7 at 22:11
1
You need quotes around the string val.name in the line that writes out the onClick handler.
– James
Mar 7 at 22:11
Please do not construct HTML from JS strings, it only causes trouble if you forget to encode values that should be encoded. Also it is a pain to read and maintain.
– H.B.
Mar 7 at 22:16
@Marc - If you look at the end of my video tag, the value is being passed within it, and prependTo an ID. Not sure why it didn't wrap around. !
– Marcus
Mar 7 at 22:24
@James - Thanks! I overlooked that!
– Marcus
Mar 7 at 22:26