Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 04/11/2011, 00h14   #1
Invité de passage
 
Homme
Inscription : novembre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : novembre 2011
Messages : 4
Points : 0
Points : 0
Par défaut Refresh d'une div en ajax sans .load ni setTimeOut

Bonjour,

Je souhaiterais placer à la fin d'une requête ajax le rechargement d'une div ciblé de son id.
Je trouve uniquement comme réponses a mes recherches .load() et setTimeOut, le premier s'utilise apparemment pour les frames, le second pour une rechargement périodique, n'y as t il pas une expression qui permettent simplement de recharger une div précise ponctuellement?

Merci d'avance..

Adrien


ma requête au cas ou..: :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$(function() {
	$("#form").submit(function(){
		$("#loader").show();
		titre = $(this).find("input[name=titre]").val();
		texte = $(this).find("textarea[name=texte]").val();
		label = $(this).find("select[name=label]").val();
		$.post("post.php",{titre: titre, texte: texte, label: label}, function(data) {
			$("#loader").hide();
			if(data!="ok") {
				$(".faux").empty().append(data);
			}
			else{
				ICI LE RECHARGEMENT DE MA DIV..
				}
			}
		});
		return false;
		});
});
adrienanorm est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 08h31   #2
Invité de passage
 
Homme
Inscription : novembre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : novembre 2011
Messages : 4
Points : 0
Points : 0
suis-je obligé d'utiliser des frames? n'y a t il pas une autre solution
adrienanorm est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 19h01   #3
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 776
Points : 4 776
Bonjour,
Citation:
Je souhaiterais placer à la fin d'une requête ajax le rechargement d'une div ciblé de son id.
donc si je comprends bien,
- tu fais ta requête...
- en retour si tu récupères "ok" tu veux mettre à jour la DIV

la mettre à jour avec quoi, refaire un requête Ajax ?
Si c'est pour la "recharger", je présume donc que son contenu à été modifié avant requête, dans ce cas sur le load de la page tu n'as qu'a faire une copy, un clone, de celle ci, il te sera facile de la "recharger"...
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 19h13   #4
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 789
Points : 35 789
Citation:
Je trouve uniquement comme réponses a mes recherches .load() [...] s'utilise apparemment pour les frames


Pas vraiment non...
load() est soit un événement (mais pas utile dans ton cas) soit un raccourci AJAX pour remplacer le contenu d'un élément par la réponse de la requête, rien à voir avec les frames
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 22h07   #5
Invité de passage
 
Homme
Inscription : novembre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : novembre 2011
Messages : 4
Points : 0
Points : 0
En effet, j'ai un formulaire qui me permet d'envoyer du texte sur une base de donnée.

A coté de celui ci ce trouve une div affichant le contenu de la base.
Après le post du formulaire, données envoyées sur la base, j'aurais souhaité que le contenu de la base se mette a jour dans la div en question.

- je ne souhaite pas recharger toute la page car, si j'ai un agis sur a un autre endroit de la page en ajax, tout sera perdu au rechargement.
- l'autre solution était d'utiliser .append() qui me permet d'afficher les données envoyées par le formulaire en les récupérants après le post mais pas d'afficher les données une fois mise sur la base. ( je sais pas si je suis clair..?)
Cette solution peut être pratique pour un chat mais j'aimerais avoir la possibilité de pouvoir supprimer n'importe quelles entrée de la base par son id.
Si une entrée vient d'être ajoutées et affichées par .append() elle n'a pas encore d'id car ce qui est affiché ne sont que les informations qui avait été récupérées à la sortie du formulaire......

en gros.... en écrivant je me dis qu'il faudrait peut etre uniquement réexecuter la requette php $q ( voir code après ) pour recharger la requete Mysql... non?


Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="base">
<?php
include"connect.php";
$sql = 'SELECT * FROM base WHERE label= \''.$lab.'\' ORDER BY id DESC';
$q = mysql_query($sql);
echo '<ul>';
	while($donnees = mysql_fetch_array($q)) 
		{
 
		echo '<li>';
            echo $donnees['titre'].' : '. $donnees['texte'].' ';
            echo '<input type="button" name="delete" id="'.$donnees['id'].'" value="Supprimer" /> ';
		echo '</li>';
		}
echo '</ul>';
?>
</div>
adrienanorm est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 23h11   #6
Rédacteur
 
Avatar de danielhagnoul
 
Homme Daniel Hagnoul
Étudiant perpétuel
Inscription : février 2009
Messages : 3 221
Détails du profil
Informations personnelles :
Nom : Homme Daniel Hagnoul
Âge : 61
Localisation : Belgique

Informations professionnelles :
Activité : Étudiant perpétuel
Secteur : Enseignement

Informations forums :
Inscription : février 2009
Messages : 3 221
Points : 6 767
Points : 6 767
Bonsoir

$(selector).load("monFichier.html #elemID"); remplacera le contenu de selector par celui de l'élément du DOM ayant l'ID "elemID". Attention, il faut un caractère d'espacement entre l'URL et l'ID.
__________________

FAQ jQuery

Mon cahier d’exercices sur jQuery & Co

Si un message vous a aidé ou vous semble pertinent, votez pour lui !
danielhagnoul est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/11/2011, 09h20   #7
Invité de passage
 
Homme
Inscription : novembre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Homme

Informations forums :
Inscription : novembre 2011
Messages : 4
Points : 0
Points : 0
Citation:
Envoyé par danielhagnoul Voir le message
Bonsoir

$(selector).load("monFichier.html #elemID"); remplacera le contenu de selector par celui de l'élément du DOM ayant l'ID "elemID". Attention, il faut un caractère d'espacement entre l'URL et l'ID.

Salut danielhagnoul en fait je n'avais pas mis mon code en détails, désolé je l'ai édité, je ne charge a aucun moment de page externe, l'autre opération que je ne veux pas perdre et qui est la raison pour laquelle je ne veut pas recharger toute la page est que j'affiche les éléments de ma tab selon leur label:

WHERE label= \''.$lab.'\'

( avec un formulaire qui me permet de choisir la catégorie que je veux afficher )
adrienanorm est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 05h59.


 
 
 
 
Partenaires

Hébergement Web