- 【antdv4.0FormItem更新tooltip属性引发的思考】
北京时间2023-10-19,ant-design-vue最近发布了4.0.4-4.0.6的小版本更新,其中4.0.4新增了对Form组件中FormItem的tooltip属性支持,这个功能我觉得在后台管理场景下还是非常实用的,tooltip属性作用于FormItem中的FormItemLabel区域,用来配置提示信息,当用户不确定该行的用处或者不知道填什么内容时,可以作为input里placeh
- ikun-ui v0.2.7版本发布:组件功能增强与体验优化
时琦旖
ikun-uiv0.2.7版本发布:组件功能增强与体验优化ikun-ui是一个基于Svelte框架构建的现代化UI组件库,专注于为开发者提供高质量、易用的前端组件。在最新发布的v0.2.7版本中,团队对多个核心组件进行了功能增强和体验优化,特别是在交互体验和视觉表现方面有了显著提升。组件功能增强工具提示与弹出框组件优化工具提示(Tooltip)和弹出框(Popover)组件新增了两项实用的交互控制
- TextTipsPlus 多行省略 + Tooltip 提示组件
JaysonJin
实用组件库vue.jsjavascript前端
TextTipsPlus多行省略+Tooltip提示组件✅功能亮点功能说明多行省略通过line-clamp控制显示行数,默认单行动态宽度支持传入width(数值或百分比/字符串)Tooltip超出显示自动判断是否超出容器,超出后显示完整tooltip插槽支持支持插入复杂结构(文本、图标、HTML等)i18n支持插槽和text均可支持$t()组件源码(TextTipsPlus.vue){{$t(te
- MATLAB App Designer基础教程 Matlab GUI入门(二)
Sunshine_Cherish
学习笔记Matlabmatlab开发语言程序人生
MATLABGUI入门第二天——Lamp(灯)霓虹灯控件的使用一、主要内容:技巧1.Tooltip的使用2.Vislble和Enable3.lf函数语句的使用需求:根据阈值进行提示1.红色温度过高>=500⒉橙色温度适中400~5003.蓝色温度过低=500app.lamp.Color="1,0,0";app.show_tips.Text="温度过高!";elseifvalue=400app.la
- html 推荐三角角标,纯CSS实现箭头、气泡让提示功能具有三角形图标
weixin_39948247
html推荐三角角标
演示地址:CSSTrianglesDemo本文两种实现方式:使用或不使用before和:after伪元素(伪类,pseudo-elements)最近重新设计了我的网站,准备添加tooltips提示信息效果.实现很容易,但我想要让提示功能具有三角形的指示图标。当我重新思考想要所设计的每个图标颜色都随心所欲的时候,采用图片那就是一场灾难。幸运的是,MooTools的核心开发者DarrenWaddell
- 新建笔记源码
无数碎片寻妳
海陆空自动化学习方案笔记java前端
v1#NoEnv#Persistent#SingleInstanceForceSendModeInputSetWorkingDir%A_ScriptDir%SetBatchLines-1;设置坐标模式CoordMode,Mouse,ScreenCoordMode,ToolTip,ScreenCoordMode,Gui,Screen;---全局变量---globalTyporaConfigFile:
- vue3中element-plus修改el-tooltip的宽度
selfsuer
vue.jsjavascript前端
注意选中的样式是:deep(.el-popper.is-dark){max-width:30%!important;}也有可能不需要后面的.is-dark,看情况而定,总之不是.el-tooltip修改el-tooltip的显示高度参考:前端字数太多使用el-table设置show-overflow-tooltip显示不下,闪烁不显示_某页面的el-table统一开启show-over-toolt
- w笔记--axisPointer 的不同层级的优先级
axisPointer的不同层级的优先级在ECharts中,axisPointer配置存在不同层级的定义(如tooltip中的axisPointer、坐标轴xAxis/yAxis中的axisPointer),它们的优先级和作用范围有特定规则:axisPointer的作用与配置层级axisPointer用于配置坐标轴指示器(即鼠标悬浮到坐标轴、数据系列时,显示的辅助线/阴影等提示元素),可在两个层级
- vue2项目开发中遇到的小问题
0716*_zwj
前端javascript开发语言
1.show-overflow-tooltip表格文字超出宽度,显示省略号,使用show-overflow-tooltip鼠标放上去会有一个提示框,但是文字太多的情况下,提示框文字会被吃一两个//改造table的tooltip样式,宽度不能为100%不然字体太多还是会丢失几个字(这个样式我是放在全局的).el-tooltip__popper.is-dark{max-width:50%;}
- echarts饼图使用tooltip详细介绍(鼠标移入显示的部分)和饼图数据显示不全的问题和echarts起始位置改变
小猫猫改bug
echarts前端javascript
自定义显示的内容:paremas打印出来以后,marker是异常前面的颜色块,a.b.c为自定义的内容2.饼图数据显示不完全:问题描述:写项目时遇到一个bug,当后端返回的数据过小,饼图会不显示,只需要在series里面加上这样的代码:minAngle:15,//最小的扇区角度(0~360),用于防止某个值过小导致扇区太小影响交互avoidLabelOverlap:true,//是否启用防止标签重
- leaflet使用draw插件测量距离和面积
翠莲
webgisvue
官网在线例子draw插件在线预览我的测量预览图:按照文档给出的例子,先引入这个插件,采用import形式import"leaflet-draw";import"leaflet-draw/dist/leaflet.draw.css";初始化使用插件//添加画图的提示信息L.drawLocal.draw.handlers.polyline={tooltip:{start:"点击地图开始画线",cont
- echarts tooltip 无法正常显示
在vue3中,无法正常显示tooltip,根据echarts官网配置项正确配置:constoption=reactive({title:{text:'用户操作平均时长',},//正确配置tooltip:{show:true,trigger:'axis'}})未出现tooltip原因:初始化ecahrts的时候用ref保存了echarts实例,实际上应该用shallowRefconstlineCha
- ECharts 提示框(tooltip)居中显示位置的设置技巧
技术需要沉淀gogo
echartsecharts前端javascript
在使用ECharts开发可视化图表时,默认的tooltip会显示在鼠标右侧。这种默认行为在某些布局中可能会导致遮挡、偏移或视觉不居中。为了让用户获得更优的交互体验,我们可以通过手动设置tooltip.position函数,实现提示框在鼠标下方居中显示的效果。1、默认问题ECharts默认的tooltip会显示在鼠标右边,如果鼠标靠近图表右侧边缘时,tooltip可能会:超出图表边界遮挡关键信息视觉
- 【sgImportBtn】自定义组件:导入按钮(支持上下文关联导出菜单,配置下载导入Excel模板按钮命令、样式、图标路径等)
你挚爱的强哥
Vue.jsSg.js框架vue.jsjavascriptecmascript
sgImportBtn.vue{{dropdownItems[0].label}}{{item.label}}exportdefault{name:"sgExportBtn",components:{},data(){return{form:{},disabled:false,placement_dropdown:`bottom-end`,placement_tooltip:`top-end`,t
- Easyui悬停组件
后会无期77
前端碎碎练easyui前端javascript
文章目录一、EasyUI官方悬停解决方案:Tooltip组件1.基础用法2.高级配置项二、进阶场景:Datagrid表格悬停扩展1.监听行事件2.第三方扩展包(流云大神版)三、自定义悬停样式四、常见问题解决在EasyUI中,没有直接命名为“悬停组件”的独立控件,但可通过其核心组件(如tooltip)或扩展功能实现悬停效果。以下是具体实现方式及示例:一、EasyUI官方悬停解决方案:Tooltip组
- a-tooltip偏移量不生效
兔老大的胡萝卜
前端javascripthtml
trigger.parentNode":align="{offset:[0,-10],//[x,y]偏移}">偏移量设置最好使用align,直接offse没生效
- 绘制自己组合的k线图_pyecharts 绘制参考线和策略线的K线图
weixin_39623355
绘制自己组合的k线图
1、绘制流程1)构造Kline对象kline=Kline()添加数据kline.add_xaxis(xaxis_data=x_data)kline.add_yaxis(yaxis_data=y_data)全局配置kline.set_global_opts(可配置内容包括:提示框(opts.TooltipOptsx)、区域缩放(opts.DataZoomOptsy)、视觉映射配置项(opts.Vis
- CSS attr() 函数详解
liangshanbo1215
CSS前端扩展css前端
attr()是CSS中的一个函数,用于获取HTML元素的属性值并在样式中使用。虽然功能强大,但它的应用有一些限制和注意事项。基本语法element::pseudo-element{property:attr(attribute-name);}可用场景1.在伪元素的content属性中使用(最常用)悬停查看提示div::after{content:attr(data-tooltip);display
- 1、Block UI 控件属性中英文对照表(基本)
机台克星
NX二次开发uic++
1.标签位图常规BlockID控件idEnable是否可选/禁用控件Group组Label标题Show是否可见特定于块BalloonTooltipImage动态提示图片(鼠标移动到控件是显示图片)BalloonTooltipLayout动态提示布局BalloonTooltipText动态提示文本内容Bitmap指定图片DisplayBitmaplable是否显示标题HighQualitBitmap
- echart之堆叠柱状图自定义tooltip内容兼tooltip悬浮位置调整
我家老板是小仙女
echartecharts
echart之堆叠柱状图自定义tooltip内容兼tooltip悬浮位置调整由于业务要求如下:(1)排序:根据柱状组成结构,从上到下保持一致,银票-电票-白名单、银票-电票-灰名单、商票-外部商票、商票-T票通(2)标签:根据柱状组成结构,从左到右,银票-电票-白名单、银票-电票-灰名单、商票-外部商票、商票-T票通然而echart堆叠柱状图的渲染机制是柱状图从下往上的,所以第一条数据是排在最底层
- JavaScript实现鼠标悬停提示层的完整教程
veritascxy
本文还有配套的精品资源,点击获取简介:在JavaScript编程中,实现鼠标悬停提示层是提升用户交互体验的重要方式。本文介绍如何使用CSS和JavaScript创建和控制提示层(tooltip),使其在用户鼠标悬停时显示相关详细信息,并在鼠标移开时隐藏。具体包括了tooltip的样式设计、显示与隐藏逻辑处理以及位置调整等关键步骤。此外,文中还建议了代码封装和响应式设计的考虑,以适应不同设备的需求。
- html鼠标移动到图片上显示冒泡框,Bootstrap 教程 - 提示冒泡(Tooltip)
weixin_39965881
提示冒泡(Tooltip)使用CSS3为CSS和JavaScript添加自定义Bootstrap工具提示的文档和示例,用于本地标题存储的动画和数据属性。概览使用提示冒泡持件时应了解以下:Tooltip提示冒泡组件依赖于Popper.js,你必须将popper.min.js文件放在bootstrap.js之前调用,或者使用bootstrap.bundle.min.js/bootstrap.bundl
- 使用echarts(三)自定义图表仪表盘
沉、睡
jspythonjava数据可视化css
自定义仪表盘样式如下代码如下Document//基于准备好的dom,初始化echarts实例varmyChart=echarts.init(document.getElementById('main'));//指定图表的配置项和数据varoption={tooltip:{formatter:'{a}{b}:{c}M/S'},//toolbox:{//重置,保存图片//feature:{//rest
- 使用 ECharts 在 Vue3 中柱状图的完整配置解析
技术需要沉淀gogo
echartsvue.jsechartsjavascript
一、初始化图表实例constchart=echarts.init(chartRef.value);二、Tooltip提示配置tooltip:{trigger:'axis',axisPointer:{type:'line'//支持'line'或'shadow'类型,指示器样式},backgroundColor:'rgba(0,0,0,0.7)',textStyle:{color:'#fff'},fo
- Flutter之PopupMenuButton
夢鑰
flutterflutterflutter
constPopupMenuButton({Keykey,@requiredthis.itemBuilder,this.initialValue,//初始值,如果itemBuilder里该值,则会高亮显示this.onSelected,//选中弹出弹出选项的回调this.onCanceled,//点屏幕外取消回调,点击屏幕其他地方时调用this.tooltip,//this.elevation=8
- Vue之echarts圆饼图详解
xclhs
学习vueecharts圆饼图vue小白入门
圆饼图案例分析代码:option={ backgroundColor:'#2c343c', title:{ text:'CustomizedPie', left:'center', top:20, textStyle:{ color:'#ccc' } }, tooltip:{ trigger:'item', formatter:"{a}{
- WPF常用技巧汇总 - Part 2
Zhen (Evan) Wang
WPFwpf大数据java
WPF常用技巧汇总-CSDN博客主要用于记录工作中发现的一些问题和常见的解决方法。目录WPF常用技巧汇总-CSDN博客1.DataGridTooltip-Multiple2.DataGridTooltip-Cell值和ToolTip值一样3.DataGridTooltip-Cell值和ToolTip值不一样4.DataGrid-Ctrl+A/Ctrl+C复制的内容不是Cell的值5.DataGri
- CSS 文字超出范围显示省略号
有趣的小良
实际开发常见问题css3前端css开发语言
需要实现的效果是当文字太多的时候只显示一行或两行,其余文字用…省略号配合tooltip组件去显示的时候可以用css样式这样实现white-space:pre-wrap!important;overflow:hidden;//超过隐藏text-overflow:ellipsis;//设置省略号display:-webkit-box;-webkit-line-clamp:2;//设置行数,2显示可以显
- echarts 圆饼图空心中间加文字
tjh0001
varoption={title:{text:circularGraph.title,//标题文本left:"center",show:circularGraph.head//是否显示标题组件},tooltip:{trigger:"item",formatter:"{b}:{c}({d}%)"},legend:{show:true,orient:"horizontal",x:"center",y:
- echarts横向柱状图胶囊
花笙_
echartsecharts前端
echarts配置项tooltip:{trigger:'axis',//触发tooltip提示类型axis:坐标轴触发axisPointer:{type:'cross',//指示器类型cross:十字准星指示器crossStyle:{color:'#999'//线颜色}}},grid:{left:'0%',//离容器左侧的距离top:'5%',bottom:'3%',containLabel:tr
- java短路运算符和逻辑运算符的区别
3213213333332132
java基础
/*
* 逻辑运算符——不论是什么条件都要执行左右两边代码
* 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的
* 原理很简单,并联电路代表短路或(||),串联电路代表短路与(&&)。
*
* 并联电路两个开关只要有一个开关闭合,电路就会通。
* 类似于短路或(||),只要有其中一个为true(开关闭合)是
- Java异常那些不得不说的事
白糖_
javaexception
一、在finally块中做数据回收操作
比如数据库连接都是很宝贵的,所以最好在finally中关闭连接。
JDBCAgent jdbc = new JDBCAgent();
try{
jdbc.excute("select * from ctp_log");
}catch(SQLException e){
...
}finally{
jdbc.close();
- utf-8与utf-8(无BOM)的区别
dcj3sjt126com
PHP
BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF。而FFFE在UCS中是不存在的字符,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
- JAVA Annotation之定义篇
周凡杨
java注解annotation入门注释
Annotation: 译为注释或注解
An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
- tomcat的多域名、虚拟主机配置
g21121
tomcat
众所周知apache可以配置多域名和虚拟主机,而且配置起来比较简单,但是项目用到的是tomcat,配来配去总是不成功。查了些资料才总算可以,下面就跟大家分享下经验。
很多朋友搜索的内容基本是告诉我们这么配置:
在Engine标签下增面积Host标签,如下:
<Host name="www.site1.com" appBase="webapps"
- Linux SSH 错误解析(Capistrano 的cap 访问错误 Permission )
510888780
linuxcapistrano
1.ssh -v
[email protected] 出现
Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
错误
运行状况如下:
OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013
debug1: Reading configuratio
- log4j的用法
Harry642
javalog4j
一、前言: log4j 是一个开放源码项目,是广泛使用的以Java编写的日志记录包。由于log4j出色的表现, 当时在log4j完成时,log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类,但当时jdk1.4已接近完成,所以sun拒绝使用log4j,当在java开发中
- mysql、sqlserver、oracle分页,java分页统一接口实现
aijuans
oraclejave
定义:pageStart 起始页,pageEnd 终止页,pageSize页面容量
oracle分页:
select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart
sqlServer分页:
 
- Hessian 简单例子
antlove
javaWebservicehessian
hello.hessian.MyCar.java
package hessian.pojo;
import java.io.Serializable;
public class MyCar implements Serializable {
private static final long serialVersionUID = 473690540190845543
- 数据库对象的同义词和序列
百合不是茶
sql序列同义词ORACLE权限
回顾简单的数据库权限等命令;
解锁用户和锁定用户
alter user scott account lock/unlock;
//system下查看系统中的用户
select * dba_users;
//创建用户名和密码
create user wj identified by wj;
identified by
//授予连接权和建表权
grant connect to
- 使用Powermock和mockito测试静态方法
bijian1013
持续集成单元测试mockitoPowermock
实例:
package com.bijian.study;
import static org.junit.Assert.assertEquals;
import java.io.IOException;
import org.junit.Before;
import org.junit.Test;
import or
- 精通Oracle10编程SQL(6)访问ORACLE
bijian1013
oracle数据库plsql
/*
*访问ORACLE
*/
--检索单行数据
--使用标量变量接收数据
DECLARE
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
BEGIN
select ename,sal into v_ename,v_sal
from emp where empno=&no;
dbms_output.pu
- 【Nginx四】Nginx作为HTTP负载均衡服务器
bit1129
nginx
Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统,通过负载均衡服务器,可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器,可以带来很多好处:
负载均衡的好处
增加可用资源
增加吞吐量
加快响应速度,降低延时
出错的重试验机制
Nginx主要支持三种均衡算法:
round-robin
l
- jquery-validation备忘
白糖_
jquerycssF#Firebug
留点学习jquery validation总结的代码:
function checkForm(){
validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
errorElement :"span",// 使用"div"标签标记错误, 默认:&
- solr限制admin界面访问(端口限制和http授权限制)
ronin47
限定Ip访问
solr的管理界面可以帮助我们做很多事情,但是把solr程序放到公网之后就要限制对admin的访问了。
可以通过tomcat的http基本授权来做限制,也可以通过iptables防火墙来限制。
我们先看如何通过tomcat配置http授权限制。
第一步: 在tomcat的conf/tomcat-users.xml文件中添加管理用户,比如:
<userusername="ad
- 多线程-用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
bylijinnan
java多线程
public class IncDecThread {
private int j=10;
/*
* 题目:用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
* 两个问题:
* 1、线程同步--synchronized
* 2、线程之间如何共享同一个j变量--内部类
*/
public static
- 买房历程
cfyme
2015-06-21: 万科未来城,看房子
2015-06-26: 办理贷款手续,贷款73万,贷款利率5.65=5.3675
2015-06-27: 房子首付,签完合同
2015-06-28,央行宣布降息 0.25,就2天的时间差啊,没赶上。
首付,老婆找他的小姐妹接了5万,另外几个朋友借了1-
- [军事与科技]制造大型太空战舰的前奏
comsci
制造
天气热了........空调和电扇要准备好..........
最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........
所以,我们不得不关
- dateformat
dai_lm
DateFormat
"Symbol Meaning Presentation Ex."
"------ ------- ------------ ----"
"G era designator (Text) AD"
"y year
- Hadoop如何实现关联计算
datamachine
mapreducehadoop关联计算
选择Hadoop,低成本和高扩展性是主要原因,但但它的开发效率实在无法让人满意。
以关联计算为例。
假设:HDFS上有2个文件,分别是客户信息和订单信息,customerID是它们之间的关联字段。如何进行关联计算,以便将客户名称添加到订单列表中?
&nbs
- 用户模型中修改用户信息时,密码是如何处理的
dcj3sjt126com
yii
当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦,所有我想分享一下我是怎么处理的。
场景是使用的基本的那些(系统自带),你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。
面是它的工作流程: 当创建用户的时候密码需要加密并且保存,但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密,这
- 中文 iOS/Mac 开发博客列表
dcj3sjt126com
Blog
本博客列表会不断更新维护,如果有推荐的博客,请到此处提交博客信息。
本博客列表涉及的文章内容支持 定制化Google搜索,特别感谢 JeOam 提供并帮助更新。
本博客列表也提供同步更新的OPML文件(下载OPML文件),可供导入到例如feedly等第三方定阅工具中,特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
- js去除空格,去除左右两端的空格
蕃薯耀
去除左右两端的空格js去掉所有空格js去除空格
js去除空格,去除左右两端的空格
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
- SpringMVC4零配置--web.xml
hanqunfeng
springmvc4
servlet3.0+规范后,允许servlet,filter,listener不必声明在web.xml中,而是以硬编码的方式存在,实现容器的零配置。
ServletContainerInitializer:启动容器时负责加载相关配置
package javax.servlet;
import java.util.Set;
public interface ServletContainer
- 《开源框架那些事儿21》:巧借力与借巧力
j2eetop
框架UI
同样做前端UI,为什么有人花了一点力气,就可以做好?而有的人费尽全力,仍然错误百出?我们可以先看看几个故事。
故事1:巧借力,乌鸦也可以吃核桃
有一个盛产核桃的村子,每年秋末冬初,成群的乌鸦总会来到这里,到果园里捡拾那些被果农们遗落的核桃。
核桃仁虽然美味,但是外壳那么坚硬,乌鸦怎么才能吃到呢?原来乌鸦先把核桃叼起,然后飞到高高的树枝上,再将核桃摔下去,核桃落到坚硬的地面上,被撞破了,于是,
- JQuery EasyUI 验证扩展
可怜的猫
jqueryeasyui验证
最近项目中用到了前端框架-- EasyUI,在做校验的时候会涉及到很多需要自定义的内容,现把常用的验证方式总结出来,留待后用。
以下内容只需要在公用js中添加即可。
使用类似于如下:
<input class="easyui-textbox" name="mobile" id="mobile&
- 架构师之httpurlconnection----------读取和发送(流读取效率通用类)
nannan408
1.前言.
如题.
2.代码.
/*
* Copyright (c) 2015, S.F. Express Inc. All rights reserved.
*/
package com.test.test.test.send;
import java.io.IOException;
import java.io.InputStream
- Jquery性能优化
r361251
JavaScriptjquery
一、注意定义jQuery变量的时候添加var关键字
这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:
$loading = $('#loading'); //这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的
二、请使用一个var来定义变量
如果你使用多个变量的话,请如下方式定义:
. 代码如下:
var page
- 在eclipse项目中使用maven管理依赖
tjj006
eclipsemaven
概览:
如何导入maven项目至eclipse中
建立自有Maven Java类库服务器
建立符合maven代码库标准的自定义类库
Maven在管理Java类库方面有巨大的优势,像白衣所说就是非常“环保”。
我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下,然后全部添加到ide的构建路径中,如果用了SVN/CVS,这样会很容易就 把
- 中国天气网省市级联页面
x125858805
级联
1、页面及级联js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
&l