[AJAX] [WebMobile] fonction ajax
Bonjour,
Voilà je suis en train de créer un mini application pour téléphone, mais je rencontre un soucis.
Dans une des pages (div fenetre3), j'ai un formulaire input de nom "nom", et en dessous un bouton. J'aimerais qu'à l'appui du bouton, cela remplisse le champ en dessous :
Div fenetre3 :
Code:
1
2
3
4
5
6
7
8
9
10
11
| <div id="fenetre3" title="Contacts" class="panel">
<form class=panel id="form1">
<fieldset>
<div class="row"><label style="position:absolute;top:0px;left:0px;">Nom</label><span style="position:absolute;top:0px;left:0px;"><input type=text name=nom/></span></div>
</fieldset>
<a id="idlien" class=redButton href="#" target="_self">Obtenir votre note</a>
<fieldset>
<div class="row"><label style="position:absolute;top:0px;left:0px;">Moyenne</label><span style="position:absolute;top:0px;left:0px;" id="idNote"></span></div>
</fieldset>
</form>
</div> |
actionNote.php :
Code:
1
2
3
4
| <? $nom = $_REQUEST["nom"]; ?>
<? if ($nom=="Etu1"): ?> 12
<? elseif ($nom=="Etu2"): ?> 19
<? else: ?> Etudiant inconnu ! <? endif ?> |
function javascript qui devrait être appelé lors de l'appui du bouton :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <script>
function $(id)
{
return document.getElementById(id);
}
$("idlien").addEventListener("click",function (event)
{
var nom = form1.nom.value ;
var args = {nom:nom};
iui.ajax("actionNote.php",args,"POST",function(xhr)
{
$("idNote").innerHTML=xhr.responseText ;
});
});
</script> |
C'est la première fois que je fais du webmobile, donc peut-être que l'AJAX ne s'utilise pas tout à fait comme pour le xHTML normal ..
Merci !
edit 1 : Déjà le $("idlien") me retourn null :s Pourtant le getElementById est utilisé dans une fonction, et cette ID exite bien dans le lien <a> de la page :s
