2010-01-25 6 views
0

LUMIÈRE voici mon code jsAJAX/DHTML/BOÎTES

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

ce code fonctionne très bien. J'utilise ce code pour faire apparaître une boîte à lumière pour envoyer des messages à des amis. ce que je suis coincé avec, une fois que je soumets le je vais vous dire merci sur le même pop-up. maintenant voici comment je dis merci: cela va à une nouvelle fenêtre. mais je le veux sur la même fenêtre de boîte à lumière.

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

voici comment j'appelle ma boîte de lumière dans mon autre code:

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

des idées sur la réalisation de cet. merci beaucoup.


ok ici est plus explication

J'ai 3 événements que je veux appeler ro pour une forme:

sous ma forme, je me sers d'une image pour le bouton d'envoi. ainsi passer la valeur de la soumettre, voici ce que je fais et il fonctionne très bien dans tous les navigateurs:

type d'entrée < = « image » onclick = « this.form.select.value = this.value » >

maintenant je veux appeler d'autres événements, après que le formulaire a été soumis.

type d'entrée < = "image" onclick = "this.form.select.value = this.value; javascript: merci()">

maintenant quand je mets le deuxième événement, ma forme ne marche pas valider ou soumettre les valeurs. Et quand j'ai placé cet événement dans l'étiquette de forme, cela ne fonctionne pas non plus.

ici est ma fonction js pour remerciements(): grâce function() { de setOpacity (0); document.getElementById ("popup"). InnerHTML = "Merci!" closeMyPopup();

} 

J'utilise le code à partir de ce lien: http://dhtmlpopups.webarticles.org/fade-effects.php; J'ai un formulaire d'inscription pour les effets de fondu, et une fois que le formulaire est soumis, je veux un merci d'apparaître, mais cela ne semble pas fonctionner correctement.

+0

semble que vous pensez que cela est phpbb: D, édité, vous pouvez utiliser Ctrl + K pour faire bloc de code ou de l'utilisation Icône dans barre de formatage – YOU

Répondre

0

Je vous recommande vivement de consulter le framework jQuery. Cela rend les choses comme ça très indolores.

Vous pouvez également utiliser la propriété innerHTML en Javascript de mettre à jour le texte:

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