`

php / js - > 实现一个简单的记事本

 
阅读更多

 

 

 

<!doctype html>
<html lang="en">
 <head>
	<meta charset="UTF-8">
	<meta name="Generator" content="EditPlus®">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<title>任务</title>
	<link type="text/css" rel="stylesheet" href=""/>
	<script src="" type="text/javascript"></script>

 </head>
 <body>
<?PHP

if(isset($_POST['update']) &&  $_POST['update']){
	$myfile = fopen("data.txt", "w") or die("Unable to open file!");
	$txt = $_POST['con'];

	fwrite($myfile, $txt);
	fclose($myfile);

	header("Location:./index.php?".rand(0,999));

}
?>

<style type="text/css">
	.box{width:500px;margin:0px auto}
</style>


<div class="box">
 <form method=post action="" name="" >
	<textarea style="font-size:14px;margin-top:10px;width:100%;height:400px;" name="con"  id="content"  ><?PHP echo file_get_contents("./data.txt");  ?></textarea><BR>	
	<input type="submit" id="btn_save"  style="width:300px;height:50px;background:blue;color:#fff" name="update" value="Update"><BR>
 </form>
</div>

<script language="javascript">
<!--

//ctrl + s 保存
document.onkeydown=function()   {
    if (event.ctrlKey == true && event.keyCode == 83) {//Ctrl+S
		document.getElementById("btn_save").click();
        event.returnvalue = false;
		return false;         
    }
 
}

// 将光标放到最后一个字符
var sr=document.getElementById("content");
var len=sr.value.length;
setSelectionRange(sr,len,len); //将光标定位到文本最后 

function setSelectionRange(input, selectionStart, selectionEnd) {
 if (input.setSelectionRange) {  
   input.focus();  
   input.setSelectionRange(selectionStart, selectionEnd);  
 }  
 else if (input.createTextRange) {  
   var range = input.createTextRange();  
   range.collapse(true);  
   range.moveEnd('character', selectionEnd);  
   range.moveStart('character', selectionStart);  
   range.select();  
 }  
} 
//\\===========

//-->
</script>

 

 </body>
</html>

 

分享到:
评论

相关推荐

    基于PHP的DCS在线记账记事本源码.zip

    【标题】"基于PHP的DCS在线记账记事本源码"是一个使用PHP编程语言开发的Web应用程序,主要用于个人或小型团队的财务管理与记录日常事务。它提供了一个便捷的在线平台,使得用户无需安装任何桌面软件,即可通过浏览器...

    php+mysql+ajax日历记事本

    在“php+mysql+ajax日历记事本”中,你需要创建一个数据库,并设计一个表来存储日期、时间、事件标题等信息。常见的表结构可能包括`id`(主键)、`title`(事件标题)、`start_date`(开始日期)、`end_date`(结束...

    php 日历记事本 以及数据库

    一个简单的数据库设计可能包括两个表:一个是`events`,用于存储事件信息,如事件ID、标题、描述、开始日期、结束日期等;另一个是`users`,用于存储用户信息,如用户名、密码、权限等。通过关联这两张表,我们可以...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"&gt;&lt;/div&gt; 四大标准属性: 1、id :定义元素在页面中...

    jQuery编写记事本

    在这个“jQuery编写记事本”项目中,我们将探讨如何利用jQuery技术和PHP实现一个功能完备的在线记事本应用。 首先,jQuery在记事本中的作用主要体现在用户界面的交互上。它可以帮助我们快速实现诸如点击事件、键盘...

    note-mysql.rar_php后台查询_记事_记事本

    【标题】"note-mysql.rar" 是一个包含PHP后台查询功能的网络记事本项目,主要涉及的技术点是MySQL数据库的交互以及前端记事本功能的实现。 【描述】这个项目的核心是创建一个基于Web的记事本应用,它允许用户进行...

    html语言教程PDF版

    - 这是一个简单的HTML文档,包含了一个标题和一段欢迎语。 2. **第二张网页**(02.htm) ```html &lt;html&gt; &lt;head&gt; &lt;title&gt;第一张网页&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p align="center"&gt;欢迎光临我的主页!&lt;/p&gt; &lt;/...

    学习网页制作教程。。。

    网页制作是IT领域中基础且重要的技能之一,尤其在...在掌握了这些基础知识后,你可以逐步探索更高级的前端框架,如Bootstrap、React或Vue.js,以及后端开发技术,如PHP、Node.js等,从而成为一个全面的Web开发者。

    PHP轻量级MarkDown云记事本系统

    Markdown是一种易读易写的标记语言,通过简单的符号就能实现丰富的文本样式,如粗体、斜体、标题、列表、代码块等,使得内容创作更为便捷。 该系统的设计理念是轻量化,这体现在它对服务器资源的低占用以及快速响应...

    基于PHP的DCS 在线记账记事本.zip

    【标题】"基于PHP的DCS在线记账记事本"是一个使用PHP编程语言开发的Web应用程序,旨在提供一个方便的在线平台,让用户能够轻松地进行个人或企业财务记录和日常事务管理。这个项目可能包括了数据库交互、用户界面设计...

    PHP实例开发源码—DCS 在线记账记事本.zip

    【标题】"PHP实例开发源码—DCS 在线记账记事本.zip" 提供了一个基于PHP语言的在线记账记事本的源代码实现。这个实例项目可以帮助开发者了解如何利用PHP构建一个功能完善的Web应用程序,特别是针对财务管理类的应用...

    FullCalendar日历组件任务增删改完整代码+后端

    以下是一个简单的初始化示例: ```javascript document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar...

    记事本的简单制作

    【标题】"记事本的简单制作"实际上指的是利用MySQL创建一个简单的电子记事本系统。这个系统可能是一个基础的数据管理工具,用户可以用来记录文本信息,类似于传统的纸质记事本,但具备数据库的特性,如数据存储、...

    第二代记事本最好用的记事本编程高手比用

    标题中的“第二代记事本”指的是一个更新、更先进的文本编辑器,它专为编程高手设计,提供了比传统记事本更多的功能和优势。在编程领域,一个好的文本编辑器是至关重要的,它能帮助程序员更高效地编写、调试和理解...

    网页编辑软件-超级记事本notepad++npp.6.3.Installer.zip

    Notepad++,被誉为超级记事本,是一款在Windows操作系统下广泛使用的开源文本编辑器。它以其强大的功能、简洁的界面和高效的性能,深受程序员和网页设计师的喜爱。在本文中,我们将深入探讨Notepad++的主要特点、...

    记事本工具

    记事本工具是计算机系统中最基础的文本编辑软件,它简单易用,通常用于创建、查看和修改纯文本文件。虽然它的功能相比专业级的文本编辑器如EditPlus 3较为简单,但作为日常的文本操作,记事本仍然扮演着不可或缺的...

    PHP+Mysql+FullCalendar日历拖动与数据保存

    在本项目中,“PHP+Mysql+FullCalendar日历拖动与数据保存”是一个结合了后端编程语言PHP、数据库管理系统MySQL以及前端日历插件FullCalendar的应用实例,旨在实现日程管理功能,允许用户通过拖放操作在日历上安排...

    kindeditor.js.zip

    总的来说,"kindeditor.js.zip"提供了一个完整的富文本编辑解决方案,涵盖了从基础编辑功能到高级特性的实现。开发者可以根据项目需求,通过自定义配置和扩展功能,轻松集成到自己的网页应用中,提升用户体验。同时...

    修改版的,两个不同的页面的 音乐也是不一样的,音乐可以自行替换 修改名字什么的,请自行用记事本打开修改 表白必备神器!

    这使得这个工具成为了一个极具个性化的表白神器,用户可以通过调整音乐和文字内容,打造属于自己的独特表白场景。 首先,我们要了解HTML的基础知识。HTML(超文本标记语言)是网页设计的基础,它由一系列标签构成,...

Global site tag (gtag.js) - Google Analytics