AJAX/DHTML/照明盒

Question

这是我的js代码

<script type='text/javascript'>

  // Browser safe opacity handling function

  function setOpacity( value ) {
   document.getElementById("popup").style.opacity = value / 10;
   document.getElementById("popup").style.filter = 'alpha(opacity=' + value * 10 + ')';
  }

  function fadeInMyPopup() {
   for( var i = 0 ; i <= 100 ; i++ )
    setTimeout( 'setOpacity(' + (i / 10) + ')' , 8 * i );
  }

  function fadeOutMyPopup() {
   for( var i = 0 ; i <= 100 ; i++ ) {
    setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
   }

   setTimeout('closeMyPopup()', 800 );
  }

  function closeMyPopup() {
   document.getElementById("popup").style.display = "none"
  }

  function fireMyPopup() {
   setOpacity( 0 );
   document.getElementById("popup").style.display = "block";
   fadeInMyPopup();
  }
  </script>

这个代码很好用。我用这段代码弹出一个用来给朋友发电子邮件的灯箱。我被困在什么，一旦我提交了我想说谢谢你在同一弹出。现在我要说的是谢谢你:这是一个新的窗口。但我想把它放在同一个灯箱窗户上。

<SCRIPT language="JavaScript">
<!--
window.location="thanks.php";
//-->
</SCRIPT>

下面是我如何在我的其他代码中调用我的灯箱：

<div id="popup" name="popup"><?php include ("email.php"); ?></div>

任何实现这一目标的想法。非常感谢。

好的，这是更多的解释

我有3项活动，我希望ro要求一种形式：

在我的表单中，我使用一个图像作为提交按钮。因此，为了传递提交的值，下面是我所做的工作，它在所有浏览器中都运行得很好：

<输入type=“图像”onclick="this.form.select.value = this.value“>

现在，在表单提交之后，我想调用另一个事件。

<输入type="image“onclick="this.form.select.value = this.value；javascript:谢谢()”>

现在，当我将第二个事件放入时，我的表单不会验证或提交值。

当我把这个事件放在表单标签中时，它也不起作用。

这里是我的js函数，用于致谢()：函数setOpacity( ){document.getElementById(0 )；document.getElementById(“弹出”).innerHTML=“谢谢！”closeMyPopup()；

    }

我正在使用这个链接的代码：http://dhtmlpopups.webarticles.org/fade-effects.php；我有一个渐变效果的注册表单，一旦表单被提交，我想要一个感谢出现，但它似乎不工作。

Answer 1

我强烈建议查看jQuery框架。这样做是无痛的。

还可以使用Javascript中的innerHTML属性更新文本：

document.getElementById("popup").innerHTML = "Thanks, yo"