Ajax

Fermé

goldorak - 10 nov. 2008 à 19:15
Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 - 11 nov. 2008 à 12:06

Bonjour,je suis debutant en ajax et jutilise le script ci-dessous qui me permet de renvoyer une page dans une div sans recherger la page ,
<script type="text/javascript">
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);

}
</script>
et je fais appel a la fonction comme cela:
<a href="#" onClick="envoieRequete('accueil.html','centre');">Accueil</a></li>
ca marche tres bien le pbm cé que cette foi ci j'aimerais faire un lien sur une image et le faire apparaitre dans une autre div un peu come ceci
<a href="#" onClick="envoieRequete('image1_big.jpg','grand');"><img src="image1.jpg" width="120" height="90"></a>
mais la ca ne marche pas que faut il qe je change dans mon script ajax pour que cela fonctionne
aidez moi svp
merci de votre aide..

A voir également:

Ajax
Curl ajax ✓ - Forum Javascript
Erreur ajax ✓ - Forum Javascript
Ajax 403 forbidden ✓ - Forum Javascript
Passer variable javascript en php ajax ✓ - Forum PHP
Pub ajax carmen ✓ - Forum Musique / Radio / Clip

1 réponse

Réponse 1 / 1

Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 329
11 nov. 2008 à 12:06

Salut Goldorak !
Essaie le code suivant (adapte le à tes besoins) :

<html>
	<head>
		<title>CCM- Ajax</title>
		<script style="text/javascript">
			function loadImg(src, width, height, divId) {
				var img = new Image();
				img.src = src;
				img.style.width = width + 'px';
				img.style.height = height + 'px';
				var div = document.getElementById(divId);
				div.appendChild(img);
			}
		</script>
	</head>
	<body>
	
		<a href="#" onClick="loadImg(''image1_big.jpg',200, 200, 'monDiv');"><img src="'image1_big.jpg" width="120" height="90"></a> 
		
		<div id="monDiv" style="border: 1px solid red; height: 150px; width: 150px;"/>
	</body>
</html>

Conseil :
Si tu veux garder la taille de ton div constante, il faut que tu crées une méthode te permettant de redimensionner l'image (pour garder la même échelle), parce qu'ici le div se redimensionne en fonction des paramètres que tu passes.

Cordialement,

Discussions similaires

probléme avec ajax svp

Refresh div

Utilisateur anonyme - 3 nov. 2017 à 10:09
Utilisateur anonyme - 7 nov. 2017 à 18:06

Mot de passe oublié PHP/Ajax

Ajax - les messages d'erreur avec echo

Encodage caractères AJAX