metalni

[szdnki] 2. kol jQuery

Jan 22nd, 2021 (edited)
535
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 2.10 KB | None | 0 0
  1. $(document).ready(function (){
  2.  
  3.     $("#dates > li").click(function (){
  4.         getData($(this).text())
  5.     })
  6.  
  7.     let index = 0;
  8.     function getData(date){
  9.         $("#strips").empty()
  10.         $.ajax({
  11.             url: "https://cors-anywhere.herokuapp.com/https://api.shortboxed.com/comics/v1/release_date/"+date,
  12.             dataType: "json",
  13.             success: function (data){
  14.                 $.each(data.comics, function (i, item){
  15.                     list_item = $("<li></li>")
  16.                     list_item.append("Title: " + item.title + " ;Price: " + item.price)
  17.                     list_item.attr("desc", item.description)
  18.                     list_item.attr("creators", item.creators)
  19.                     list_item.attr("index", index++)
  20.                     list_item.attr("clicked", "0")
  21.                     list_item.appendTo("#strips")
  22.                 })
  23.             }
  24.         })
  25.     }
  26.  
  27.     $(document).on("click", "#strips > li", function (){
  28.         if($(this).attr("clicked") === "0") {
  29.             $(this).append("<div id=" + $(this).attr('index') + "></div>")
  30.             $(this).attr("clicked", "1")
  31.             $("#" + $(this).attr("index")).html("Description: " + $(this).attr("desc") + " \nCreators: " + $(this).attr("desc"))
  32.             $("#" + $(this).attr("index")).append("<br><a href='http://www.delicious.com/'><img src='images/delicious.png'</a><a href='http://www.digg.com/'><img src='images/digg.png'</a><a href='http://www.facebook.com/'><img src='images/facebook.png'</a><a href='http://www.flickr.com/'><img src='images/flickr.png'</a><a href='http://www.linkedin.com/'><img src='images/linkedin.png'</a><a href='http://www.reddit.com/'><img src='images/reddit.png'</a><a href='http://www.twitter.com/'><img src='images/twitter.png'</a>")
  33.         } else{
  34.             $(this).attr("clicked", "0")
  35.             $("#" + $(this).attr('index')).empty()
  36.         }
  37.         // $("#info").hide()
  38.         // $("#desc").html($(this).attr("desc"))
  39.         // $("#creators").html($(this).attr("creators"))
  40.         // $("#info").appendTo($(this))
  41.         // $("#info").show()
  42.     })
  43.  
  44. })
Add Comment
Please, Sign In to add comment