[AJAX] Site qui fonctionne en localhost mais pas en ligne
Bonjour,
voila j'ai un site en local qui fonctionne bien mais en ligne la fonction marche plus.
J'ai une page admin et dedans les gens peuvent gérer une galerie photos(ajouter, modifier, supprimer).
Une liste des images enregistrer est afficher la personne selectionne l'image.
dans un div l'image s'affiche et dans un input et textarea j'ai les infos de l'image qui s'affiche en même temps.
Sauf qu'en ligne rien ne s'affiche dans les deux zones ils disparaissent d'un coups.
voici le code dans header:
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
35
36
37
38
39
40
41
42
43
44
| <script type="text/javascript">
<script type='text/javascript'>
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr;
}
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(){
var xhr = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200){
leselect = xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('titre').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
//xhr.open("POST","ajaxGalerie.php",true);
// ne pas oublier ça pour le post
//xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// ne pas oublier de poster les arguments
// ici, l'id de l'auteur
//sel = document.getElementById('illustration');
//idauteur = sel.options[sel.selectedIndex].text;
//xhr.send("idAuteur="+idauteur);
}
</script> |
et voici une partie du formulaire avec le input titre et description :
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
| <fieldset>
<legend>Donnees images</legend>
<div style="float:left;margin-left:50px;">
Previsualisation<br />
<img id="Image" src="http://localhost/appartement/backend/images/not-image.png" /></div>
<div style="float:right;">
Liste des images de ce Appartement <br />
<select onChange='go();ChangerImage(this)' id="illustration" name="illustration" size="5" style="width:150px;"><option value="http://localhost/appartement/backend/illustrations/home/2/merly_2_1_home.jpeg">merly_2_1</option><option value="http://localhost/appartement/backend/illustrations/home/2/merly_2_2_home.jpeg">merly_2_2</option><option value="http://localhost/appartement/backend/illustrations/home/2/merly_2_3_home.jpeg">merly_2_3</option><option value="http://localhost/appartement/backend/illustrations/home/2/merly_2_4_home.jpeg">merly_2_4</option><option value="http://localhost/appartement/backend/illustrations/home/2/merly_2_5_home.jpeg">merly_2_5</option><option value="http://localhost/appartement/backend/illustrations/home/2/merly_2_6_home.jpeg">merly_2_6</option><option value="http://localhost/appartement/backend/illustrations/home/2/merly_2_7_home.jpeg">merly_2_7</option>
</select>
<br />
Cliquez sur l image pour previsualiser<br /></div></fieldset>
<fieldset>
<legend>Changer position des images du Appartement donnee</legend>
<div style="float:left;"><br />
<select id="chooseplaylist" size="5" multiple="multiple"><option value="51">merly_2_1</option><option value="52">merly_2_2</option><option value="53">merly_2_3</option><option value="54">merly_2_4</option><option value="56">merly_2_5</option><option value="57">merly_2_6</option><option value="58">merly_2_7</option></select>
<div style="float:right;">
<input type="submit" name="monter" id="monter" value="monter" style="width:100px;margin-left:50px;margin-top:10px;"><br /><br />
<input type="submit" name="descendre" id="descendre" value="descendre" style="width:100px;margin-left:50px;">
</div>
</div>
</fieldset>
<fieldset>
<legend>Supprimer les images de l Appartement donnee</legend>
<div style="float:left;"><br />
<select id="chooseplaylist2" size="5" multiple="multiple"><option value="51">merly_2_1</option><option value="52">merly_2_2</option><option value="53">merly_2_3</option><option value="54">merly_2_4</option><option value="56">merly_2_5</option><option value="57">merly_2_6</option><option value="58">merly_2_7</option></select>
<ul id="btselmulti">
<li id="addall"><img src="images/arrow-right-double.png" alt="select all"/></li>
<li id="addsel"><img src="images/arrow-right.png" alt="select one"/></li>
<li id="quitsel"><img src="images/arrow-left.png" alt="unselect one"/></li>
<li id="quitall"><img src="images/arrow-left-double.png" alt="unselect all"/></li>
</ul>
<select id="selplaylist" size="5" multiple="multiple"></select>
<input type="hidden" name="id_Appartement" id="id_Appartement" value="2"/>
<input type="hidden" name="playlist" id="playlist" readonly="readonly" value=""/>
<input type="hidden" name="reference" id="reference" readonly="readonly" value=""/>
<div style="float:right;">
<input type="submit" value="supprimer" name="supprimer" id="supprimer" style="width:100px;margin-left:50px;margin-top:30px;">
</div>
</div></fieldset></div><div id="new_right" style="float:right;width:50%;overflow:hidden;/">
<fieldset>
<legend>Telechargement fichier</legend>
<input type="file" name="illustration" id="illustration">
<input type="hidden" name="MAX_FILE_SIZE" value="1048576" />
<input type="hidden" name="id" value="2" />
<input type="hidden" name="position" value="0" />
<input type="submit" name="soumis" id="soumis" value="telecharger">
</fieldset><fieldset>
<p id="titre">
<label for="form_largeur">Titre : </label>
<input type="text" value="" id="titre" name="titre" />
<br />
<label for="form_largeur">Description2 : </label>
<textarea rows="4" cols="50" id="description" name="description">
</textarea>
</p>
</fieldset> |
merci.
