Mon formulaire en double !
Bonjour,
Voilà, je me lance en javascripts jquery etc et là je cale d'une force c'est terrible !
Dès que j'envoie le submit, j'ai effectivement les infos recherchées mais mon formulaire se met en double :(
Merci de m'aider svp, je sature :(
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
<!--ajout resultat-->
$(function(){
$("#formid").submit (function(){
$("#loader").show();
code = $(this).find("input[name=code]").val();
$.get("",{code: code}, function(data){
$("#loader").hide();
if(data !="<font color=green>ok</font><br />"); {
$(".result").empty().append(data);
}
});
return false; });
});
</script>
</head>
<body><div class="result" style="color:#FF0000"></div>
<div id="loader" style="display:none;"><img src="<?php echo strip_tags($siteurl); ?>/images/load.gif" alt="loader"/></div>
<form id="formid">
<input type='text' size="42" maxlenght="42" id='code' name='code' value="<?php $id_fiche; ?>"/>
<input type="submit" value="Rechercher" /><br /></form>
</body>
</html>
9 réponses
Bonjour,
J'ai fini par y arriver ^^ Je vais faire de même pour les séries.
Merci Christian et au site qui m'attire de plus en plus.
BRAVO !
euh je ne suis pas super méga fortiche en code mais voici ce que je pourrais te proposer :
$(function(){
$("input[type=submit]").click(function(){
//variable d'erreur initialisée à false
var hasError = false;
// vérification si le champs est vide
var nameVal = $("#code").val();
if(nameVal == '') {
//catastrophe ! Il est vide ! on lui ajoute une class error à designer en css et on initialise la variable error à true
$("#code").addClass("error");
hasError = true;
}
else
{
//parfait c'est en ordre
$("#code").removeClass("error");
}
// si il n'y a plus d'erreur, on peu passer à l'envoi :)
if(hasError == false) {
$(".result").html(nameVal);
}
return false;
});
});La ligne 23 te sert uniquement à afficher la valeur que tu as dans ton input.
Que désires tu faire de cette valeur ? la traiter en ajax dans un autre fichier ?
Mmmmh ... Je viens de regarder sur firefox, safari et chrome Mac et je ne vois pas d'erreur...
Je vois que dans mon code précédent il m'a converti un smiley en image .... et dans la balide code, il a mis le code html lol
Test avec ceci :
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
<!--ajout resultat-->
$(function(){
$("input[type=submit]").click(function(){
//variable d'erreur initialisée à false
var hasError = false;
// vérification si le champs est vide
var nameVal = $("#code").val();
if(nameVal == '') {
//catastrophe ! Il est vide ! on lui ajoute une class error à designer en css et on initialise la variable error à true
$("#code").addClass("error");
hasError = true;
}
else
{
//parfait c'est en ordre
$("#code").removeClass("error");
}
// si il n'y a plus d'erreur, on peu passer à l'envoi
if(hasError == false) {
$(".result").html(nameVal);
}
return false;
});
});
</script>
</head>
<body><div class="result" style="color:#FF0000"></div>
<div id="loader" style="display:none;"><img src="<?php echo strip_tags($siteurl); ?>/images/load.gif" alt="loader"/></div>
<form id="formid">
<input type='text' size="42" maxlenght="42" id='code' name='code' value="<?php $id_fiche; ?>"/>
<input type="submit" value="Rechercher" /><br /></form>
</body>
</html>Là cela m'affiche bien l'id de ma recherche, mais le but étant d'en récupérer plusieurs : titre, bande-annonce, poster, etc... Mon code me récupérait bien tout à part ce fichu formulaire :(
C'est peut être rien à faire de rajouter le reste, si tu veux bien m'expliquer comment dois-je procédé se serait super.
Merci encore
Là je mets mon lien ou je bosse que j'effacerai par la suite: Projet
il me reste qu'à enlever l'input de la recherche une fois les données récupérées...
Une idée ?
Voilà,
Remplir un formulaire via allociné pour ensuite incrémenter les valeurs dans ma bdd. Je travaille avec l'API d'allociné mais là ou cela se complique c'est qu'il ne faut pas que page s'actualise entre temps. C'est pour cela que j'ai pensé à l'AJAX JQUERY JS car en PHP c'est impossible. Vu la configuration de mon site, je ne dois pas actualisé d'où ma prise de tête ^^
Là, je pense avoir bien avancé mais le code doit être horrible et je m'en excuse !
Pour finir, si je pouvais juste retirer l'input de la recherche une fois les infos affichées se serait super...
Par contre je peux te donner le code PHP si tu le désires ?
Merci beaucoup
ouffff via l'API de allociné en plus ... j'ai bien peur de ne pas avoir assez de compétence pour te trouver la solution mais peut être pour te mettre sur la piste.
Vas visiter cette page, elle te sera surement utile : Requêtes AJAX avec JQuery
Merci beaucoup, je vais aller faire un saut !
Sinon tu as vu ça avance ;)
Je retire le lien c'était pour te monter en fait.
Merci beaucoup et à une prochaine fois.