Discussion :

[kate59]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[andry.aime]

Bonjour,

1-
Tu as deux balises ouvrantes pour script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script type="text/javascript">
<script type='text/javascript'>

2-

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
// 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);

Tu as commenté les parties de code qui devait appeler la page.

A+.

[Bovino]

Pour rappel, le but d'un tutoriel est d'expliquer et faire comprendre des techniques.
Si tu te contentes de copier coller le code sans essayer de le comprendre au préalable, tu passes à coté de l'essentiel et tu ne risques pas de progresser !