Aide modification d'un script

**kelsett** · 26/03/2011, 16h33

Bonjour,

J'ai téléchargé un script de popup en javascript, seulement j'aimerai le modifier afin qu'aulieu d'ouvrir une popup au clic sur un lien, il ouvre un popup à l'appel de la fonction...

En gros, j'aimerai pouvoir faire quelque chose comme

Code :

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

<script type="text/javascript">fonctionPopup("div_ayant_le_contenu");</script>

mais mes connaissances en javascript sont limitées et je ne vois pas comment modifier le script en conséquence...

Voici le script actuel:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script type="text/javascript"> 
function sPopup(param){ 
 $(document).ready(function(){ 
  // on applique un ID aux elements classe sPopup-content 
  // l'ID correspond aux attributs rel des elements classe sPopup 
  $(".sPopup").each(function(i){ 
   var id_popup = '#'+$(this).attr('rel'); 
   $(id_popup).addClass('sPopup-content'); 
  }); 
  // au click... 
  $(".sPopup").click(function(){ 
   // on recupere la position de l'element cliqué (gestion du scroll) 
   pos = Math.round($(this).position().top); 
   // on recupere l'ID de la popup a ouvrir dans l'attribut rel de l'element clique 
   var id_popup = '#'+$(this).attr('rel'); 
   // on recupere le contenu de la popup 
   var contenu = $(id_popup).html(); 
   // on affiche 
   $('body').append('<div id="sPopup-container"><div style="width:'+param.width+'px;" id="sPopup-popup"><div title="'+param.closeTexte+'" id="sPopup-close"></div><div style="clear:both;"></div>'+contenu+'</div></div>'); 
   $('body').css({ overflow : "hidden" }); 
   window.scrollTo(0, 0); 
   // on gere la fermeture de la popup 
   $("#sPopup-close").click(function(){ 
    $("#sPopup-container").fadeOut(param.fadeSpeed, function(){ 
     $(this).remove(); 
     window.scrollTo(0, pos); 
     $('body').css({ overflow : "auto" }); 
    }); 
   }); 
  }); 
 }); 
} 
 
sPopup({ 
 width : 400, // largeur de la popup 
 closeTexte : 'Fermer', // texte du bouton de fermeture 
 fadeSpeed : 'fast' // Vitesse de l'effet fade (slow, medium, fast) 
}); 
</script> 
 <p><a class="sPopup" href="javascript:" rel="sPopup">Ouvrir la popup !</a></p> 
<div id="sPopup"> 
 <p>Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda,  
 stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps,  
 cum eum potius lenitate feminea ad veritatis humanitatisque viam reducere utilia suadendo deberet,  
 ut in Gordianorum actibus factitasse Maximini truculenti illius imperatoris rettulimus coniugem.</p> 
</div>

Pourriez-vous m'aider à modifier le script, ou au pire m'indiquer la marche à suivre?
Merci d'avance

EDIT: ce script fonctionne grâce au framework Jquery