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













0















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');










share|improve this question
























  • 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















0















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');










share|improve this question
























  • 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













0












0








0








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');










share|improve this question
















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 10 at 17:42









Mr Lister

35.3k1077121




35.3k1077121










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

















  • 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












1 Answer
1






active

oldest

votes


















1














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>';





share|improve this answer























  • 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










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
);



);













draft saved

draft discarded


















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









1














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>';





share|improve this answer























  • 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















1














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>';





share|improve this answer























  • 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













1












1








1







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>';





share|improve this answer













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>';






share|improve this answer












share|improve this answer



share|improve this answer










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

















  • 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



















draft saved

draft discarded
















































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.




draft saved


draft discarded














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





















































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







Popular posts from this blog

Identity Server 4 is not redirecting to Angular app after login2019 Community Moderator ElectionIdentity Server 4 and dockerIdentityserver implicit flow unauthorized_clientIdentityServer Hybrid Flow - Access Token is null after user successful loginIdentity Server to MVC client : Page Redirect After loginLogin with Steam OpenId(oidc-client-js)Identity Server 4+.NET Core 2.0 + IdentityIdentityServer4 post-login redirect not working in Edge browserCall to IdentityServer4 generates System.NullReferenceException: Object reference not set to an instance of an objectIdentityServer4 without HTTPS not workingHow to get Authorization code from identity server without login form

2005 Ahvaz unrest Contents Background Causes Casualties Aftermath See also References Navigation menue"At Least 10 Are Killed by Bombs in Iran""Iran"Archived"Arab-Iranians in Iran to make April 15 'Day of Fury'"State of Mind, State of Order: Reactions to Ethnic Unrest in the Islamic Republic of Iran.10.1111/j.1754-9469.2008.00028.x"Iran hangs Arab separatists"Iran Overview from ArchivedConstitution of the Islamic Republic of Iran"Tehran puzzled by forged 'riots' letter""Iran and its minorities: Down in the second class""Iran: Handling Of Ahvaz Unrest Could End With Televised Confessions""Bombings Rock Iran Ahead of Election""Five die in Iran ethnic clashes""Iran: Need for restraint as anniversary of unrest in Khuzestan approaches"Archived"Iranian Sunni protesters killed in clashes with security forces"Archived

Can't initialize raids on a new ASUS Prime B360M-A motherboard2019 Community Moderator ElectionSimilar to RAID config yet more like mirroring solution?Can't get motherboard serial numberWhy does the BIOS entry point start with a WBINVD instruction?UEFI performance Asus Maximus V Extreme