France Hardware : Forums de discussion
Retrouvez les prix près de chez vous :  
Index du forum | Liste des membres | Liste des groupes | Inscription | F-A-Q | Recherche
Pseudo :    Password :     
22 945 membres enregistrés - 1 895 262 posts - 97 276 topics
Index des forums FH  | Index des forums DegroupNews
      Programmation
           [AJAX/.NET] Rafraîchir une DIV
14 connectés(record : 207 le 05 juin 2007 - 05 h 23)

Vous devez vous connecter pour répondre au topic.
Precedent | 1,2
[AJAX/.NET] Rafraîchir une DIV

Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 07 mai 2007 - 15 h 25 m 46 s
Reprise du message précédent :

Il y a bien cette fonction :

document.getElementById("Div1").innerHTML = ...

Mais que dois-je mettre après le = ?
Parce que d'après ce que j'ai compris, innerHTML permet de remplacer la valeur... hors la valeur je ne la connais pas à l'avance...

En fait, ce que je veux faire, c'est une sorte de F5 localisé uniquement sur ma DIV :P :P :D



(Freebox)² ;)
---------------------
:sms2: :sms3:


Woofy
Pour les bons tuyaux me demander

Messages : 26 271
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
  Posté le 07 mai 2007 - 15 h 44 m 30 s
Bah le contenu de ta div c'est quoi ? Ton image ?
Dans ce cas tu met le code de l'image : <img src=\"...\" ... >



:smileymouth: Totalement inutile, donc completement indispensable :smileymouth:

:sms:


Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 07 mai 2007 - 16 h 02 m 19 s
Ma DIV se compose comme suit :



<DIV class="HeaderControl" id="Div1" style="PADDING-LEFT: 2px; MARGIN: 2px 2px 0px">
<P><SPAN class="gras"></SPAN>&nbsp;</P>
<P><SPAN class="gras">Barre CONTROLE CONNEXION</SPAN></P>
<P><SPAN class="gras"></SPAN>&nbsp;</P>
<asp:label id="textWS" runat="server"></asp:label>

</DIV>


En gras, c'est le champ que je veux rafraichir...
A l'heure actuel, c'est juste un nombre qui apparait de manière aléatoire géré par un WebService.

En dessous, l'appel du WebService dans la partie C# du code :

    Code     
1. 		private void MAJBandeau ()
2. 		{
3. 			eCRT.localhost.Service1 ws = new eCRT.localhost.Service1();
4. 			textWS.Text = ws.HelloWorld();
5. 		}





(Freebox)² ;)
---------------------
:sms2: :sms3:


Woofy
Pour les bons tuyaux me demander

Messages : 26 271
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
  Posté le 07 mai 2007 - 16 h 30 m 02 s
Ouais mais ça c'est ta page en C#.
En HTML ça donne quoi ?



:smileymouth: Totalement inutile, donc completement indispensable :smileymouth:

:sms:


Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 07 mai 2007 - 16 h 34 m 01 s
Coté HTML j'ai :

    Code     
 1. <%@ Page language="c#" Codebehind="Sites.aspx.cs" AutoEventWireup="false" Inherits="eCRT.Sites"%>
 2. <%@ Register TagPrefix="uc1" TagName="Header" Src="../Ressources/UserControls/Header.ascx" %>
 3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
 4. <HTML>
 5. 	<HEAD>
 6. 		<title>CRT</title>
 7. 		<META http-equiv="Content-Type" content="text/html; charset=windows-1252">
 8. 		<META content="Microsoft Visual Studio 7.0" name="GENERATOR">
 9. 		<META content="C#" name="CODE_LANGUAGE">
10. 		<META content="JavaScript" name="vs_defaultClientScript">
11. 		<META content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
12. 		<script src="../Ressources/js/prototype.js" type="text/javascript"></script>
13. 		<script src="../Ressources/js/scriptaculous.js" type="text/javascript"></script>
14. 		<LINK href="../Ressources/CSS/Style.css" type="text/css" rel="stylesheet">
15. 		<script language="JavaScript" type="text/javascript">
16. ...
17. 
18. function refreshDiv()
19. 		{
20. 			function reload()
21. 			{
22. 				document.getElementById("textWS").innerHTML = <asp:label id="textWS" runat="server"></asp:label> (==> ca ne marche pas, il me dit que l'ID "textWS" est déjà utilisé... certes je le sais, mais comment je fais pour modifier textWS sans l'écraser ??? )
23. 			}
24. 			var periode = new PeriodicalExecuter(reload,2); // PeriodicalExecuter(fonction, durée en seconde)
25. 		}
26. 		
27. 		refreshDiv();
28. 
29. </script>
30. 
31. ...
32. 
33. 
34. <DIV class="HeaderControl" id="Div1" style="PADDING-LEFT: 2px; MARGIN: 2px 2px 0px">
35. <P><SPAN class="gras"></SPAN>&nbsp;</P>
36. <P><SPAN class="gras">Barre CONTROLE CONNEXION</SPAN></P>
37. <P><SPAN class="gras"></SPAN>&nbsp;</P>
38. <asp:label id="textWS" runat="server"></asp:label>
39. </DIV>


