Discussion :

[Invité]

Bonjour
Je ne suis pas un habitué des forums, alors pardonnez-moi, mais je ne sais pas comment mettre un joli bloc pour y insérer du code dedans.

Je vous expose mon problème de manière ultra simplifié ^^
J'ai une vue html de cette forme là:

Code html :

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

1
2
3
<article id="un_numero">
<div id="le_meme_numero_que_l'id_en_haut" class="youtube"> contenu de la div </div>
</article>

Au click de cette balise, je récupère l'id de la classe youtube, puis en ajax je transfère cet id vers une autre page pour me générer une autre vue html.
Cette nouvelle vue je souhaite qu'elle remplace le contenu de la balise qui a été clickée.
Le problème que j'ai actuellement c'est que ça me remplace toutes les balises ayant la classe youtube et pas celle qui a été clickée.
Je sais que mon code n'est pas trop mal sauf pour la dernière ligne, le $('.youtube) ne va pas.
J'ai essayé un $(this).attr(id) mais sans succès.
J'ai pas mal cherché sur internet comment faire mais je n'ai pas trouvé de solution d'où ce message.
Je vous met également mon code jquery/ajax:

Code :

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

1
2
3
4
5
6
7
8
9
10
$(window).ready(function(){
	$('.youtube').live('click', function() {
		$.ajax({
			url:"youtube.php?id="+$(this).attr("id"),
			success: function(html){
				$('.youtube').replaceWith(html);			
			}
		})
	});
});

Merci d'avance à ceux qui essaieront de m'aider

[Invité]

Bonjour.

un indice : tu sais récupérer l'id pour le transmettre, mais pas l'utiliser pour la div d'affichage ?
Pourtant c'est le même...

[Invité]

Merci de ta réponse.
Je me doute qu'il y a quelque chose dans ce genre:

Code jquery :

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

$(this).attr(id).replaceWith(html)

Mais ça ne me fait rien du tout
Voilà ce que ça m'affiche dans ma console

$(...).attr(...) is undefined

J'ai aussi essayé de faire ça en mettant l'id en variable:

Code jquery :

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

1
2
3
4
5
6
7
8
9
10
11
 $(window).ready(function(){
	$('.youtube').live('click', function() {
		$.ajax({
			var id=$(this).attr("id");
			url:"youtube.php?id="+id,
			success: function(html){
				id.replaceWith(html);			
			}
		})
	});
});

[Invité]

personne d'autre pour m'aider...
J'ai aussi essayé d'inséré id avec une fonction, sans succès.
J'ai vraiment cherché mais je sais vraiment pas franchement.

[Invité]

Comment aurais-tu fais jreaux62?

[SpaceFrog]

Code :

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

load()

[Invité]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 $(window).ready(function(){
	$('.youtube').on('click', function() {
		var id = $(this).attr("id");
		$.ajax({
			url:"youtube.php?id="+id,
			success: function(txthtml){
				$('#'+id).html(txthtml);			
			}
		})
	});
});

[SpaceFrog]

Code :

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

1
2
3
4
5
6
$(function(){
	$('.youtube').on('click', function() {
		var id = $(this).attr("id");
		$('#'+id).load("youtube.php?id="+id);			
		})
	});