Your SlideShare is downloading. ×
Cakephp+jquery
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Cakephp+jquery

6,678
views

Published on


0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,678
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide



































  • Transcript

    • 1. CakePHP jQuery
    • 2. • twitter @nano_eight • github nano-eight
    • 3. • AmazonEC2 • CakePHP • Twitter • Cake 100 LT
    • 4. CakePHP
    • 5. (; ∀ )
    • 6. jQuery
    • 7. jQuery CakePHP
    • 8. • jQuery CakePHP • jQuery UI • jQuery plugin •
    • 9. jQuery CakePHP
    • 10. JsHelper
    • 11. • effect() ‣ ‣ slideIn fadeOut • submit() ‣ Ajax POST
    • 12. • echo $js->writeBuffer(); • options array('buffer' => false) writeBuffer()
    • 13. JsHelper jQuery UI • slider() • sortable() • drag • drop
    • 14. JsHelper jQuery UI • slider() • sortable() • drag • drop Javascript
    • 15. JsHelper jQuery UI • slider() • sortable() • drag • drop Javascript →
    • 16. • sortable() POST <?php echo $form->hidden( 'order][', array('value' => 'item') ); ?>
    • 17. datepicker • datepicker JsHelper • • @surface0
    • 18. datepicker • datepicker JsHelper • • @surface0 →
    • 19. <?php $dp_options = array( 'buttonImage' => 'calendar.png', 'buttonImageOnly' => true, 'changeMonth' => true 'changeYear' => true, ); echo $datepicker->set(null, $dp_options); ?>
    • 20. jQuery Plugin
    • 21. jGrowl • Mac Growl • helper Session::setFlash + element
    • 22. jGrowl • jgrowl jgrowl/ok,ng element <script> $(document).ready(function(){ $.jGrowl("<?php echo $message; ?>", {header:'result', theme:'jgSuccess'}); return false; }); </script> • Controller Session::setFlash 'jgrowl/ok'
    • 23. qTip • ToolTip • • <?php echo $qtip->set('ul li', $qtip_options); ?>
    • 24. Flexigrid • Grid • Cake
    • 25. Cake
    • 26. CakePHP jQuery
    • 27. CakePHP jQuery