140 lines
4.1 KiB
HTML
140 lines
4.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<title>Просмотр RSS</title>
|
|
<body>
|
|
<br />
|
|
<form method="post" id="mySelect">
|
|
<label for="dropdown">Выберите:</label>
|
|
<select id="dropdown" name="dropdown" onchange="changeHiddenInput(this), loadFeed()">
|
|
<option value=null>-</option>
|
|
<option value="http://websvn.kolibrios.org/rss.php">Kolibrios</option>
|
|
<option value="http://www.windows93.net/rss">Win93</option>
|
|
</select>
|
|
<input type="hidden" name="hiddenInput" id="hiddenInput" value="" />
|
|
</form>
|
|
<br />
|
|
<div id="addFeed">
|
|
<form method="post" id="feedInput">
|
|
Название: <input type="text" id="myName"><br>
|
|
Адрес: <input type="url" id="myURL"><br>
|
|
</form>
|
|
<br />
|
|
<input type="submit" id="NewFeed" value="Добавить своё">
|
|
<input type="hidden" id="submit" value="Добавить">
|
|
</div>
|
|
<br />
|
|
<div id="rss">
|
|
</div>
|
|
</body>
|
|
|
|
<script>
|
|
|
|
var globalVariable;
|
|
var arrayOfLinks = [];
|
|
|
|
document.getElementById("submit").onclick = addFeed;
|
|
document.getElementById("feedInput").style.display="none";
|
|
document.getElementById("NewFeed").onclick = showForm;
|
|
|
|
window.onload = function load() {
|
|
var storedValue = localStorage.getItem("feed_urls");
|
|
var content_array = JSON.parse(storedValue);
|
|
var select = document.getElementById("dropdown");
|
|
var url = content_array.map(a => a.url);
|
|
var text = content_array.map(b => b.text);
|
|
for (var i = 0; i < url.length; i++) {
|
|
opt = document.createElement("option");
|
|
opt.value = url[i];
|
|
opt.textContent = text[i];
|
|
select.appendChild(opt);
|
|
}
|
|
}
|
|
|
|
function showForm() {
|
|
var x = document.getElementById("feedInput");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "block";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
var x = document.getElementById("NewFeed");
|
|
if (x.value=="Добавить!") x.value = "Добавить!";
|
|
else x.value = "Добавить!";
|
|
x.onclick = addFeed;
|
|
}
|
|
|
|
|
|
function addFeed() {
|
|
var myURL2 = document.getElementById("myURL").value;
|
|
var myName2 = document.getElementById("myName").value;
|
|
var select = document.getElementById("dropdown");
|
|
|
|
opt = document.createElement("option");
|
|
opt.value = myURL2;
|
|
opt.textContent = myName2;
|
|
select.appendChild(opt);
|
|
|
|
|
|
var x = document.getElementById("NewFeed");
|
|
if (x.value=="Add a New Feed") x.value = "Click to Add!";
|
|
else x.value = "Add a New Feed";
|
|
x.onclick = showForm;
|
|
|
|
var y = document.getElementById("feedInput");
|
|
if (y.style.display === "none") {
|
|
y.style.display = "block";
|
|
} else {
|
|
y.style.display = "none";
|
|
}
|
|
|
|
var existingEntries = JSON.parse(localStorage.getItem("feed_urls"));
|
|
if(existingEntries == null) existingEntries = [];
|
|
var entryURL = myURL2;
|
|
var entryText = myName2;
|
|
var entry = {
|
|
"url": entryURL,
|
|
"text": entryText
|
|
};
|
|
localStorage.setItem("entry", JSON.stringify(entry));
|
|
existingEntries.push(entry);
|
|
localStorage.setItem("feed_urls", JSON.stringify(existingEntries));
|
|
}
|
|
|
|
|
|
function changeHiddenInput(objDropDown) {
|
|
console.log(objDropDown);
|
|
var objHidden = document.getElementById("hiddenInput");
|
|
objHidden.value = objDropDown.value;
|
|
globalVariable = objHidden.value;
|
|
console.log(globalVariable);
|
|
}
|
|
|
|
function loadFeed() {
|
|
var url2= "https://api.rss2json.com/v1/api.json?rss_url=" + globalVariable;
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: url2,
|
|
dataType: 'jsonp',
|
|
success: function(data) {
|
|
console.log(data.feed.description);
|
|
console.log(data);
|
|
var obj=data.items
|
|
var tbl=$("<table/>").attr("id","mytable");
|
|
$("#rss").html(tbl);
|
|
for(var i=0;i<obj.length;i++)
|
|
{
|
|
var tr="<tr>";
|
|
var td1="<td>"+obj[i]["title"]+"</td>";
|
|
var td2="<td>"+obj[i]["description"]+"</td>";
|
|
var td3="<td>"+"<a href='"+ obj[i]["link"]+"'>"+obj[i]["link"]+"</a></td></tr>";
|
|
|
|
$("#mytable").append(tr+td1+td2+td3);
|
|
|
|
}
|
|
}
|
|
})};
|
|
|
|
</script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
|
</html>
|