creating dynamic html links with data

Asked Mar 23 '17 at 12:43

Active Mar 23 '17 at 12:48

Viewed 36 times

I want to create dynamic html links with data from AIPIFLICKR, I get the data from flickr so I just need to make the links with invisble date from author_id and when clicked on I need to get this in JS back my code (it works but not the links):

var output = "";
$.each(flickrresponse.items, function(index, value) {
  //console.log(index);
  output += '<div> <a href="">' +
    value.author + '</a><figure><img src="' +
    value.media.m + '" alt="' +
    value.title + '" title="' +
    value.title + '" /><figcaption>' +
    value.author + '</figcaption></figure></div>';
})
$('#output').html(output)

and then I need somthing like this:

$(document).ready(function() {

  $('a').on('click', function(e) {
    e.preventDefault();
    extrafeatures(datafromlink);
  });
});

edited Mar 23 '17 at 12:48

mplungjan

169,008
28
173
236

asked Mar 23 '17 at 12:43

Seppe Vandercammen

maybe help. – Roy Bogado Mar 23 '17 at 12:46
@Roy That is a horrible idea. The preventDefault works the same - he just needs to delegate: `$('#output').on("click","a",function() { ... });` – mplungjan Mar 23 '17 at 12:49
@mplungjan will return error on HTML validators... so.. is horrible idea? – Roy Bogado Mar 23 '17 at 12:49
He can add "javascriptneeded.html" or "#" instead of that ugly thing - anyway that was not his problem – mplungjan Mar 23 '17 at 12:50
Yep, but not leave it emtpy. – Roy Bogado Mar 23 '17 at 12:51
Sure - but that was not his problem. Only the validator will complain, not the browser. – mplungjan Mar 23 '17 at 12:51
Is `author_id` in `value`? If so, add it to e.g. `data-author='value.author_id'` and get that in the `click` function. – Arg0n Mar 23 '17 at 12:52
@Arg0n oke I will try this! thanks for the answers. – Seppe Vandercammen Mar 23 '17 at 13:03
@Arg0n Oke i can set the data but i can't retrieve it? 'var test =function (test) { console.log(test); } $(document).ready(function () { $('form').on('submit', flickrQuery); $('a').on('click', function (e) { e.preventDefault(); test($(this).data('author')); }); });' – Seppe Vandercammen Mar 23 '17 at 13:09
E.g. `$('
').data('author'); //1`.
– Arg0n Mar 23 '17 at 13:11

creating dynamic html links with data

0 Answers0