Что такое функция для добавления ссылки на графику в javascript в document.createElement? - PullRequest
Новая
       13

Что такое функция для добавления ссылки на графику в javascript в document.createElement?

0 голосов
/ 27 марта 2019

Я настраиваю временную шкалу, используя примеры из http://visjs.org/docs/timeline/#Example. Может кто-нибудь сказать мне, что мне нужно, чтобы добавить локальную ссылку к моей графике?

Я попробовал a.href, но, возможно, я делаю что-то не так. Вот фрагмент с закомментированным моим кодом: 

var item5 = document.createElement('div');
  item5.appendChild(document.createTextNode('item 5'));
  item5.appendChild(document.createElement('br'));
  var img5 = document.createElement('img');
  // img5.a.href = 'attachments/AddDuties.pdf';
  img5.src = 'icons/pdf1.png';
  img5.style.width = '48px';
  img5.style.height = '48px';
  item5.appendChild(img5);

Вот еще немного кода (я вырезал части, чтобы уменьшить размер, он работает, прежде чем добавить свой собственный код ниже на изображение 5 :). Изображение 5 - это то, что я хочу связать графику с файлом. 

  <title>Timeline | Basic demo</title>
  <script src="vis-4.21.0/dist/vis.js"></script>
  <link href="vis-4.21.0/dist/vis.css" rel="stylesheet" type="text/css" />
</head>
<body>'
<script>
  // create a couple of HTML items in various ways

  var item1 = document.createElement('div');
  item1.appendChild(document.createTextNode('item 1'));

  var item4 = 'item <span class="large">4</span>';

  **var item5 = document.createElement('div');
  item5.appendChild(document.createTextNode('item 5'));
  item5.appendChild(document.createElement('br'));
  var img5 = document.createElement('img');
  // img5.a.href = 'attachments/AddDuties.pdf';
  img5.src = 'icons/pdf1.png';
  img5.style.width = '48px';
  img5.style.height = '48px';
  item5.appendChild(img5);**

</body>

Я ожидаю, что смогу щелкнуть изображение и перейти по назначенной ссылке. Я знаю, как использовать href в HTML, я просто не знаю, какой код должен сказать javascript, как связать графику на изображении 5.

1 Ответ

0 голосов
/ 27 марта 2019

href является атрибутом для тега <a>.вы не можете добавить href к изображению.
Что вам нужно сделать, это создать элемент <a>, назначить ему нужную ссылку и
добавить img как дочерний элемент этого элемента <a>. 


<a href="{whatever you want}">
    <img src=....>
</a>

edit:
, если по какой-то причине вы не можете обернуть изображение с помощью <a>, которое вы можете назначить и id для изображенияа затем добавьте прослушиватель событий для клика, который перенаправит вас.

...