Message édité 2 fois, la dernière par Solid le 07 mai 2007 - 16 h 46.

(Freebox)² ;)
---------------------
:sms2: :sms3:


Woofy
Pour les bons tuyaux me demander

Messages : 26 271
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
  Posté le 07 mai 2007 - 16 h 35 m 45 s
C'est le HTML qui t'es généré ça ?



:smileymouth: Totalement inutile, donc completement indispensable :smileymouth:

:sms:


Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 07 mai 2007 - 16 h 40 m 40 s
C'ets mon fichier aspx ;)

Tout ce qui est div, c'est généré automatiquement avec le drag and drop (en mode design avec Visual Studio), quant aux fonctions JavaScript, c'est créé par moi ;)



(Freebox)² ;)
---------------------
:sms2: :sms3:


Woofy
Pour les bons tuyaux me demander

Messages : 26 271
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
  Posté le 07 mai 2007 - 16 h 44 m 47 s
Vi je me disais aussi... :D
Bah j'ai pas fait assez de .Net pour t'aider là, désolé !



:smileymouth: Totalement inutile, donc completement indispensable :smileymouth:

:sms:


Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 07 mai 2007 - 16 h 47 m 06 s


Le 07 mai 2007 - 16 h 44, Woofy a écrit :
Vi je me disais aussi... :D
Bah j'ai pas fait assez de .Net pour t'aider là, désolé !

En même tps, .NET ou pas ça change rien non?
Y'a pas une fonction en JavaScript qui permet de rafraichir un DIV ou autre ? :grat:



(Freebox)² ;)
---------------------
:sms2: :sms3:


Woofy
Pour les bons tuyaux me demander

Messages : 26 271
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
  Posté le 07 mai 2007 - 17 h 00 m 37 s
Bah sans passer par le label en asp, c'est a dire en faisant ça juste en javascript, voir en faisant de l'ajax, c'est possible pour moi.
Tu as une liste prédéfinie de truc que tu veux changer ? (Dans ce cas tu fais un tableau, limite généré a la volée, que tu met dans le javascript, avec un sleep, qui démarre avec le window.onLoad). Si tu dois générer ce qu'il y a a afficher, tu peux utiliser de l'ajax.



:smileymouth: Totalement inutile, donc completement indispensable :smileymouth:

:sms:


Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 07 mai 2007 - 17 h 05 m 49 s


Le 07 mai 2007 - 17 h 00, Woofy a écrit :
Bah sans passer par le label en asp, c'est a dire en faisant ça juste en javascript, voir en faisant de l'ajax, c'est possible pour moi.
Tu as une liste prédéfinie de truc que tu veux changer ? (Dans ce cas tu fais un tableau, limite généré a la volée, que tu met dans le javascript, avec un sleep, qui démarre avec le window.onLoad). Si tu dois générer ce qu'il y a a afficher, tu peux utiliser de l'ajax.

Pour le moment, je n'affiche qu'une seule chose... mais à la longue, il y aura un certain nombre d'informations ;)

T'as un exemple de code?



(Freebox)² ;)
---------------------
:sms2: :sms3:


Woofy
Pour les bons tuyaux me demander

Messages : 26 271
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
  Posté le 07 mai 2007 - 17 h 25 m 41 s
Heu là comme ça sous la main non.
Mais en utilisant l'innerHTML, tu peux insérer tout le code html que tu veux, suffit de le récupérer en AJAX.
C'est pas trop difficile a faire sans utiliser de framework. Voila un lien pour faire de l'ajax de base : http://www.xul.fr/xml-ajax.html



:smileymouth: Totalement inutile, donc completement indispensable :smileymouth:

:sms:


Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 07 mai 2007 - 17 h 38 m 17 s


