Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.02.2017, 14:20
Новичок на форуме
Отправить личное сообщение для qwer85 Посмотреть профиль Найти все сообщения от qwer85
 
Регистрация: 27.02.2017
Сообщений: 1

Как подключить onclick
Привет всем ,подскажите как подключить onclick к изображению,
есть картинки с
<img src="mountimg.jpg" width="60" height="60" onclick="fun_1(q1)">
<img src="mountimg1.jpg" width="60" height="60" onclick="fun_1(q2)">
,как этот onclick добавить к изображению 1,изображению 2
?
Код


<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>




<style type="text/css">
#tabs
{
font-size:0.7em;
height:500px;
}
#city.ui-autocomplete-loading {background: url("ajaxload.gif") right center no-repeat;}
#img
{
float:left;
margin-top:10px;
margin-right:10px;
border:2px black solid;
}
#image{width:200px;}
#city{width:400px;}
#tabs-2 p,#tabs-3 p
{
font-size:1.2em;
}
</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">
<p>Введите название изображения (введите к примеру "изо"): <input id="image" /></p>
<div id="wrap" style="display:none;font-size:1.2em;">
<img id="img" src="" width="60" height="60"/><br /><br />
<p><b>Описание:</b> <span id="url"></span>
<p><b>Описание:</b> <span id="desc"></span>
<p id="cord"><b>Координаты месторасположения:</b> <br />Широта: <span id="latitude"></span> Долгота: <span  id="longitude"></span></p>
</div>
</div>

Последний раз редактировалось qwer85, 27.02.2017 в 21:45.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сколько можно и как подключить контроллов на 1 страницу в mvc4? vip1987 Angular.js 3 13.11.2016 18:18
Как подключить файл обработки ajax запроса к своему проекту. St. AJAX и COMET 26 15.10.2016 06:53
Как извлечь адрес картинки, указанный внутри функции onclick? sidarvik Events/DOM/Window 19 04.02.2013 01:05
Как подключить UI Spinner? Dymytry jQuery 0 17.02.2011 19:00
Как в IE динамически установить значение события onClick? Гость Элементы интерфейса 6 16.01.2011 23:46