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.
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.
Changer contenu d'un div
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.