易语言转html网页

ding00010 · 发表于 2024-8-30 22:51:27

好哥哥们！！！！我想把这个易语言转到网页，但是不会HTML，这个程序一共两个个功能分割文本获取运单号到列表框，树型框，然后把全部运单号，或者选择某个人的复制出来就行了采纳后一包华子作为感谢

蟹黄憨包 · 发表于 2024-8-30 22:51:28

[HTML] 纯文本查看 复制代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, initial-scale=1.0"><title>运单号提取</title><style>body{font-family:Arial,sans-serif;margin:0;padding:0}.navbar{background-color:#f1f1f1;padding:10px;display:flex;border-bottom:1px solid#ddd}.navbar-item{margin-right:20px}.container{display:flex;height:calc(100vh-40px)}.table-container{flex:3;border-right:1px solid#ddd;padding:10px;overflow-y:auto}.side-container{flex:2;padding:10px}.input-box{margin-bottom:20px;width:100%;height:150px;padding:10px;border:1px solid#ddd;box-sizing:border-box}.button-container{display:flex;justify-content:space-between;margin-bottom:20px}.button{padding:5px 10px;cursor:pointer}.tree-view{height:300px;border:1px solid#ddd;overflow-y:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid#ddd;padding:8px;text-align:left}</style></head><body><div class="navbar"><div class="navbar-item">运单号提取</div></div><div class="container"><div class="table-container"><table><thead><tr><th>运单号</th><th>寄件客户</th><th>收货客户</th><th>物品名称</th><th>重量</th></tr></thead><tbody><tr><td>123456</td><td>客户A</td><td>客户B</td><td>电子产品</td><td>5kg</td></tr></tbody></table></div><div class="side-container"><textarea class="input-box"placeholder="请输入内容..."></textarea><div class="button-container"><button class="button">解析</button><button class="button">全部单号复制</button></div><div class="tree-view">树状图</div></div></div></body></html>

JS代码等你发了具体的数据再加

阿白不爱吃菜 · 发表于 2024-8-30 23:19:58

ai生写的

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>数据复制模拟</title>
<script>
// 模拟将文本复制到剪贴板的函数
function copyToClipboard(text) {
    navigator.clipboard.writeText(text).then(function() {
        alert('复制成功，内容:\n' + text);
    }, function(err) {
        alert('复制失败，请检查复制框内是否有数据');
    });
}

// 模拟列表框内单号全部提取复制的功能
function copyListNumbers() {
    var list = document.querySelectorAll('#listBoxContent li');
    var content = '';
    list.forEach(function(item) {
        content += item.textContent + '\n';
    });
    copyToClipboard(content);
}

// 模拟复制树形框父项目的运单号的功能
function copyTreeParentNumbers() {
    var tree = document.querySelectorAll('#treeBoxContent li');
    var content = '';
    tree.forEach(function(item) {
        if (item.classList.contains('parent-item')) {
            content += item.textContent + '\n';
        }
    });
    copyToClipboard(content);
}
</script>
</head>
<body>

<h2>列表框内单号全部提取复制</h2>
<button>复制列表框内容</button>
<ul id="listBoxContent">
    <li>单号1</li>
    <li>单号2</li>
    <li>单号3</li>
    <!-- 假设这里有更多的列表项 -->
</ul>

<h2>复制树形框父项目的运单号</h2>
<button>复制树形框父项目</button>
<ul id="treeBoxContent">
    <li class="parent-item">父项目1</li>
    <li>子项目1-1</li>
    <li>子项目1-2</li>
    <li class="parent-item">父项目2</li>
    <li>子项目2-1</li>
    <!-- 假设这里有更多的树形结构项 -->
</ul>

</body>
</html>

蟹黄憨包 · 发表于 2024-8-31 00:52:14

发一段测试数据出来

补充内容 (2024-8-31 01:13):
样本数据也不发，截图也没截怎么处理数据，让我们猜你数据干写吗

兼职软件开发 · 发表于 2024-8-31 00:59:07

您好，直接用网页js+html给您实现功能，需要联系我

police0909 · 发表于 2024-8-31 01:05:38

一包华字面值的精币！！

1425113841 · 发表于 2024-8-31 14:05:52

联系我名字

ding00010 · 发表于 2024-8-31 20:38:32

dzygb 发表于 2024-8-31 01:23
[mw_shl_code=html,false]运单号提取body{font-family:Arial,sans-serif;margin:0;padding:0}.navbar{backg ...

不好意思哥本来数据是放在源码里的忘记上传了

这个功能今天白天又确定不需要了

ding00010 · 发表于 2024-8-31 20:39:06

police0909 发表于 2024-8-31 01:05
一包华字面值的精币！！

没用过转账功能？？？？

		自动登录	找回密码
密码			注册

[已解决] 易语言转html网页

最佳答案

评分