[AJAX] Passage de variable en ajax
bonjour a tous,
voici mon petit problème :
1 : le formulaire
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| <form name="form1">
<p style="border: 3px ridge blue; margin-top: 10px;" >Information sur la video</p>
<p style="margin-right: 19px;">Type :*<select name="type1" size="1">
<option value="cinema" selected="selected">Cinéma</option>
<option value="clip_video">Clip video</option>
<option value="humour">Humoristique</option>
<option value="performance">Exploit</option>
<option value="publicite">Publicité</option>
<option value="divers">Divers</option>
</select></p>
<p style="margin-left:13px ">Titre :* <input type="text" name="titre"></p>
<p>Auteur :* <input type="text" name="auteur"></p>
<p style="margin-right:31px">Liens Video :* <input type="text" name="video"></p>
<p style="margin-right:52px">Liens Copyright :* <input type="text" name="copy"></p>
<p style="margin-right:27px">Liens du Site : <input type="text" name="site"></p>
<p style="margin-right:82px">Liens de la Miniature :* <input type="text" name="mini"></p>
<input Type="button" Value="Acceptation" style="margin-left: 35px" onclick="Validation('centre', 'insertion_video')">
</form> |
2 : maintenant voici le javascript "Validation"
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| function Validation(id, fichier)
{
var id1 = id;
requete = fichier+".php?type1="+document.forms["form1"].elements["type1"];
requete = requete+"&titre="+document.forms["form1"].elements["titre"];
requete = requete+"&auteur="+document.forms["form1"].elements["auteur"];
requete = requete+"&video="+document.forms["form1"].elements["video"];
requete = requete+"©="+document.forms["form1"].elements["copy"];
requete = requete+"&mini="+document.forms["form1"].elements["mini"] ;
requete = requete+"&site="+document.forms["form1"].elements["site"];
envoieRequete(requete, id1);
} |
3 : voici maintenant le javascript envoieRequete()
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| function envoieRequete(url,id)
{
var xhr_object = null;
var position = id;
if(window.XMLHttpRequest)
xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject)
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function()
{
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
// dans le cas du get
xhr_object.send(null);
} |
4 : Pour finir voici le document réceptionnant les variables
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
| if(!empty($_GET["type1"]) and !empty($_GET["titre"]) and !empty($_GET["auteur"]) and !empty($_GET["video"]) and !empty($_GET["mini"])and !empty($_GET["copy"]))
{
include "connection.php";
$type = "".$_GET["type1"]."";
switch ($type)
{
case "cinema":
$ext = "Cin";
break;
case "clip_video":
$ext = "Clip";
break;
case "divers":
$ext = "Div";
break;
case "humour":
$ext = "Hum";
break;
case "publicite":
$ext = "Pub";
break;
case "performance":
$ext = "Perf";
break;
default:
;
} |
5 : Et maintenant mon problème.
Un chose étonnante, la variable $_GET["type"] n'est pas vide vu que je rentre dans le switch sans erreur, mais apparement elle ne retourne rien, et quand j'utiliser mon extension de fichier, il me dit "variable undefined ext"
Cette variable du formulaire et la seul de type select, es que sa a un rapport ?