MediaWiki: Popup.js : Différence entre versions

Version du 17 avril 2019 à 14: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();
}';

}());

@@ Ligne 1 : / Ligne 1 : @@
 $(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();
-}