J'ai un problème. Rien ne marche dans mon script, x). J'ai du me trompé quelque part. Au fait pour Jquery je met ce lien: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Mon code Ajax:

<script type="text/javascript">
$(function(){
$("$formcom").submit(function(){
$("l#oader").show();
pseudo = $(this).find("input[name=pseudo]").val();
message = $(this).find("textarea[name=message]").val();
$.post("AddCom.php",{pseudo: pseudo, com: message}, function(data){
$("#loader").hide();
if(data!="ok"){
$(."error").empty().append(data);
}
else{
$("#resultatAjax").hide.append(pseudo+" à écrit :<div class="com">"+message+"</div>").slideDown();
$("$formcom").fadOut();
}
});
return false;
});
});
</script>

Et la suite, formulaire et affichage.

<body>
    <div id="conteneur">
        <h1>Les Commentaires</h1>
<?php
        mysql_connect("sql5.power-heberg.net","swclonewars3","nbvcxw007");
        mysql_select_db("swclonewars3");

        $sql = "SELECT * FROM coms";
        $q = mysql_query($sql);
        while ($d = mysql_fetch_assoc($q)){
        echo $d'pseudo']." à écrit :";
        echo "<div class=\"coms\">";
        echo $d'com'];
        echo "</div>";
        }
?>
<div id="resultatAjax"></div>
<h1>Lache ton com en Ajax</h1>
<div class="error" style="color:#FF0000;"></div>
<form method="post" action="#" id="formcom">
<input type="text" name="pseudo" value="pseudo" />
<p>Ton message<br>
<textarea name="message"></textarea>
</p>
<center><input type="submit" value="Commenter" /></center>
<div id="loader" style="display:none"><img src="loader.gif" alt="Loader" /></div>
</form>
</div>
</body>

4 réponses


PhiSyX
Réponse acceptée

Hello,
oui il y a plusieurs erreur dans le code JS :
-> $("#formcom").submit.. au lieux de $("$formcom").submit..
-> $("#loader").show.. au lieux de $("l#oader").show..
-> $(".error").empty.. au lieux de $(."error").empty..
-> $("#resultatAjax").hide().append(pseudo + ' à écrit :<div class="com">' + message + '</div>').slideDown(); au lieux de $("#resultatAjax").hide.append(pseudo+" à écrit :<div class="com">"+message+"</div>").slideDown();

Voilà, normalement c'est bon :p

Déjà dans ton JS t'as une erreur ligne 4. Ensuite ta librairie télécharge la directement en tapant Jquery sur google et en cliquant sur le premier lien ,sur la page qui s'ouvre (le site de jquery) télécharge la version développement. et importe le dans dans ton HTML.

Guilhem
Auteur

J'ai corriger l'erreur du "#loader" et télécharger la version de jquery depuis le site du développeur, toujours rien ^^.

Guilhem
Auteur

Merci bien ça fonctionne ! :)