J'ai un iframe chargé et je veux attacher un événement click à chaque ancre. Le modal est déclenché à partir d'un lien.Simplemodal: comment attacher un événement au modal d'un iframe?
mise à jour:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Simple Modal Test</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.simplemodal-1.3.5.js"></script>
</head>
<body>
<a id="showModal" href="#">Trigger Simple Modal</a>
<script type="text/javascript">
$(function(){
$('#showModal').click(function(e){
$.modal('<iframe src="mylinks.html'" height="400" width="600" style="border:0">', {
onShow:function(dialog){
$('a', dialog.data).click(function(){
// do something
alert('You clicked me!');
});
}
});
return false;
});
});
</script>
</body>
</html>
C'est ce que j'ai dans mylinks.html:
<a href="http://www.google.com" target="_new">Google</a>
<a href="http://www.yahoo.com" target="_new">Yahoo!</a>
J'utilise jQuery 1.4.2 et la version 1.3.5 SimpleModal. J'ai aussi testé ce code en 1.3.2 et j'ai le même problème même en FF ou IE7. Quelqu'un pourrait-il me dire ce que je fais de mal?
Merci! J
Pouvez-vous expliquer plus loin ... est l'iframe dans le modal ou le modal dans l'iframe? Où jQuery est-il chargé, dans le parent ou iframe? –
Le jQuery est chargé dans le parent et l'iframe dans le modal. J'ai également mis à jour le code. J'ai mis à jour mes codes ci-dessus. – nolabel