dcef3获取页面html代码

首先说一下 这个dcef3是个坑 很久没更新了 打印小票有时候会丢字

要获取页面的html代码先要有页面

chrm1.Load('www.xxxx.cn');

然后要加上一个回调函数

procedure CallbackGetSource(const src: ustring);
var
  source: ustring;
begin
  //src 就是html
  source := src;
end;

最后是调用获取

procedure TForm1.Button1Click(Sender: TObject);
var
  sHtml:string;
begin
  //这里开始获取html
  chrm1.Browser.MainFrame.GetSourceProc(CallbackGetSource);
end;

附上最新dcef3 的下载地址

控件传送门

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 HTML 影院选座模板,使用 jQuery 插件实现选座和订座效果的代码示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>影院选座</title> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jquery-seat-charts/1.0.6/jquery.seat-charts.min.css" /> <style> .container { margin: 50px auto; max-width: 800px; text-align: center; } .seatCharts-container { margin: 20px auto; } .seatCharts-row { margin: 5px; text-align: center; } .seatCharts-seat { width: 30px; height: 30px; margin: 5px; } .seatCharts-seat.available { background-color: #B9DEA0; } .seatCharts-seat.selected { background-color: #E6CAC4; } .seatCharts-seat.unavailable { background-color: #FFCACA; } .seatCharts-seat.focus { background-color: #F2F2BE; } .seatCharts-seat.active { background-color: #FF0000; } .seatCharts-seat.legend { margin-right: 10px; } </style> </head> <body> <div class="container"> <h1>影院选座</h1> <div id="seat-map"></div> <div id="legend"></div> <button id="book-btn">订座</button> </div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-seat-charts/1.0.6/jquery.seat-charts.min.js"></script> <script> var seatMap = { "a": [1, 1, 0, 1, 1], "b": [0, 1, 0, 1, 0], "c": [1, 0, 1, 0, 1], "d": [1, 0, 0, 1, 1], "e": [1, 1, 1, 0, 0], "f": [0, 0, 0, 1, 0] }; var seatCharts = $('#seat-map').seatCharts({ map: seatMap, naming: { top: false, getLabel: function(character, row, column) { return column; } }, legend: { node: $('#legend'), items: [ ["a", "available", "可选"], ["a", "selected", "已选"], ["a", "unavailable", "已售"] ] }, click: function() { if (this.status() == 'available') { return 'selected'; } else if (this.status() == 'selected') { return 'available'; } else { return this.style(); } } }); $('#book-btn').click(function() { var selectedSeats = seatCharts.find('selected').seatIds; if (selectedSeats.length == 0) { alert('请先选择座位!'); } else { alert('您已成功订座:' + selectedSeats.join(', ')); } }); </script> </body> </html> ``` 在上面的代码中,我们首先引入了 jQuery 座位选择插件的 CSS 和 JavaScript 文件,然后创建了一个包含座位选择图和订座按钮的页面结构。在 JavaScript 部分,我们定义了一个座位图的数据对象 `seatMap`,其中每一行表示一个座位排,每一个数字表示这个位置的座位状态,0 表示已售,1 表示可选。然后使用 `seatCharts()` 方法初始化了座位选择图,其中设置了座位图的数据、座位编号的命名方式、座位状态的图例、座位的点击事件等选项。最后,我们为订座按钮绑定了一个点击事件,可以获取当前已选的座位编号并弹出订座成功的提示框。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值