允许用户在其网站上添加新链接?

时间:2014-07-07 18:38:41

标签: javascript php html css href

问题

我如何允许用户永久地向现有的链接列表添加新链接。优选地,如果可能的话,新链接将直接写入HTML文档,而不需要数据库来存储链接。

我不想使用像WordPress这样的内容管理系统,因为我认为这可以消除学习如何完成这些任务并滋生懒惰的任何可能性。 (我的意见)

背景

我正在为某人创建一个网站,我希望能够在没有我帮助的情况下更新他们网站的部分内容。

他们需要做的就是在一个网页上添加一个新链接到当前链接列表。该页面受到保护,只有在输入安全密码后才能访问它们。

这就是链接的显示方式,我只需要将新链接附加到底部并永久保存到html页面。

enter image description here

标记

<div class="content">
  <div id="media">
    <h3>Clients</h3>
    <h2><a href="http://www.purplegeckoevents.com">Purple Gecko Events</a></h2>
    <h2><a href="http://www.plymouthvolksfest.co.uk/">Plymouth Volksfest</a> </h2>
    <h2><a href="http://moriaty.co.uk/">Moriaty</a> </h2>
    <h2><a href="http://www.landofthegiantsmusic.co.uk/">Land of the Giants</a> </h2>
    <h2><a href="https://www.facebook.com/betamaxlive">Betamax</a> </h2>
    <h2><a href="https://www.facebook.com/hauntthewoodsofficia">Haunt the Woods</a></h2>
    <h2><a href="http://www.minglemusic.co.uk/">Mingle Music Agency</a> </h2>
  </div>
</div>

3 个答案:

答案 0 :(得分:2)

您需要一个数据库来存储所有这些链接。

然后你可以:

  1. 要显示链接 - 使用php从db获取所有链接并显示它们。 http://www.w3schools.com/php/php_mysql_select.asp
  2. 添加链接 - 使用表单输入链接(href,标题等)并插入db http://www.w3schools.com/php/php_mysql_insert.asp

答案 1 :(得分:0)

您最容易做的事情是迁移到WordPress并让他们使用它来管理他们的网页。这是一个简单的请求,但稍后您的客户端将要添加图像。或删除图像。或者更改主页上的标题等。

要么你向他们发送电子邮件请求并且你收费(在这种情况下你仍然可能想用WordPress节省你的时间),或者,你在WordPress上设置它们并进行初始设计然后教他们如何使用WordPress进行简单的任务,例如添加链接,让他们在未来的项目中请求更大的重新设计。

答案 2 :(得分:-1)

您可以编写一个简单的jQuery函数来使用文本框执行此操作:

<input type="text" id="name">
<input type="text" id="url">
<button id="urlsubmit">Add URL</button>

<script>
$('#urlsubmit').on('click', function(){
$("div#media").append( "<h2><a href='"+$('#url').text()+"id='"+$("#name").text()+"'/></h2>");
});
</script>

原谅任何拼写错误;)