Подскажите как подключить onclick к изображению

@qwer85 · Регистрация: 27.02.2017

Author24 — интернет-сервис помощи студентам

Привет всем ,подскажите как подключить onclick к изображению,
есть картинки с

HTML5

1 2	<img src="mountimg.jpg" width="60" height="60" onclick="fun_1(1)"> <img src="mountimg1.jpg" width="60" height="60" onclick="fun_1(2)">

,как этот onclick добавить к изображению 1,изображению 2
?
Код

PHP/HTML

<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 · 07.03.2017, 19:29 **[ТС]**

В ЛС

Комментарий модератора

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

@Уф · 07.03.2017, 19:34

глянул. чтото поиск вообще не работает, и в консоли
Uncaught TypeError: Cannot read property 'jPlayer' of undefined

@qwer85 · 07.03.2017, 19:41 **[ТС]**

в поиске еще мало слов,плеер не отображается?

@Fedor92 · 07.03.2017, 19:59

qwer85, только в теме! Скрины, код и т.д., чтобы были!

Уф, тоже касается не первая уже тема...

@Уф · 07.03.2017, 20:08

друг. тебе просто нужно все причесать, итак. одно из правил программирования:
не повторяй себя!
Смотрим в твой код смены фона

Javascript

//фон страницы
$('#jp1').click(function() {  
setCookie('j1', 1, 365);  
eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');eraseCookie('j7');eraseCookie('j8');eraseCookie('j9');eraseCookie('j10');eraseCookie('j11');eraseCookie('j12');eraseCookie('j13');eraseCookie('j14');eraseCookie('j15');eraseCookie('j16');eraseCookie('j17');eraseCookie('j18');eraseCookie('j19');eraseCookie('j20');eraseCookie('j21');  
$('body').css('background-image', 'url("../cool-3D-car-Wallpaper-Best-A411-34027672-1920x1080%20(1).jpg")');  
});  
$('#jp2').click(function() {  
setCookie('j2', 1, 365);  
eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');eraseCookie('j7');eraseCookie('j8');eraseCookie('j9');eraseCookie('j10');eraseCookie('j11');eraseCookie('j12');eraseCookie('j13');eraseCookie('j14');eraseCookie('j15');eraseCookie('j16');eraseCookie('j17');eraseCookie('j18');eraseCookie('j19');eraseCookie('j20');eraseCookie('j21');    
$('body').css('background-image', 'url("../nevple/fon/1.jpg")');  
});  
$('#jp3').click(function() {  
setCookie('j3', 1, 365);  
eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');eraseCookie('j7');eraseCookie('j8');eraseCookie('j9');eraseCookie('j10');eraseCookie('j11');eraseCookie('j12');eraseCookie('j13');eraseCookie('j14');eraseCookie('j15');eraseCookie('j16');eraseCookie('j17');eraseCookie('j18');eraseCookie('j19');eraseCookie('j20');eraseCookie('j21');    
$('body').css('background-image', 'url("../nevple/fon/2.jpg")');  
});  
$('#jp4').click(function() {  
setCookie('j4', 1, 365);  
eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6');eraseCookie('j7');eraseCookie('j8');eraseCookie('j9');eraseCookie('j10');eraseCookie('j11');eraseCookie('j12');eraseCookie('j13');eraseCookie('j14');eraseCookie('j15');eraseCookie('j16');eraseCookie('j17');eraseCookie('j18');eraseCookie('j19');eraseCookie('j20');eraseCookie('j21');    
$('body').css('background-image', 'url("../nevple/fon/3.jpg")');  
});

как думаешь не лучше ли было бы заменить это все одной конструкцией. зачем для каждой куки ставить свое имя?

Javascript

//фон страницы
 
$('img.grow1').click(function() {  
    setCookie('fon', $(this).attr('src'), 365);  
    $('body').css('background-image', 'url("'+$(this).attr('src')+'")');  
});
 
$('body').css('background-image', 'url("'+getCookie('fon')+'")');

все. дальше конечно нужно смотреть как ты там ссылки на картинки и радио хранишь в миллионе переменных, надо все в одну увязать, а кнопка загрузить еще это не втыкание готовой страницы 2.html, а сделать просто построение следующих 20 допустим картинок из объекта с описанием

Добавлено через 6 минут
Fedor92, да ок, все простыни кода только немного лень постить, можно только саму суть? и зачем из фидла код репостить? думаете у них сайт закроется? вроде нельзя удалить там сохраненные проекты, кстати у них api есть можно на форум прикрутить чтобы при нахождении ссылки он автоматом код втыкал из фидла в пост http://doc.jsfiddle.net/api/post.html#input это была бы манна небесная и избавление от половины ваших трудов по репосту кода, я уверен и в парочке других популярных песочниц есть подобное

@Fedor92 · 07.03.2017, 20:15

Сообщение от Уф

Fedor92, да ок, все простыни кода только немного лень постить, можно только саму суть?

Нужно для будущих поколений, чтобы все у кого возникнут подобные проблемы могли воспользоваться Вашими трудами... Тем более пишите полезный код и не две строчки... Зачем ему зря пропадать?

Сообщение от Уф

и зачем из фидла код репостить?

Был прецедент, когда у фидла отвалились сервера, медным тазом накрылся код размещённый на форуме... С тех пор перестраховываемся и дублируем код на форуме, печочница лишь приятный бонус для ТС и всех кто будет читать тему... Кстати, рекомендую вступить на форуме во фрилансеры, если Вы ещё не вступили и при приглашении в ЛС объясняйте новичкам, что темы обсуждаем только на форуме, все нюансы в ЛС, мне меньше работы и пользы от темы больше... Удачи в разработках!

Кстати, для удобства переноса кода из фидла имеется userscript

@Уф · 07.03.2017, 20:29

Fedor92, спасибо за скрипт, добавил в закладки, завтра позапускаю, можно было мне сразу ссылку на него дать

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	07.03.2017, 19:34	42
	глянул. чтото поиск вообще не работает, и в консоли Uncaught TypeError: Cannot read property 'jPlayer' of undefined 0

@qwer85 0 / 0 / 0 Регистрация: 27.02.2017 Сообщений: 22
	07.03.2017, 19:41 [ТС]	43
	в поиске еще мало слов,плеер не отображается? 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	07.03.2017, 20:15	46
	Сообщение от Уф Fedor92, да ок, все простыни кода только немного лень постить, можно только саму суть? Нужно для будущих поколений, чтобы все у кого возникнут подобные проблемы могли воспользоваться Вашими трудами... Тем более пишите полезный код и не две строчки... Зачем ему зря пропадать? Сообщение от Уф и зачем из фидла код репостить? Был прецедент, когда у фидла отвалились сервера, медным тазом накрылся код размещённый на форуме... С тех пор перестраховываемся и дублируем код на форуме, печочница лишь приятный бонус для ТС и всех кто будет читать тему... Кстати, рекомендую вступить на форуме во фрилансеры, если Вы ещё не вступили и при приглашении в ЛС объясняйте новичкам, что темы обсуждаем только на форуме, все нюансы в ЛС, мне меньше работы и пользы от темы больше... Удачи в разработках! Кстати, для удобства переноса кода из фидла имеется userscript 1

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	07.03.2017, 20:29	47
	Fedor92, спасибо за скрипт, добавил в закладки, завтра позапускаю, можно было мне сразу ссылку на него дать 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	07.03.2017, 19:59	44
	qwer85, только в теме! Скрины, код и т.д., чтобы были! Уф, тоже касается не первая уже тема... 0