MediaWiki: Popup.js : Différence entre versions

De ECU
Aller à : navigation, rechercher
Ligne 1 : Ligne 1 :
 
$(function () {
 
$(function () {
  $('#mw-mywiki-example').html('<div class=contenu popup>
 
<p>Ce message va être affiché dans la popup.</p>
 
<p><a class=close href=/>Fermer la fenêtre</a></p>
 
</div>
 
<a href=/popup id=afficherPopup>Afficher la fenêtre</a>');
 
}());
 
  
$function deselect(e) {
+
  var myElement = document.getElementById('popupr');
$('.pop').slideFadeToggle(function()
+
  myElement.innerHTML = '<form name="f_popup">
{
+
  <p>Le Popup aura pour titre : <input type='text' value='Tout JavaScript.com' name="titre">
e.removeClass('selected');
+
  <p>Vous pouvez mettre votre nom : <input type='text' value='Visiteur' name="nom">
});
+
  <p><input type="button" value="Générer le popup" onclick="popup()">
}
+
  </form>
$(function()
+
 
{
+
  function popup() {
//Fonction appelée lorsque l'on clique sur le lien Afficher la fenêtre
+
  w=open("",'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes');
$('#afficherPopup').on('click', function()
+
  w.document.write("<title>"+document.forms["f_popup"].elements["titre"].value+"</title>");
{
+
  w.document.write("<body> Bonjour "+document.forms["f_popup"].elements["nom"].value+"<br><br>");
if($(this).hasClass('selected'))
+
  w.document.write("Ce popup n'est pas un fichier HTML, ");
{
+
  w.document.write("il est écrit directement par la fenêtre appelante");
deselect($(this));
+
  w.document.write("</body>");
}
+
  w.document.close();
else
+
}';
{
 
$(this).addClass('selected');
 
$('.pop').slideFadeToggle();
 
}
 
return false;
 
});
 
//Fonction appelée lorsque l'on clique sur le lien Fermer la fenêtre
 
$('.close').on('click', function()
 
{
 
deselect($('#afficherPopup'));
 
return false;
 
});
 
});
 
//Fonction d'animation de la fenêtre. Elle permet d'afficher ou de masquer la fenêtre
 
$.fn.slideFadeToggle = function(easing, callback)
 
{
 
return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
 
};
 
  
$('#afficherPopup').on('click', function()
+
}());
{
 
$(#popup).dialog();
 
}
 

Version du 17 avril 2019 à 13:46

$(function () {

  var myElement = document.getElementById('popupr');
  myElement.innerHTML = '<form name="f_popup">
  <p>Le Popup aura pour titre : <input type='text' value='Tout JavaScript.com' name="titre">
  <p>Vous pouvez mettre votre nom : <input type='text' value='Visiteur' name="nom">
  <p><input type="button" value="Générer le popup" onclick="popup()">
  </form>

  function popup() {
  w=open("",'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes');	
  w.document.write("<title>"+document.forms["f_popup"].elements["titre"].value+"</title>");
  w.document.write("<body> Bonjour "+document.forms["f_popup"].elements["nom"].value+"<br><br>");
  w.document.write("Ce popup n'est pas un fichier HTML, ");
  w.document.write("il est écrit directement par la fenêtre appelante");
  w.document.write("</body>");
  w.document.close();
}';

}());