如何编辑此代码HTML/CSS以使';选择';JS代码也复制2剪贴板


How to Edit this Code HTML/CSS to Make the 'Select' JS code also Copy 2 Clipboard?

嗨,伙计们,这里是全新的,我的第一个问题完全偏离了主题&尽管我学到了一些关于我的代码的东西,但最初的问题仍然没有得到回答(是的-PHPr请查看+评论将帮助你在其他领域帮助我)。。。所以我想这次我会再尝试一下更简单的东西

好的,所以这个网站是NFOPic.com——正如你从页面上看到的(如果你上传一个txt文件并转换为png),png下面的代码显示&如果单击"直接链接单击此处"文本,它将"选择"INPUT"区域中的所有内容。我需要知道的是-:

  • 如何添加一个小链接在最右边下面或首选内联旁边的输入区域与'选择&"复制",单击时会将内部链接复制到剪贴板。这当然必须适用于所有主要的浏览器[FireFox,Safari,Chrome,Chromium Based(Torch,EpicPrivacy,Comodo Dragon等等)和Opera等等…(旧的IE一点都不重要,新的7/8+IE不是很重要,但如果它能起作用就太好了。)

原始代码:

 <div id="direct_link">
                <label for="link">Direct link to this image</label><br />
                <input id="link" readonly onfocus="$(this).select()" />

样式.css

/* start add 10.07.2014 DrTech76 */
#direct_link
{
    display:none;
    margin: 1.5em 0;
}
#direct_link label
{
    display:block;
    clear:both;
}
#direct_link #link
{
    width:60%;
}
/* end add 10.07.2014 DrTech76 */

小问题(x2,如果你有时间的话):A)我如何使INPUT字段足够长以保持链接?(右边有一个空位,因为图像编号最多增加2-4个字符,还有一个空位。我知道TextArea的,但INPUT字段太满了,我需要帮助!)B) 此外,我不知道通过/get_Image.php到"直接图像链接"的"链接"在哪里=img_75886996=dl类型的PHP链接由此显示,与显示链接的新HTML代码部分相关的唯一文本是Input字段&style.css,没有提到我能看到的任何类型的代码,这些代码会显示"链接"或那个精确的链接-我知道get_image.php是如何在我阅读它时获得链接的,我无法获得的是在INPUT字段中没有任何代码或php,它知道显示这个吗如果你有时间,请帮我解释一下

atm太长了。外包的程序员的英语不太好,所以TEXTAREA变成了INPUT(因为我有一个CodePen.io链接为"选择和复制"代码添加了书签,但在这个设置上不起作用(反正书签现在已经丢在我那本旧XP笔记本上了)。。所以无论如何,这是最初的想法,尽管INPUT可以,如果可以添加相同的功能(请?)

最初的编码者是一名来自印度的学生,他需要为他的学校项目做一些编码,作为一个社区创意项目集体(非营利组织),我们很乐意帮助他完成项目&将他的第一份"工作"添加到他的新投资组合中(带有简历/简历参考)。。。不管怎样,他表现得很好,但英语不是很懂。他误解的另一件事是在我最初(第一)问题的代码中。他添加[dl]来隐藏图像的"来源",但IMG Host一直在这么做&似乎一点也不打扰他们!可以添加Index.html文件&也许是.htaccess中的一些内容,但我的计划是(因为我基本上可以阅读和理解大多数PHP,我仍在开发mySQL(&isset、mySQL_fetch_assoc、内爆、爆炸、mySQL_query等许多字符串我都能弄清楚他们要什么,但所有的"."等都让我困惑)。。很抱歉,我在TEXTAREA中添加了论坛链接、直接链接、链接到页面(即=dl链接),所以当在VPS服务器上准备好时,可以取消评论以允许热链接,只需使用"直接链接到图像"(在页面上)选项。。。不管怎样,一切都可以解决,希望这里的好人能解决很多问题。

感谢大家花时间读了这么长时间(当我回首往事时),但我认为有助于定义最初目标和我现在必须处理的内容的细节很重要,因为这是关于这个小PHP脚本的过去和未来的问题。尽管我很感激我仍然是一名新闻工作者;需要2找到一些我可以回答的问题&进一步阅读re:问题发布礼仪我向那些宁愿跳过细节的人道歉,我相信我会通过练习变得更好。

非常感谢所有世界卫生组织已经阅读&CAN&将在这个问题上帮助我(更确切地说是这些-小Q在里面)问题&希望我能在赛道的另一个区域服务,以回报所有人

请,~ jayism

在谷歌上快速搜索两次,您可以在这里找到所需的解决方案:

  • 小问题1(复制到剪贴板)是"如何在JavaScript中复制到剪贴板?"的副本
  • 小问题2(调整文本输入的宽度)是将"调整输入字段的宽度"复制到其输入

对不起,我不理解第二个小问题的B部分,也不理解下面的两段(它们甚至是问题吗?)

关于我们在上一个问题中提出的问题(就个人而言,应被视为这些小问题的首要任务),您在代码中存在严重的安全问题,因为它受到XSS和SQL注入的影响。