Le 07 mai 2007 - 17 h 25, Woofy a écrit :
Heu là comme ça sous la main non.
Mais en utilisant l'innerHTML, tu peux insérer tout le code html que tu veux, suffit de le récupérer en AJAX.
C'est pas trop difficile a faire sans utiliser de framework. Voila un lien pour faire de l'ajax de base : http://www.xul.fr/xml-ajax.html

Merci l'plombier, je vais regarder tout ça :hum:



(Freebox)² ;)
---------------------
:sms2: :sms3:


Woofy
Pour les bons tuyaux me demander

Messages : 26 271
Inscrit le 11/01/02
Ville : Paris / Grenoble
Non connecté
  Posté le 07 mai 2007 - 17 h 39 m 27 s
Bon courage ^^



:smileymouth: Totalement inutile, donc completement indispensable :smileymouth:

:sms:


Loading
Coordinateur
http://www.lhdl.fr

Messages : 5 061
Inscrit le 21/09/02
Ville : Bourgoin(38) - Belley(01)
Non connecté
  Posté le 08 mai 2007 - 11 h 12 m 09 s


Le 07 mai 2007 - 10 h 39, Solid a écrit :
Bon, alors admettons que je mette AJAX de coté, comment rafraichir une DIV qui contient principalement une valeur et qui obtient cette valeur d'un WebService ?
Le but est que cette DIV se rafraichisse toutes les 4 secondes :)


rafraichir une div ou simplement actualiser des données ?

jete un oeil là -> http://www.editeurjavascript.com/trucs/35,ajax_interrogez_votre_serveur_avec_javascript.php



Doudous en kits: http://www.lheuredeslucioles.fr ;)

Solid
- Ancien Modérateur -
(¯`·.__[T3aM.BouL3T©]__.·´¯) (¯`·.__[T3aM.s3X©]__.·´¯) ==> Tendeur de perches !

Messages : 35 151
Inscrit le 03/03/02
Ville : Grenoble
Non connecté
  Posté le 08 mai 2007 - 11 h 41 m 47 s


Le 08 mai 2007 - 11 h 12, Loading a écrit :


Le 07 mai 2007 - 10 h 39, Solid a écrit :
Bon, alors admettons que je mette AJAX de coté, comment rafraichir une DIV qui contient principalement une valeur et qui obtient cette valeur d'un WebService ?
Le but est que cette DIV se rafraichisse toutes les 4 secondes :)


rafraichir une div ou simplement actualiser des données ?

jete un oeil là -> http://www.editeurjavascript.com/trucs/35,ajax_interrogez_votre_serveur_avec_javascript.php

Le but serait d'actualiser l'ensemble des données contenu dans la DIV :D



(Freebox)² ;)
---------------------
:sms2: :sms3:


grabber
Coordinateur
MacBook Pro 2,4 Powered

Messages : 8 570
Inscrit le 06/03/02
Ville : Angers
Non connecté
  Posté le 09 mai 2007 - 16 h 01 m 20 s
ben c pareil, tu prends le meme code, tu change l'evenement onkeyup et tu le remplace par une fonction avec un sleep dedans :jap:

pour le contenu, a toi de choisir ce que tu renvoies via la requete.

kel est ton probleme ?



:firefox:

Growpote


Messages : 12
Inscrit le 01/06/06
Ville : Lyon
Non connecté
  Posté le 25 juin 2007 - 09 h 45 m 22 s
Tu dois déclarer une variable XmlHttpRequest et l'utiliser sur un évènement par exemple. Tu peux générer un évènement toutes les X secondes et appeler ton objet XmlHttpRequest :

http://siddh.developpez.com/articles/ajax/




betux
Coordinateur
testis ...

Messages : 2 852
Inscrit le 08/10/03
Ville : lyon et parfois grenoble
Non connecté
  Posté le 07 juillet 2007 - 17 h 54 m 50 s
quel framework ?
si t'es en 2 utiliser ajax.net un glissé déposé c'est fini.



Il faut que le hasard renverse la fourmi pour qu elle voit le ciel.

Precedent | 1,2
Page genérée en 1.0263 secondes par RahForum 2.0 | Gzip off |  Stats |  Metaforums |  RSS
© 2004 Cerbere Systems.
Prix Matériel Informatique | Informatique Lyon | Informatique Grenoble | Informatique Annecy | Informatique Marseille | Informatique Bordeaux | Forum Informatique
ADSL |Actualité ADSL | e-commerce | Commande Au Volant
Creative Commons
Message Boards and Forums Directory