Discussion :

[auberstar]

Bonjour,

J'ai une question par rapport à un code javascript (je suis encore débutant).

Donc je m'explique je voudrais que quand je clique sur un bouton javascript m'affiche un bouton dans une div.
Voila mon code :

Html :

Code html :

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

1
2
<span class="click" rel="<?php echo $result['film_id'];?>">Noter</span>
<div id="<?php echo 'form'.$result['film_id'];?>"></div>

Code javscript:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
$(document).ready(function()
{
	$('.click').click(function(){
		var val = $(this).attr('rel');
		var div = 'form'+val;
		$(this).hide();
		$("#"+div).html("<input type=\"submit\" value=\"<?php echo OK; ?>\" class=\"azer\"></form> ");
	});
});
</script>

Mon problème est que je veux un autre code Javscript qui s'active quand le bouton est cliqué

et quand j'écris ça:

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript">
$(document).ready(function()
{
	$('.azer').click(function(){
		alert('c');
	});
});
</script>

sa ne fonctionne pas.
J'espère avoir été clair car c'est un peu dur a expliqué.
Merci d'avance.

[Bovino]

Un grand classique !
Lorsque tu affectes l'événement au éléments .click, ceux-ci n'existent pas, donc aucun événement n'est affecté.
Il faut passer par la délégation d'événement : .on().

[ABCIWEB]

Au passage, mais ça n'a rien à voir avec javascript, html5 a introduit un nouvel attribut "data" pour stocker des données diverses et variées.
Entre autre avantage cela permet de ne plus détourner certains attributs comme "rel" de leur vocation première et donc de produire facilement des documents sémantiquement corrects