[Ajax-Php] mooHP: Mootools y Php

Ajax,Frameworks,Javascript,Librerias,MooHP,Mootools,Php

Buscando un script que me facilitara poner unas tabs para el próximo theme de el blog, el cual por cierto al parecer usara Mootools para unas tabs, las cuales luego verán, Me tope con este Framework.

Se llama mooHP, el cual como su nombre lo indica es una mezcla entre Mootools y Php.

La ventaja reside en que su sintaxis es muy similar a la de Mootools , por lo cual si estas acostumbrado a usar esta librería la implementación sera fácil y las ventajas muchas mas, como gestionar la gran mayoría de código vía Php.

A continuación les pongo un ejemplo de código y posteriormente un link para que vean el demo.

PLAIN TEXT
PHP:

  1. <?php
  2. include(“mooHP2/dom.class.php”);
  3. include(“mooHP2/element.class.php”);
  4. include(“mooHP2/css.class.php”);
  5. include(“mooHP2/utility.class.php”);
  6. //New instance of the dom class
  7. $t = new dom();
  8. //Loads a template from file
  9. $t->loadFile(“base.html”);
  10. //Gets element by css selector  and sets it’s HTML content.
  11. $t->SE(“body”)->setHTML(“”);
  12. //Selected ellement: body adopts  new element
  13. $t->SE(“body”)->adopt( $t->element(“div”, array(“id”=>“header”) ,“Hello world!”) );
  14. //Body adopts  <br />
  15. $t->SE(“body”)->newLine();
  16. $picked = “”;
  17. if (isset( $_GET[“cd”] )) {
  18.  $picked = ” you have selected #”.$_GET[“cd”];
  19. }
  20. //Body adopts new element div: with assigned properties as second argument and text as content;
  21. $t->SE(“body”)->adopt( $t->element(“div”, array(“style”=>“margin:10px; padding:10px; border:1px solid #444;”), “Counting down:”.$picked) );
  22. // $select  = new Element()
  23. $select = $t->element(“select”, array(“name”=>“cd”), “”);
  24. //Body adopts new element of type form
  25. $t->SE(“body”)->adopt( $t->element(“form”, array(“id”=>“newForm”,“method”=>“get”) ) );
  26. //Selects new element by ID and adopts previously defined element $select
  27. $t->S(“newForm”)->adopt( $select );
  28. // #newForm adopts new Element input
  29. $t->S(“newForm”)->adopt( $t->element(“input”, array(“type”=>“submit”, “value”=>“CLICK!”) ) );
  30. for ($i=1; $i<=20; $i++) {
  31.     //$newOption is new option element
  32.     $newOption = $t->element(“option”, array(“value”=>$i), “Count down: “ . $i );
  33.     //$select adopt as it’s first child the $newOption element
  34.     $select->adoptTop( $newOption );
  35.     if ( isset($_GET[“cd”]) && $_GET[“cd”] == $i ) {
  36.         //Setting an attribute to an element
  37.         $newOption->setProperty(“selected”,“selected”);
  38.     }
  39. }
  40. //Body accepts  new style rules
  41. $t->SE(“body”)->setStyle(“margin”,“10px”);
  42. //Body adopts <br />
  43. $t->SE(“body”)->newLine();
  44. //Appending text to the body
  45. $t->SE(“body”)->appendText(“and here comes the appended text”);
  46. //Body is adopting the inc.html contents
  47. $t->SE(“body”)->adopt( $t->includeFile(“inc.html”) );
  48. if (!isset( $_GET[“cd”] )) {
  49.     //Make simple alert with javascript
  50.     $t->alert(“Hello and welcome to mooHP”);
  51. }
  52. //Setting the <title> tah innerHTML
  53. $t->setPageTitle(“..:: Hello and welcome to mooHP ::..”);
  54. //Creating new instance of the css class
  55. $newCss = new css();
  56. //Setting rule in css
  57. $newCss->setStyle(“color”,“#ff9900″);
  58. //Setting rules in css
  59. $newCss->setStyles(array(“font-weight”=>“bold”,“font-size”=>“24px” ));
  60. //Writing the defined css to element
  61. $newCss->writeToElement( $t->S(“header”) );
  62. //Creating new instance of the css class
  63. $newCss2 = new css();
  64. //Setting rule in css
  65. $newCss2->setStyle(“border”,“10px solid #DDD”);
  66. //Setting rule in css
  67. $newCss2->setStyle(“padding”,“10px”);
  68. //Writing the defined css as #newForm selector in $t dom instance
  69. $newCss2->writeToDom(“#newForm”, $t);
  70. //Writing the page   if true is passed as argument the page will be compresed
  71. $t->writePage(true);
  72. ?>

El resultado de esto seria lo siguiente.
http://www.devpartment.com/testdrive/mooHP/

Creo que Mootools, me esta ganando, y eso se debe a una gran ventaja que ofrece ante otras Frameworks, como JQuery o Prototype, y eso es su peso, que es extremadamente pequeño, bueno aun sigo defendiendo a Jquery, pero si no se compacta un poco mas quiza tenga que darle un vistazo a Mootools.

Por cierto fui la Flisol, no participe casi en nada y es por que no me dio tuve mucho tiempo, eso si me compre una nueva playera muy chida de Debian Linux, tome unas fotos y me queria traer la de Php, pero pues no habia mas Varo($), asi que sera para la próxima, en cunato baje las fotos les platicare como estuvo la cosa.

Via | mootools + PHP = mooHP
Descarga | Descargar MooHP
Mas información en | http://www.devpartment.com/posts/mootools-php-moohp/

Leave a Comment

Your email address will not be published. Required fields are marked *