Changeset 5887 in spip-zone

Timestamp:

Oct 4, 2006, 8:25:32 PM (15 years ago)

Author:

renato@…

Message:

a button to cancel the widget. Cancel can be also done by pressing esc or clicking outside any widget

Location:

_plugins_/_dev_/widgets

Files:

• action/widgets_html.php (modified) (1 diff)
• widgets.js (modified) (4 diffs)

_plugins_/_dev_/widgets/action/widgets_html.php

@@ -56 +56 @@
                         echo $n->code();
                         echo $n->input($type);
-                        echo '<input type="submit" value="ok" />'."\n".'</form>'."\n";
+                        echo '<input type="submit" value="ok" />'."\n";
+                        echo '<input class="cancel_widget" type="button" value="cancel" />'."\n".'</form>'."\n";
                 }
         }

_plugins_/_dev_/widgets/widgets.js

@@ -1 @@
-// TODO: passer la valeur a afficher pour pouvoir faire CANCEL
-// en cliquant sur un bouton, ou hors de la div, ou en tapant ESC
 
 url_widgets_html = 'spip.php?action=widgets_html&class=';
 
-$.setupwidget = function(){
+$.setupwidget = function(e){
     var me = this;
-
+    var me_orig = me.innerHTML;
     // reglages de taille mini/maxi; pas tres beau
     var w,h;
@@ -20 +18 @@
          $(me)
          .unclick()
+         .click(function(e){e.stopPropagation();}) //avoid cancelling on click
          .html(c)
          .find('form')
@@ -25 +24 @@
              $(me)
              .html(c.responseText)
+             .unclick() //remove the trap to avoid cancel onclick
              .click($.setupwidget); // recursif
            })
@@ -37 +37 @@
              .each(function(){this.focus();})
            .end()
+           .find(".cancel_widget")
+                 .click(cancel_widget)  
+           .end()
          .end()
          ;
+         $("html").keypress(exit_on_esc).click(cancel_widget);
        }
      );
+     
+    function cancel_widget() {
+      $(me).html(me_orig) //restore original html
+      .unclick() //remove the trap to avoid cancel onclick
+      .click($.setupwidget);
+      return false;
+    }
+    function exit_on_esc(e) {
+      if(e.keyCode==27) {
+        $("html").unkeypress(exit_on_esc);
+        return cancel_widget();
+      }
+    }
+    e.stopPropagation(); //do not cancel widgets when creating another one
   }