Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1812 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html][JS] Formulaire de chat avec iframe

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[html][JS] Formulaire de chat avec iframe

n°811725
goldorak69
Posté le 31-07-2004 à 09:49:59  profilanswer
 

Bonjour, j'ai sur ma page un petit formulaire très simple:
 

Code :
  1. <form name="chat" id="chat" onSubmit=" EnvoiMessage( document.chat.messagechat.value ) ">
  2. <input type="text" size="55" name="messagechat" id="messagechat">
  3. </form>


 
et une iframe qui contient les messages du chat:
 

Code :
  1. <iframe name="ChatChamp" id="ChatChamp" src="chat.php" align="center" height="50" width="288" frameborder="0" marginwidth="0" marginheight="10" scrolling="auto" "noresize" allowtransparency="true">
  2. </iframe>


 
enfin ma fonction JS:
 

Code :
  1. function EnvoiMessage( message )
  2. {
  3. document.chat.messagechat.value = '';
  4. document.chat.messagechat.focus();
  5. ChatChamp.location = 'chat.php?message=' + message + '#finpage';
  6. }


 
quand on appuie sur 'Entrée', le meesage dans le input s'efface bien, le focus est là aussi, mais c'est la page entière qui se reloade et pas seulement l'iframe!!
 
Est-ce que c'est ma fonction JS qui n'est pas bonne ou est-ce que c'est normal puisque c'est l'envoi du formulaire, dans ce cas comment éviter le reload de la page entière ?
 
Merci.

mood
Publicité
Posté le 31-07-2004 à 09:49:59  profilanswer
 

n°811728
DeirElBahr​i
Posté le 31-07-2004 à 09:55:42  profilanswer
 

cest l attrribut src d l'iframe que tu dois modifier, pas la location

n°811733
goldorak69
Posté le 31-07-2004 à 10:09:19  profilanswer
 

non marche toujours pas ....

n°811736
goldorak69
Posté le 31-07-2004 à 10:27:47  profilanswer
 

ça y est j'ai trouvé, il faut rajouter target dans la balise du form:
 
<form name="chat" target="ChatChamp" action="chat.php" method="post" onSubmit="EnvoiMessage( )">
 
 
Mais maintenant j'ai un autre problème, puisque c'est un chat je reloade l'iframe toutes les x secondes ( onLoad="window.location.reload()" ), mais commme c'est le résultat d'un formulaire, il m'affiche une erreur.
J'ai essayé de changé le window.location.reload() par window.location = 'chat.php', mais çà ne marche pas...

n°811737
goldorak69
Posté le 31-07-2004 à 10:30:51  profilanswer
 

bon apparemment çà marche avec window.location.replace( 'chat.php' ).

n°811902
goldorak69
Posté le 31-07-2004 à 13:53:35  profilanswer
 

Pour que la page aille directement en fin de page lorsqu'elle est chargée, j'ai mis un anchor en fin de page, ( <a name"finpage">.</a> ), mais çà marche plus çà window.location.replace( 'chat.php#finpage' ) du coup ...
 
comment puis-je faire ?

n°811905
Profil sup​primé
Posté le 31-07-2004 à 13:57:52  answer
 

name="finpage"

n°811937
goldorak69
Posté le 31-07-2004 à 14:49:09  profilanswer
 

oui scuse j'ai bien mis <a name="finpage" id="finpage">.</a>

n°811949
goldorak69
Posté le 31-07-2004 à 15:10:18  profilanswer
 

bon voilà ce que j'ai dans mon chat.php:

Code :
  1. <body onLoad="setTimeout( 'window.location.replace( \'chat.php?#finpage\', '5000' );">


 
et mon ancre:

Code :
  1. <a name="finpage" id="finpage">.</a>


 
Le truc c'est que le refresh ne se fait qu'une seule fois !
 
Pourquoi le setTimeout ne se fait pas à chaque fois ?


Message édité par goldorak69 le 31-07-2004 à 15:10:56
n°811955
goldorak69
Posté le 31-07-2004 à 15:18:37  profilanswer
 

si je mets ceci, çà fonctionne ( en enlevant l'ancre dans le setTimeout ):

Code :
  1. <body onLoad="setTimeout( 'window.location.replace( \'chat.php\', '5000' );">

mood
Publicité
Posté le 31-07-2004 à 15:18:37  profilanswer
 

n°811965
goldorak69
Posté le 31-07-2004 à 15:38:15  profilanswer
 

finalement j'ai enlevé le setTimeout et j'ai mis un meta refresh et çà marche...

n°811973
goldorak69
Posté le 31-07-2004 à 15:57:37  profilanswer
 

Bon en fait çà ne marche que sous mozilla çà, et pas sous I.E:
 

Code :
  1. <META HTTP-EQUIV="refresh" CONTENT="10; url=chat.php#finpage">


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html][JS] Formulaire de chat avec iframe

 

Sujets relatifs
Formulaire dynamique en javascriptIntégrer du code (x)html à un autre xml
Pb inserer une video AVI sur une page HTMLenvoyer un formulaire via un mail ou serveur?
[HTML] frames, valeurs php et moteur de rechercheDéplacement d'une iframe/module flash
HTML WYSIWYG[html] recherche de script pour compteur de téléchargement
imbrication formulaire?[HTML] Formulaire et zone de texte
Plus de sujets relatifs à : [html][JS] Formulaire de chat avec iframe


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR