【问题标题】:affecting an HTML page before opening it在打开 HTML 页面之前影响它
【发布时间】:2010-11-21 03:15:14
【问题描述】:

我正在为我的 g/f 创建一个网站——她在一年中的每一天都在写天使信息,1 页上的 1 条信息,这些(最终 366 页)可以从这一页访问:

http://www.helderziendelezingen.be/waarzegster-engelen-leggingen/per-datum.html

此菜单页面使用 JS 滑动到特定月份。我被卡住的地方是如何从特定日期消息返回到每个数据页面中该消息的月份(页面滑动到那个月份)......

为了清楚起见...“Terug”的意思是“返回”,例如单击 10 月 22 日消息,阅读消息,然后将 terug 返回到 10 月的种子,而不是返回到每个基准页面的月份选择日历。

到目前为止,我最大的努力是将其放在 a 标记中:

onclick="document.getElementById('waarzegstermove').style.cssText='left: -1000px;';"

-1000px 将是一月的 terugs,-2000px 二月的 terugs 等,它已经滑到那个月,此代码在同一页面上时有效,但是当它在加载每个基准页面之前的消息页面上时,它似乎丢失此设置。

我真的很感谢这方面的帮助 - 老实说,我从来没有使用过 cookie,我不知道它们的用途,我是否走在正确的轨道上,是否还涉及其他一些东西,例如 location: hash?或者这就是 cookie 的用途?

非常感谢,威尔

【问题讨论】:

  • 你不需要cookies。 Javascript 可用于将页面内容加载到视图外的框中,然后将框滚动到视图中。在背面,将框滚动出来。对于这种使用 AJAX 的导航,应该有一些预制的 JS,但我不记得具体的一个。所以JS是你的关键。 IE 上也有一些页面转换,但它是 IE 特定的。

标签: javascript html css


【解决方案1】:

怎么样:为日期和消息创建一个 div。当您单击一天时,向上滑动天 div,有效地隐藏它,同时向下滑动消息 div。消息页面上的“返回”按钮会起到相反的作用。我猜你需要一个 AJAX 请求才能在其 div 中显示正确的消息。另一种方法是加载给定月份的所有消息并水平滑动它们。希望对你有用。

【讨论】:

  • 大家好,感谢您的输入 - SuperDuck,是的,事实证明使用预制 JS 是一种方式,在 ndoherty.biz 找到的 jquery coda 滑块功能非常简洁 - 它可以滚动各种可用的滚动转换选项(例如快速移动快速慢速移动),同时添加对 URL 的#number 引用 - 所以基本上正是我想要的 - 如果有人感兴趣,你可以在英国“姐妹”网站上看到它的实际效果这里:clairvoyantangelreadings.co.uk/psychic-readings/…
  • mingos - 这是一个好主意,自然可能是我的偏好,尽管出于 SEO 的原因,我觉得为每条消息创建一个页面会增加价值 - 有一次我想为每条消息创建一个页面,并且引用这些单独页面的主页(从中获取数据)虽然我也希望这些消息在以个人身份打开时看起来不错,但再次感谢发人深省的输入。最美好的祝愿
  • ps 显然参考上述内容,该网站上的“seo”尚未完成 - 仍然需要基本页面标题等,如果其他人找到此页面并想要使用 javascript - 它有助于一个空白的第一个面板....所以要在#2开始面板,否则在打开页面时它在某些浏览器上看起来不太好,因为它会在打开所需的面板之前瞬间加载面板#1...跨度>
猜你喜欢
  • 2019-06-21
  • 1970-01-01
  • 2019-02-26
  • 1970-01-01
  • 2016-03-09
  • 2011-08-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多