2010-01-25 5 views
0

여기에 내 JS 코드는 AJAX/DHTML/LIGHT BOXES

<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> 

이 코드는 잘 작동합니다. 나는 친구에게 이메일을 보내기위한 라이트 박스를 팝업하기 위해이 코드를 사용하고있다. 내가 붙어있는 무엇을, 내가 제출하면 나는 같은 팝업 위에서 당신에게 감사한다고 말하는 것을 좋아할 것이다. 지금 바로 감사의 말을 전하고 있습니다. 이것은 새로운 창으로 간다. 하지만 나는 그것을 같은 라이트 박스 창에서 원한다. 이것을 달성에

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

아이디어 : 여기

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

내가 내 다른 코드에서 내 라이트 박스를 호출하는 방법입니다. 많은 감사. 여기에 확인


내가 3 내가 한 양식 RO 전화를 원하는 이벤트가 더 설명

입니다 : 버튼을 제출 내 형태로

을, 나는 이미지를 사용하고 있습니다. 그렇게 제출의 값을 전달하기 위해, 여기에 내가 무엇이며 모든 브라우저에서 잘 작동 :

< 입력 유형 = "이미지"onclick을 = "this.form.select.value = this.value" >

이제 양식을 제출 한 후 다른 이벤트를 호출하고 싶습니다.

< 입력 타입 = "이미지"의 onclick = "this.form.select.value = this.value; 스크립트 : 감사()"> 지금

제가 있는 두 번째 이벤트를 넣어 내 양식 그다지 유효성을 검사하거나 값을 제출하십시오.

내가 양식 태그에 이벤트를 배치하면 작동하지 않습니다. ; 기능 덕분에() { setOpacity (0) : 여기

감사() 내 JS 함수이다 document.getElementById ("popup"). innerHTML = "감사합니다 !!" closeMyPopup();

이 코드의 코드는 http://dhtmlpopups.webarticles.org/fade-effects.php입니다. 나는 페이드 효과에 대한 등록 양식을 가지고 있으며 일단 양식이 제출되면 감사의 표시를 원하지만 잘 작동하지 않는 것 같습니다.

+0

같다 :

또한 텍스트를 업데이트하기 위해 자바 스크립트의 innerHTML 속성을 사용할 수 있습니다 D, 편집, 당신은 코드 블록 또는 사용 아이콘을 Ctrl 키 + K를 사용할 수 있습니다 서식 지정 막대 – YOU

답변

0

jQuery 프레임 워크를 확인하는 것이 좋습니다. 이런 일을 매우 힘들게 만듭니다. 당신이 phpbb의 생각처럼

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