• Save
Cakephp+jquery
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
8,476
On Slideshare
8,321
From Embeds
155
Number of Embeds
3

Actions

Shares
Downloads
6
Comments
0
Likes
5

Embeds 155

http://www.slideshare.net 153
http://uwa.campus.ua.dev.sapo.pt 1
http://facebook.slideshare.com 1

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