Bonjour,
Avant toutes choses meilleurs vœux pour cette nouvelle année.
Je suis novice en ajax.
Comme vous pouvez le deviner j'ai un problème avec mon code.
Je souhaite alimenter une liste déroulante via une une table mysql et ajax en utilisant la librairie prototype.
L'erreur que j'ai dans la console d'erreur firefox est une erreur de syntaxe que je n'arrive pas à déchiffrer.
Voici mon select
Code : Tout sélectionner
<?include "_debut.php";?>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="scripts/albums_ajax.js"></script>
<div id="Content">
<h1>Albums</h1>
<div class="block">
<form action="albums_ajax.php" method="post" enctype="multipart/form-data">
<table>
<tr>
<th>Selectionnez Votre Artiste</th>
<td><select id="artistes" name="artistes"></select></td>
</tr>
<tr>
<th>Entrez L'Album</th>
<td><input type="text" name="album" /></td>
</tr>
<tr>
<th>Pochette Album</th>
<td><input type="file" name="album_cover" size="50" /></td>
</tr>
<tr>
<th>Année de Sortie</th>
<td><input type="text" name="album_release_date" /></td>
</tr>
<tr>
<th></th>
<td><input type="submit" value="Valider" id="go" /></td>
</tr>
</table>
</form>
</div>
</div>
<?include "_fin.php";?>
Mon script php pour récupérer les infos dans ma base de données SQl
Code : Tout sélectionner
<?php include_once("connexion.php"); ?>
<?php
mysql_select_db($database, $base);
$query_artists = "SELECT * FROM artists ORDER BY art_name ASC";
$artists = mysql_query($query_artists, $base) or die(mysql_error());
$row_artists = mysql_fetch_assoc($artists);
$result = array();
?>
<?php
do {
$result[] = $row_artists;
} while ($row_artists = mysql_fetch_object($artists));
echo '{"artists":'.json_encode($result).'}';
?>
Et mon javascript ou se trouve l'erreur en rouge
Code : Tout sélectionner
var getArtist = {
response: null,
init: function() {
if ($('artistes')) {
while ($('artistes').options.length > 0) {
$('artistes').remove(0);
}
var opt = new Element('option');
opt.value = "";
opt.text = "";
try {
$('artistes').add(opt, null);
}
catch(ex) {
$('artistes').add(opt);
}
var url = 'getArtists.php';
new Ajax.Request(url, {
method: "get",
onSuccess: function(transport) {
getArtist.response = transport.responseText.evalJSON();
getArtist.fillInArtistSelect();
}
});
}
},
fillInArtistSelect: function() {
getArtist.response.artists.each(function(elt) {
var opt = new Element('option');
opt.value = elt.art_id;
opt.text = elt.art_name;
try {
$('artistes').add(opt, null);
}
catch(ex) {
$('artistes').add(opt);
}
}),
[color=#FF0000]},[/color]
};
document.observe('dom:loaded', getArtist.init);
Je vous remercie d'avance
Bonjour,
Avant toutes choses meilleurs vœux pour cette nouvelle année.
Je suis novice en ajax.
Comme vous pouvez le deviner j'ai un problème avec mon code.
Je souhaite alimenter une liste déroulante via une une table mysql et ajax en utilisant la librairie prototype.
L'erreur que j'ai dans la console d'erreur firefox est une erreur de syntaxe que je n'arrive pas à déchiffrer.
Voici mon select
[code]<?include "_debut.php";?>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="scripts/albums_ajax.js"></script>
<div id="Content">
<h1>Albums</h1>
<div class="block">
<form action="albums_ajax.php" method="post" enctype="multipart/form-data">
<table>
<tr>
<th>Selectionnez Votre Artiste</th>
<td><select id="artistes" name="artistes"></select></td>
</tr>
<tr>
<th>Entrez L'Album</th>
<td><input type="text" name="album" /></td>
</tr>
<tr>
<th>Pochette Album</th>
<td><input type="file" name="album_cover" size="50" /></td>
</tr>
<tr>
<th>Année de Sortie</th>
<td><input type="text" name="album_release_date" /></td>
</tr>
<tr>
<th></th>
<td><input type="submit" value="Valider" id="go" /></td>
</tr>
</table>
</form>
</div>
</div>
<?include "_fin.php";?>
[/code]
Mon script php pour récupérer les infos dans ma base de données SQl
[code]<?php include_once("connexion.php"); ?>
<?php
mysql_select_db($database, $base);
$query_artists = "SELECT * FROM artists ORDER BY art_name ASC";
$artists = mysql_query($query_artists, $base) or die(mysql_error());
$row_artists = mysql_fetch_assoc($artists);
$result = array();
?>
<?php
do {
$result[] = $row_artists;
} while ($row_artists = mysql_fetch_object($artists));
echo '{"artists":'.json_encode($result).'}';
?>
[/code]
Et mon javascript ou se trouve l'erreur en rouge
[code]var getArtist = {
response: null,
init: function() {
if ($('artistes')) {
while ($('artistes').options.length > 0) {
$('artistes').remove(0);
}
var opt = new Element('option');
opt.value = "";
opt.text = "";
try {
$('artistes').add(opt, null);
}
catch(ex) {
$('artistes').add(opt);
}
var url = 'getArtists.php';
new Ajax.Request(url, {
method: "get",
onSuccess: function(transport) {
getArtist.response = transport.responseText.evalJSON();
getArtist.fillInArtistSelect();
}
});
}
},
fillInArtistSelect: function() {
getArtist.response.artists.each(function(elt) {
var opt = new Element('option');
opt.value = elt.art_id;
opt.text = elt.art_name;
try {
$('artistes').add(opt, null);
}
catch(ex) {
$('artistes').add(opt);
}
}),
[color=#FF0000]},[/color]
};
document.observe('dom:loaded', getArtist.init);
[/code]
Je vous remercie d'avance
