Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 26/03/2011, 16h33   #1
Invité de passage
 
Inscription : mars 2011
Messages : 1
Détails du profil
Informations forums :
Inscription : mars 2011
Messages : 1
Points : 0
Points : 0
Par défaut Aide modification d'un script

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 :
<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 :
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
kelsett est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/04/2011, 09h11   #2
Membre habitué
 
Homme
Inscription : septembre 2008
Messages : 161
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Congo-Kinshasa

Informations forums :
Inscription : septembre 2008
Messages : 161
Points : 139
Points : 139
Envoyer un message via Skype™ à tresorunikin
pas de chance peut être! j'ai écrit un code mais enfin je l'ai encore perdu par erreur... sinon, l'idée est ici en anglais
tresorunikin est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 22h09.


 
 
 
 
Partenaires

Hébergement Web