Допустим у меня есть сайт.
На одной из страниц у меня подключен скрипт.
jQuery.ajax({ url: "http://api.unit-online.ru/items?type=%D0%BE%D1%80%D1%83%D0%B6%D0%B8%D0%B5", dataType: "jsonp" }).done(function (result) {
jQuery("#nonlinecount1").html(result.count);
бла
бла
бла
a = jQuery("#nonlinePPS").html();
jQuery("#nonlinePPS").html(a+ "" + result.items.name+" ["+result.items[i].level+"]"+"<a href=\"http://unit-online.ru/item?id="+result.items[i].id+"\"target=\"_blank\"> <img src=http://блаблабла/ico_info.gif></a><br>");
В левой части страницы мы видим вот это http://petromi.com/get/eah4F6960de220ea0011
Как видно из кода, при нажатии на значок информации мы попадаем на http://unit-online.ru/item?id= +id ствола, например http://unit-online.ru/item?id=79
Теперь допустим что в правой части страницы у меня есть фрейм, в котором лежит:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Инфомация о предмете</title>
<style>
#content {
бла
}
.item-info {
бла
}
.common-params {
бла
}
.common-params div, .spec-params div {
бла
}
.item-name {
бла
}
.item-img {
бла
}
</style>
</head>
<body>
<script src="http://www.бла/js/jquery.js"></script>
<table>
бла бла
</table>
<script>
$.ajax({ url: "http://api.unit-online.ru/item", dataType: "jsonp", data: { id: 771 } }).done(function (data) {
if (data.status == "ok") {
var item = data.item;
var info = $("#content .item-info");
info.find(".item-name").text(item.name);
info.find(".item-img").html('<img alt="" src="' + item.image + '">');
var params = $('<div>');
for (var i = 0; i < item.params.length; ++i) {
if (item.params[i].name.lastIndexOf("Клетки", 0) === 0) {
info.find(".spec-params").append(
$('<div>').text(item.params[i].name + ": " + item.params[i].value)
).toggle();
} else {
params.append($('<table>').append(
$('<tr>').append(
$('<td>').text(item.params[i].name)).append(
$('<td class="value">').text(item.params[i].value))
)
);
}
}
info.find(".common-params").append(params);
$("#content .progress").toggle();
info.toggle();
} else if (data.status == "fail") {
$("#content").text("Отсутсвует информация о предмете с id = 771.");
}
});
</script>
</body>
</html>
В этом фрейме мы видим что-то похожее на http://petromi.com/get/eah4kC71eeb920ea0311 , только в других цветах/шрифтах.
Собственно, в чём мне нужна помощь?
Хотелось бы чтобы ([i]при нажатии на значок информации мы попадаем на http://unit-online.ru/item?id= +id ствола, например http://unit-online.ru/item?id=79), а нужно чтобы при нажатии id предмета передавался в скрипт во фрейме $.ajax({ url: "http://api.unit-online.ru/item", dataType: "jsonp", data: { id: 771 } }).done(function (data) {.
Если это вообще возможно, у меня не хватает знаний чтобы понять как это сделать. Если вы знаете как это сделать/ как сделать иначе, но с похожим эффектом, то пожалуйста напишите код/ дайте ссылку на литературу по данному вопросу/ на видео-урок.
P.S. Не нужно писать типо "читай про фреймы и скрипты", я это и так пытаюсь делать, но либо я тупой, либо не там ищу.
| OFFLINE / Окно в реальность | Просмотров: 4,132 |
|
