Requete Ajax via Jquery & FancyBox
Bonjour à tous !
Je viens vers vous car malgré des recherches sur le net, je ne trouve pas de solution au problème que j'ai.
Ce que je voudrais faire : un formulaire d'inscription, affiché via FancyBox ( petit module dont toute la doc se trouve là ) qui puisse envoyer une requête AJAX pour vérifier la disponibilité d'un pseudo et la validité d'un mail, et ensuite afficher le résultat de cette requête dans ce formulaire.
Ce que j'ai réussi à faire :
- Afficher le formulaire via FancyBox, sans AJAX qui marche
- Effectuer la requête AJAX et l'affichage du message de retour quand le formulaire est présent sur la page au départ (donc sans affichage FancyBox)
Par contre, je bloque sur la façon dont je pourrais faire les deux à la fois.
J'ai essayé d'appeler mon formulaire via FancyBox de différentes façon ( par AJAX ou par simple affichage d'une DIV ), mais rien n'y fait : le code Jquery ne semble pas actif dans le formulaire lorsque celui-ci est affiché via FancyBox... :?
Merci de votre aide,
Arnaud.
P.S : à priori, les deux choses devraient être compatible, puisque FancyBox est basé sur Jquery :ccool:
Problème avec Fancy box (aussi)
Bonjour,
Désolé de déterrer un topic assez vieux, mais j'ai un problème assez similaire.
J'ai hésité à demander de l'aide, mais ça va faire 2 semaines que je bute sur ce problème, et j'ai déjà écumé pas mal de topic.
Je souhaite créer un système de post avec fancy box.
Voilà l'organisation: http://img263.imageshack.us/img263/2/orga.th.png
La partie affichage des postes fonctionne parfaitement.
La partie mise à jour du fichier HTML qui contient les postes marche également. Par contre le scripte PHP m’affiche une page de résultat. J’aurais aimé qu’il se lance à la fermeture du formulaire, de façon transparente, et que la page principale restée en arrière plan redevient disponible.
http://img688.imageshack.us/img688/803/evocc.th.png
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="./fancybox2/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="./fancybox2/jquery.fancybox-1.3.1.js"> </script>
<link rel="stylesheet" type="text/css" href="./fancybox2/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("#write").fancybox({
'scrolling' : 'no',
'titleShow' : false,
});
});
</script>
</head>
<body>
<a id="write" title="Login" href="post_form.html">Ecrire un post</a>
</body>
</html> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<html>
<head>
<title>Ma page d ecriture</title>
</head>
<body>
<form action = "Scr8_low.php" method="post">
Votre nom : <input type = "text" name = "nom"><br />
Votre commentaire : <TEXTAREA rows="3" name="commentaire"></TEXTAREA>
<br />
<input type = "submit" value = "Envoyer">
</form>
</body>
</html> |
Code:
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
26
27
28
29
30
31
32
33
34
|
<html>
<head>
</head>
<body>
<?php
//recuperation et mise en forme des données
if (isset($_POST['nom']) && isset($_POST['commentaire']))
{
if (empty($_POST['nom']) || empty($_POST['commentaire']))
{$new_com='';}
else
{$new_com= CHR(13).'<h2>'.ucfirst($_POST['nom']).'  '. CHR(13).' <font size=-3>'.date('d/m/y G:i').' <div style="display:none;">'.$_SERVER["REMOTE_ADDR"].'</div></font></h2>'. CHR(13).' <p>'.str_replace (chr(10), '<br/>', ucfirst($_POST['commentaire'])).'</p></br>';}
}
else
{$new_com= '';}
//sauvegarde
if (!(file_exists('com.txt')))
{
$monfichier = fopen('comr.txt', 'w+');
fputs($monfichier, '<div style="width:350px;height:250px;overflow:auto">'. CHR(13).'</div>');
fclose($monfichier);
}
$monfichier = fopen('com.txt', 'r+');
$text = fgets($monfichier);
if (!empty($new_com))
{$text=substr($text,0,strlen($text)-7).$new_com.substr($text,strlen($text)-7);}
fseek($monfichier, 0);
fputs($monfichier, $text);
fclose($monfichier);
echo $text;
?>
</div >
</html> |
J’ai bien essayé d’intégrer le code du formulaire et du PHP dans la page principale, mais là ça ne marche plus (plus de mise à jour du fichier).
J’ai essayé de découper autrement (page principale + PHP…) mais ça ne marche pas non plus.
Voilà, le problème peut paraître simple, mais je suis novice.
Merci pour votre aide
