AJAX / DHTML / LIGHT BOXES - PullRequest
Новая
       9

AJAX / DHTML / LIGHT BOXES

0 голосов
/ 25 января 2010

вот мой код 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 для одной формы:

в моей форме, я используюизображение для кнопки отправки.чтобы передать значение submit, вот что я делаю, и он отлично работает во всех браузерах:

теперь я хочу вызывать другие события после отправки формы.

теперь, когда я помещаю второе событие, моя форма не проверяет и не отправляет значения.

и когда я помещаю это событие в тег формы, это неработать либо.

вот моя функция JS для спасибо (): функция спасибо () {setOpacity (0);document.getElementById ("popup"). innerHTML = "Спасибо!"closeMyPopup (); 

    }

Я использую код по этой ссылке: http://dhtmlpopups.webarticles.org/fade-effects.php; У меня есть форма регистрации для эффектов затухания, и как только форма будет отправлена, я хочу поблагодаритьВы должны появиться, но это, кажется, не работает хорошо.

1 Ответ

0 голосов
/ 25 января 2010

Я настоятельно рекомендую проверить инфраструктуру jQuery. Это делает такие вещи очень безболезненными.

Вы также можете использовать свойство innerHTML в Javascript для обновления текста: 

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