Discussion :

[Rodinrott]

Bonjour tout le monde,

J'ai rééditer la discution car je pense que je me suis fait mal comprendre.

je me sert d'ajax pour mettre a jour une "div".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function select_date(type_engin) //function affichant la parti date pour analysé l'historique
	{
		var xhr = getXhr();
 
		xhr.onreadystatechange = function()
		{
			if(xhr.readyState == 4 && xhr.status == 200)
			{
				leselect = xhr.responseText;
				document.getElementById('selection').innerHTML = leselect;
			}
		}
		xhr.open("POST","/magicweb/script_php/script_selection_date.php", true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		data = "type_engin="+type_engin;
		xhr.send(data);
	}

je dois fait apparaitre dans cette div un input + un bouton de calendrier.

le calendrier est appellé comme ceci dans mon fichier script_selection_date.php:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
<script type="text/javascript" language="JavaScript">
	new tcal ({
	\'formname\': \'historique\',
	\'controlname\': \'datedebut\'
	});
</script>

la mise a jour de la "div" se passe bien, le input apparait mais pas mon bouton de calendrier.

comment je peux faire pour afficher mon bouton de calendrier?

Merci d'avance
--
Rodinrott

[Rodinrott]

J'ai trouvé ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
function select_date(type_engin) //function affichant la parti date pour analysé l'historique
	{
 
		var xhr = getXhr();
 
		xhr.onreadystatechange = function()
		{
			if(xhr.readyState == 4 && xhr.status == 200)
			{
				document.getElementById('selection').innerHTML = xhr.responseText;
 
				var mesScripts = document.getElementById("selection").getElementsByTagName("script");
 
				for (var i=0; i<mesScripts.length; i++) 
				{
					eval(mesScripts[0].innerHTML);
				}
			}
		}
		xhr.open("POST","/magicweb/script_php/script_selection_date.php", true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		data = "type_engin="+type_engin;
		xhr.send(data);
	}

la page n'affiche plus que le bouton...

je ne comprend pas

Aider moi SVP

--
Rodinrott

[madevilts]

Pourquoi ne pas directement faire un eval du xhr.response Text ?

Dans l'idée, ton php génère donc du javascript (sans les balises <script> </script>).

[E.Bzz]

Bonjour,
je pense que la réponse est dans la FAQ. Tu dois être
soi dans ce cas
soi dans celui-là
Non ?

A+

[Rodinrott]

Merci pour c réponse.

madevilts : j'ai essayé il me crée une "erreur de syntaxe".

E.Bzz : je ne comprend pas trop la fonction AfterAjax() qui il a dans le code du deuxieme cas que tu m'expose.

Je vais vous mettre mon fichier php pour plus d'info.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<?php
 
$type_engin = $_POST['type_engin'];
 
 
$selection = '<form action="analyse_historique_magiweb_'.$type_engin.'.php" name="historique" id="historique" method="post" enctype="multipart/form-data">';
$selection .= '<br />';
$selection .= '<font size="4">De </font>';
$selection .= '<input type="text" id="datedebut" name="datedebut" size="10">';
 
$selection .= '<script type="text/javascript" language="JavaScript">';
$selection .= 'new tcal ({';
$selection .= "'formname': 'historique',";
$selection .= "'controlname': 'datedebut'";
$selection .= "});";
$selection .= "</script>";
                                
echo $selection;
?>

Voila se que je veux faire apparaitre(dans le div) a l'appui du bouton radio.

[E.Bzz]

E.Bzz : je ne comprend pas trop la fonction AfterAjax() qui il a dans le code du deuxieme cas que tu m'expose.

Elle sert à réaffecter les évènements des objets mis à jour via Ajax.
Par exemple, si dans ton input, tu avais un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="verif_saisie();"

dans ta fonction AfterAjax(), il faudrait ajouter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("datedebut").onchange = verif_saisie;

Dans ton cas, je crains que créer le form via innerHTML pose problème

Il vaudrait mieux le créer via le DOM ...

A+