标签: javascript-events

我有一个网页,您可以使用自己的帐户登录.这个想法是,当你按下你的名字时,会出现一个小方块(类似于stackoverflow所做的)以及你的一些基本信息(名称,电子邮件等).它是php,css和javascript的混合,但php只能选择用户的名字.所以,我有以下代码:

<style type="text/css">
table.UserInfo
{
    background-color:#000;
    width:100;
    height:100;
    position:fixed;
    top:10px;
    right:10px;
}
p.UserText
{
    color:#FFF;
}
</style>
<script type="text/javascript">
function showUser()
{
    //Unknown code here
}
</script>

在页面的某些部分......:欢迎访客!

实际上访问者通过php设置为登录的用户或访问者(如果没有).这是方框:

<table class='UserInfo' id='UserInfo' >
<tr>
<td><p class='UserText'>This user is a guest user. There is no information available.</p></td>
</tr>
</table>

因此,当我按下访问者时,我需要显示该框,因此代码将显示在showUser()中,我需要知道我必须放置我的javascript代码,以便最初隐藏框.对于我按下它时显示的框,我尝试将此代码放在showUser()函数中:

document.getElementById('UserInfo')style.visibility = 'hidden';

但它没有用.我把它隐藏起来,因为它开始是可见的.

谢谢

我有一个幻灯片播放,滚动一个div来显示幻灯片中的下一张照片.我还有一个功能设置,当鼠标处于非活动状态时隐藏照片描述,但在鼠标移动时显示描述.

在Firefox中,没有问题,div滚动到新照片并且没有触发mousemove事件.但是,在Webkit中,鼠标在窗口上,但不活动,每当div滚动到一张新照片时,就会触发两到三个mousemove事件.

这是您浏览的网站.在webkit浏览器中导航到投资组合页面(我打开控制台打开),当照片循环播放时,该页脚应保持隐藏状态.http://96.0.13.132/

我有一个地址列表和我生成的其他值,并且我在每行旁边都包含一个链接(见下图):

我需要能够单击行旁边的"安排此清理"链接,并让它将该特定信息发送到页面下方的某些隐藏输入字段,所有这些都无需重新加载页面.我需要使用单个onClick事件使用各种数据填充多个输入.

我已经在使用jQuery,所以任何特定于jQuery的解决方案也是受欢迎的.

任何帮助将不胜感激.谢谢!

如何轻松链接Wicket的AjaxFormComponentUpdatingBehavior,以便可以从单个Javascript事件触发多个行为.我正在使用Wicket 1.4.

例如,当onblur事件发生时,我喜欢触发这两种行为.我只关心触发onUpdate()方法.如果我这样做,似乎只触发了一个行为.实现这一目标的一种方法是让一个行为同时执行A和B操作,但我正在寻找更具创造性的东西.

field.add(new AjaxFormComponentUpdatingBehavior("onblur") {
   protected void onUpdate(AjaxRequestTarget target) {
      // do thing A here
      getComponent(); // behaviors need a reference to field they are attached to
   }
});
field.add(new AjaxFormComponentUpdatingBehavior("onblur") {
   protected void onUpdate(AjaxRequestTarget target) {
      // do thing B here
   }
});

这可能听起来很奇怪

我有一个有链接的页面

<a href="#" class="emails" > Email to Friends </a> 

现在我有一个事件附加到锚标记,以便在单击给定div时切换它的状态

Javascript代码看起来像这样

$(document).ready(function() {
    $(".emails").bind("click",function() {
       $("div#container").toggle
   })
})

现在上面的代码和所有的工作正常

但这里有一个大问题

现在,当我点击链接给出了我的页面将焦点移至顶部页面

我必须一直向下滚动才能看到变化

谁可以帮我这个事

我正在尝试在HTML文档中进行旁白.旁白应该像内联脚注.当读者将鼠标放在子弹上时,会显示旁边的全文.当读者将鼠标移开时,文本会再次隐藏.我正在努力减少使这项工作所需的HTML数量,因此我使用的是<span class="aside"...代替<span onmousover="showAside();"...

无论如何,我对Javascript还是比较陌生的,而且我遇到了一些我似乎无法弄清楚的新手错误.当我在浏览器中加载下面的测试用例时,旁边的文本会被预期的子弹替换.但是,当我鼠标悬停或弹出子弹时,我收到错误"this.element is undefined".但它是在类原型中定义的!是什么赋予了？

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script type="text/ecmascript">
<!--
var asides = [];

// object prototype
function Aside(aside_element)
{
  this.element = aside_element;
  this.text = this.element.innerHTML;
  this.element.onmouseover = this.show;
  this.element.onmouseout = this.hide;
  this.hide();
}
Aside.prototype.hide = function()
{
  this.element.innerHTML = "•";
}
Aside.prototype.show = function()
{
  this.element.innerHTML = this.text;
}

// get all <span> elements of class "aside"
function make_asides()
{
  span_elements = document.getElementsByTagName("span");
  for ( var i = 0, len = …

将当同一元素绑定到knockout中的多个动作时,我目前正在做的是:

data-bind="event: { click: doAction,
                    touchend : doAction}"

我的问题是: 绑定到操作时是否可以使用某种快捷符号？

我希望有类似的东西:

data-bind="event: {click, touchend : doAction}"

var linksList = [
   "http://a.com",
   "http://b.com",
   "http://c.com",
]

for (var i=0; i<linksList.length; i++) {
    setTimeout(function() {
        console.log(linksList[i]); 
    }, 3000);
}  

我把它粘贴到chrome检查器中,它返回一个数字,无论出于何种原因(它似乎是一个完全随机的数字??)然后等待...然后返回3'未定义'控制台错误

我只是从一本书中复制粘贴这一点:

window.onload = init;
function init() {
var button = document.getElementById("addButton");
button.onclick = handleButtonClick();
}
function handleButtonClick() {
alert("Button has been clicked");
}

问题是当我加载页面时出现警报,而不是当我点击按钮时.有人为什么？

谢谢!

这是我的页面:http://budclarychevy.com/custom/parts-specials-test

我的目标是让图像可以在新窗口中单击并打开,并提示打印.我能找到的最接近的方法是JavaScript中的window.print()函数,但它只打印整个页面.我希望每张图片都能在可打印的页面上打开.这可以用JavaScript吗？如果有另一种方法,它是什么？