Aide JavaScript..
kelsett
Messages postés
353
Date d'inscription
Statut
Membre
Dernière intervention
-
kelsett Messages postés 353 Date d'inscription Statut Membre Dernière intervention -
kelsett Messages postés 353 Date d'inscription Statut Membre Dernière intervention -
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
<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:
Pourriez-vous m'aider à modifier le script, ou au pire m'indiquer la marche à suivre?
Merci d'avance
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
<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:
<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
A voir également:
- Aide JavaScript..
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Erreur #125 javascript - Forum Mozilla Firefox
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript