jqRemoveClass

View
Rendered webpage	APL code

This paragraph is big and red because it has the class "redclass".
Click the button to remove that style.
The paragraph should shrink and loose the red upon clicking the button.


:Class jqRemoveClassSimple: MiPageSample 
⍝ Control:: _JQ.jqRemoveClass _html.head 
⍝ Description:: Remove a class during callback 
 
    ∇ Compose 
      :Access public 
      Use'JQueryUI' ⍝ because we will add a jQuery UI effect later 
      Add _.Style'.redclass',⊂('background-color' 'red')('font-size' 'large') 
      '#output' '.redclass'Add _.p ScriptFollows 
      ⍝ This paragraph is big and red because it has the class "redclass".<br> 
      ⍝ Click the button to remove that style.<br> 
      ⍝ The paragraph should shrink and loose the red upon clicking the button. 
      ('button'Add _.Button'Wash!').On'click' 'Wash' 
    ∇ 
 
    ∇ r←Wash 
      :Access public 
      ⍝ Scripts belong in the <head> element: 
      r←'head'Append New _.jqRemoveClass,⊂'#output' 'redclass' 800 'easeOutElastic' 
    ∇ 
 
:EndClass

Controls used on this page: Dyalog: Button, Style jQueryUI: jqRemoveClass Base HTML: p

Dyalog MiServer 3 Sample Site