0
0 комментариев

Есть такой код, как на картинку добавить функцию onclick?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<style type="text/css">
#tabs<br />{<br />font-size:0.7em;<br />height:500px;<br />}<br />#city.ui-autocomplete-loading {background: url("ajaxload.gif") right center no-repeat;}<br />#img<br />{<br />float:left;<br />margin-top:10px;<br />margin-right:10px;<br />border:2px black solid;<br />}<br />#image{width:200px;}<br />#city{width:400px;}<br />#tabs-2 p,#tabs-3 p<br />{<br />font-size:1.2em;<br />}<br /></style>

<script type="text/javascript">
$(document).ready(function() {

   var country=["Австралия",
   "Австрия",
   "Азербайджан",
   "Аргентина",
   "Афганистан",
   "Бангладеш",
   "Беларусь",
   "Бразилия",
   "Великобритания ",
   "Вьетнам",
   "Германия",
   "Греция",
   "Грузия",
   "Дания",
   "Египет",
   "Израиль",
   "Ирак",
   "Иран",
   "Испания ",
   "Италия",
   "Канада",
   "КНР",
   "Куба",
   "Латвия",
   "Литва",
   "Мексика",
   "Монголия",
   "Нигерия",
   "Нидерланды ",
   "Пакистан",
   "Польша",
   "Португалия",
   "Россия",
   "Румыния",
   "Словакия",
   "Словения",
   "США",
   "Таджикистан ",
   "Таиланд",
   "Тунис ",
   "Турция",
   "Узбекистан",
   "Украина",
   "Филиппины",
   "Финляндия",
   "Франция",
   "Хорватия",
   "Черногория",
   "Чехия",
   "Швейцария ",
   "Швеция",
   "Эстония",
   "ЮАР",
   "Япония"];

   $("#tabs").tabs();

   var object=[
      {label:"Изображение 1",url:"mountimg.jpg", description:"Закат в горах, Ергаки.", coord:{lt:"52.854413",ln:"93.367310"}},
      {label:"Изображение 2",url:"mountimg1.jpg", description:"Вид на безымянную гору с озера 'Круглое', Кузнецкий Алатау.", coord:{lt:"53.815653",ln:"89.283829"}},
      {label:"Изображение 3",url:"mountimg2.jpg", description:"Озеро 'Харлыкголь', Кузнецкий Алатау.", coord:{lt:"53.800245",ln:"89.268723"}},
      {label:"Изображение 4",url:"mountimg3.jpg", description:"Скала 'Два брата' (Парабола), Ергаки.", coord:{lt:"52.839225",ln:"93.397093"}}
];
   $("#image").autocomplete({source:object,select:function(event,ui){
      $("#wrap").css("display","block");
      $("#img").attr("src",ui.item.url);
      $("#desc").html(ui.item.description);
      $("#latitude").html(ui.item.coord.lt);
      $("#longitude").html(ui.item.coord.ln);
}});
});
</script>
<div id="tabs">
<ul>
 	<li><a href="#tabs-3">Оформление извлеченных данных</a></li>
</ul>
<div id="tabs-3">

Введите название изображения (введите к примеру "изо"): <input id="image" type="text" />
<div id="wrap" style="display: none; font-size: 1.2em;">

<img id="img" src="mountimg.jpg" width="200" height="170" /><b>Описание:</b> <span id="desc"></span>
<p id="cord"><b>Координаты месторасположения:</b>
Широта: <span id="latitude"></span> Долгота: <span id="longitude"></span></p>

</div>
</div>
</div>

 

vadim s. sabinich изменил статус на опубликованный 01.04.2023