csxy_dgut202235010623
/
568tools
mirror of https://github.com/PJ-568/568tools.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

添加打开页内页功能

Browse Source
main
PJ568 2 years ago
parent f06d8ac76d
commit fe665b4e43
5 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File

3
css/tool_type.css
Unescape View File

@ -402,4 +402,7 @@ ins.adsbygoogle[data-ad-status="unfilled"]{
}
#rcb_menu>#rcb_t6{
display: none
}
#rcb_menu>#rcb_t7{
display: none
}

8
index.html
Unescape View File

@ -44,9 +44,11 @@
<li id="rcb_t4">↪&nbsp;前进</li>
<li id="rcb_t5">↻&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
<li id="rcb_t7">📖&nbsp;在页内页打开</li>
</ul>
</body>
</html>
<script src="lib/js/api.js"></script>
<script src="js/popup.js"></script>
<script src="/js/contextmenu.js"></script>
<script src="/lib/js/api.js"></script>
<script src="/js/popup.js"></script>
<script src="/js/contextmenu.js"></script>
<script src="/js/openLink.js"></script>

7
js/contextmenu.js
Unescape View File

@ -6,8 +6,10 @@ function RightClickMenu(e) {
rightMenu.style.display = 'block';
if (e.target.closest('a')) {
newTab.style.display = 'block';
if (document.write(location.href)=='https://tools.pj568.eu.org/') {document.querySelector('#rcb_t7').style.display = 'block'}
} else {
newTab.style.display = 'none';
document.querySelector('#rcb_t7').style.display = 'none';
}
let x = e.clientX, y = e.clientY,
menuWidth = rightMenu.offsetWidth, menuHeight = rightMenu.offsetHeight,
@ -20,7 +22,7 @@ function RightClickMenu(e) {
document.body.addEventListener('click', function () {
rightMenu.style.display = 'none';
});
// document.querySelector('#rcb_menu').addEventListener('click', function (e) {
rightMenu.addEventListener('click', function (e) {
switch (e.target.id) {
case "rcb_t1":
@ -40,7 +42,8 @@ rightMenu.addEventListener('click', function (e) {
break;
case "rcb_t6":
if (e.target.closest('a')) {
window.open(e.target.closest('a').getAttribute('href'), '_blank');
var url = encodeURIComponent(e.target.closest('a').getAttribute('href'));
window.open(url);
}
break;
default:

8
js/openLink.js
Unescape View File

@ -0,0 +1,8 @@
function openLink() {
var iframe = document.getElementById("myFrame");
var iframeSrc = iframe.getAttribute("src");
var encodedSrc = encodeURIComponent(iframeSrc);
var link = "/incert/?link=" + encodedSrc;
window.location.assign(link)
}

6
js/popup.js
Unescape View File

@ -39,7 +39,7 @@ function initData(){
list_html='',
sotreList=localStorage.getItem('list');
// 初始化
list_html+=`<div class="item info"><h2>欢迎使用<img class="mainicon" src="./img/icon.svg" />&nbsp;568Tools&nbsp;在线工具箱</h2><div id="ad_line" style="margin: 0 10px;"></div><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目，热门工具已被标记为浅蓝色。<a href="lib/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议，请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>，感谢使用及分享！</strong>本站欢迎<a rel="nofollow" target="_blank" href="./application">提交您的页面</a>，本站将持续更新。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用：<a rel="nofollow" target="_blank" href="/lib/app/568Tools_在线工具箱_First_Release.apk">安卓应用</a>。</p></div>`
list_html+=`<div class="item info"><h2>欢迎使用<img class="mainicon" src="./img/icon.svg"/>&nbsp;568Tools&nbsp;在线工具箱</h2><div id="ad_line" style="margin: 0 10px;"></div><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目，热门工具已被标记为浅蓝色。<a href="lib/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议，请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>，感谢使用及分享！</strong>本站欢迎<a rel="nofollow" target="_blank" href="./application">提交您的页面</a>，本站将持续更新。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用：<a rel="nofollow" target="_blank" href="/lib/app/568Tools_在线工具箱_First_Release.apk">安卓应用</a>。</p></div>`
// 初始化结束
if(!!sotreList){
sotreList=JSON.parse(sotreList);
@ -65,7 +65,7 @@ function initData(){
}
// 后补
nav_html+=`<a href="#0" target="_self">页内页</a><a href="#-1" target="_self">项目贡献者</a><a href="#-2" target="_self">Star&nbsp;历史</a>`
list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe src="https://Tools.PJ568.eu.org/about/" class="page"></iframe><a href="https://Tools.PJ568.eu.org/incert/?link=" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/lib/graphs/contributors" target="_blank"><img src="https://contrib.rocks/image?repo=PJ-568/568tools"/></a></div></div><div id="-2" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div>`
list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe id="myFrame" src="/about/" class="page"></iframe><a onclick="openLink()" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/lib/graphs/contributors" target="_blank"><img src="https://contrib.rocks/image?repo=PJ-568/568tools"/></a></div></div><div id="-2" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div>`
// 后补结束
nav.innerHTML=nav_html;
list.innerHTML=list_html;
@ -112,7 +112,7 @@ function setSearch(value){
for (var j in classify[i].list) {
var li = classify[i].list[j];
if (!!li.name && li.name.toLowerCase().indexOf(value) > -1) {
shtml += `<a class="ssli" idx="${i}_${j}" class="${li.hot==1 ? 'hot' : ''}" target="_self" title="${li.name}">${li.name}</a>`;
shtml += `<a class="ssli" idx="${i}_${j}"${li.hot==1 ? ' class="hot" ' : ''}target="_self" title="${li.name}">${li.name}</a>`;
}
}
}

Write Preview
Loading…
Cancel
Save