Bonjour
Je veux changer le contenu d'une div. Voici en détails :
Voici mon code de la page :

<a href="images/33.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal">
<div id="replace"> <img src="images/rea.jpg"/></div>
</a>

<a href="images/qui_sm_ns.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>
<a href="images/carte.jpg" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>
<a href="images/service_16.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>

Je veux que <div id="replace"> <img src="images/rea.jpg"/></div> ne sera plus afficher à partir du premier clique.


Voici ce que j'essaie de faire
<code>
<script>
function rep() {
if($("div").html() == '<img src="images/rea.jpg"/>') {
$("#replace").html("<b>nouveau contenu</b>");
}
}
</script>
<a onclick="javascript:rep()" href="images/33.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal">
<div id="replace"> <img src="images/rea.jpg"/></div>
</a>

<a href="images/qui_sm_ns.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>
<a href="images/carte.jpg" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>
<a href="images/service_16.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>

<code>
donc le probleme c'est dans if($("div").html() == '<img src="images/rea.jpg"/>') je veux par ça que le contenu du div change dans le premier clique c'est à dire quand ce contenu est <img src="images/rea.jpg"/> mais dans les autres clics non.

Merci

Si tu utilises jQuery, fais-le jusqu'au bout... en plaçant les événements dynamiquement.

<script>
function rep() {
  $("#replace").html("<b>nouveau contenu</b>");
}
$(function() {
  $("#mon_lien_1").one('click',rep);
});
</script>
<a id="mon_lien_1" href="images/33.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal">
<div id="replace"> <img src="images/rea.jpg"/></div>
</a>

<a href="images/qui_sm_ns.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>
<a href="images/carte.jpg" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>
<a href="images/service_16.png" class="nyroModal" title="Sunset at Santa Monica" rel="gal"> </a>

one() permet d'exécuter un événement une seule fois.