jQuery4PHP Current Release: v1.7.0 - Stable

jQuery version: v1.8.2

jQueryUI version: Stable (1.8.24: jQuery 1.3.2+)

jQuery4php API

Menu

Hide navigator Hide source code

No Padding


<button id="btnOpenDialog">Show Demo</button>

<?php echo YsUIDialog::initWidget('dialogId','style="display:none;padding:0px" title="Basic dialog"') ?>
<ul id="menu">
  <li><a href="#">Breaking News</a>
      <ul>
          <li>
              <h3>
                  header</h3>
          </li>
          <li><a href="#">Entertainment</a></li>
          <li><a href="http://www.w3schools.com/tags/html5.asp">Politics</a></li>
          <li><a href="#">A&amp;E</a></li>
          <li><a href="#">Sports</a>
              <ul>
                  <li><a href="#">Baseball</a></li>
                  <li><a href="#">Basketball</a></li>
                  <li><a href="#">A really long label would wrap nicely as you can see</a></li>
                  <li><a href="#">Swimming</a>
                      <ul>
                          <li><a href="#">High School</a></li>
                          <li><a href="#">College</a></li>
                          <li><a href="#">Professional</a>
                              <ul>
                                  <li><a href="#">Mens Swimming</a>
                                      <ul>
                                          <li><a href="#">News</a></li>
                                          <li><a href="#">Events</a></li>
                                          <li><a href="#">Awards</a></li>
                                          <li><a href="#">Schedule</a></li>
                                          <li><a href="#">Team Members</a></li>
                                          <li><a href="#">Fan Site</a></li>
                                      </ul>
                                  </li>
                                  <li><a href="#">Womens Swimming</a>
                                      <ul>
                                          <li><a href="#">News</a></li>
                                          <li><a href="#">Events</a></li>
                                          <li><a href="#">Awards</a></li>
                                          <li><a href="#">Schedule</a></li>
                                          <li><a href="#">Team Members</a></li>
                                          <li><a href="#">Fan Site</a></li>
                                      </ul>
                                  </li>
                              </ul>
                          </li>
                          <li><a href="#">Adult Recreational</a></li>
                          <li><a href="#">Youth Recreational</a></li>
                          <li><a href="#">Senior Recreational</a></li>
                      </ul>
                  </li>
                  <li><a href="#">Tennis</a></li>
                  <li><a href="#">Ice Skating</a></li>
                  <li><a href="#">Javascript Programming</a></li>
                  <li><a href="#">Running</a></li>
                  <li><a href="#">Walking</a></li>
              </ul>
          </li>
          <li><a href="#">Local</a></li>
          <li><a href="#">Health</a></li>
      </ul>
  </li>
  <li><a href="#">Entertainment</a>
      <ul>
          <li><a href="#">Celebrity news</a></li>
          <li><a href="#">Gossip</a></li>
          <li><a href="#">Movies</a></li>
          <li><a href="#">Music</a>
              <ul>
                  <li><a href="#">Alternative</a></li>
                  <li><a href="#">Country</a></li>
                  <li><a href="#">Dance</a></li>
                  <li><a href="#">Electronica</a></li>
                  <li><a href="#">Metal</a></li>
                  <li><a href="#">Pop</a></li>
                  <li><a href="#">Rock</a>
                      <ul>
                          <li><a href="#">Bands</a>
                              <ul>
                                  <li><a href="#">Dokken</a></li>
                              </ul>
                          </li>
                          <li><a href="#">Fan Clubs</a></li>
                          <li><a href="#">Songs</a></li>
                      </ul>
                  </li>
              </ul>
          </li>
          <li><a href="#">Slide shows</a></li>
          <li><a href="#">Red carpet</a></li>
      </ul>
  </li>
  <li><a href="#">Finance</a>
      <ul>
          <li><a href="#">Personal</a>
              <ul>
                  <li><a href="#">Loans</a></li>
                  <li><a href="#">Savings</a></li>
                  <li><a href="#">Mortgage</a></li>
                  <li><a href="#">Debt</a></li>
              </ul>
          </li>
          <li><a href="#">Business</a></li>
      </ul>
  </li>
  <li><a href="#">Food &#38; Cooking</a>
      <ul>
          <li><a href="#">Breakfast</a></li>
          <li><a href="#">Lunch</a></li>
          <li><a href="#">Dinner</a></li>
          <li><a href="#">Dessert</a>
              <ul>
                  <li><a href="#">Dump Cake</a></li>
                  <li><a href="#">Doritos</a></li>
                  <li><a href="#">Both please.</a></li>
              </ul>
          </li>
      </ul>
  </li>
  <li><a href="#">Lifestyle</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Politics</a></li>
  <li><a href="#">Sports</a>
      <ul>
          <li><a href="#">Baseball</a></li>
          <li><a href="#">Basketball</a></li>
          <li><a href="#">Swimming</a>
              <ul>
                  <li><a href="#">High School</a></li>
                  <li><a href="#">College</a></li>
                  <li><a href="#">Professional</a>
                      <ul>
                          <li><a href="#">Mens Swimming</a>
                              <ul>
                                  <li><a href="#">News</a></li>
                                  <li><a href="#">Events</a></li>
                                  <li><a href="#">Awards</a></li>
                                  <li><a href="#">Schedule</a></li>
                                  <li><a href="#">Team Members</a></li>
                                  <li><a href="#">Fan Site</a></li>
                              </ul>
                          </li>
                          <li><a href="#">Womens Swimming</a>
                              <ul>
                                  <li><a href="#">News</a></li>
                                  <li><a href="#">Events</a></li>
                                  <li><a href="#">Awards</a></li>
                                  <li><a href="#">Schedule</a></li>
                                  <li><a href="#">Team Members</a></li>
                                  <li><a href="#">Fan Site</a></li>
                              </ul>
                          </li>
                      </ul>
                  </li>
                  <li><a href="#">Adult Recreational</a></li>
                  <li><a href="#">Youth Recreational</a></li>
                  <li><a href="#">Senior Recreational</a></li>
              </ul>
          </li>
          <li><a href="#">Tennis</a></li>
          <li><a href="#">Ice Skating</a></li>
          <li><a href="#">Javascript Programming</a></li>
          <li><a href="#">Running</a></li>
          <li><a href="#">Walking</a></li>
      </ul>
  </li>
</ul>
<?php echo YsUIDialog::endWidget() ?>


<?php
echo
YsJQuery::newInstance()
  ->onClick()
  ->in('#btnOpenDialog')
  ->execute(
    YsUIDialog::build('#dialogId')
      ->_modal(true)
      ->_buttons(array(
          'Ok' => new YsJsFunction('alert("Hello world")'),
          'Close' =>  new YsJsFunction(YsUIDialog::close('this')))
       ),
    YsUIDialog::maximize('#dialogId')
  );

echo YsUIMenu::build('#menu')->execute();
?>

Comments

  • Support requests, bug reports, and off-topic comments will be deleted without warning.

blog comments powered by Disqus

About

Demos

jQueryUI

Plugins Support - New!

Components - New!

Project Developed by The YepSua Team
SourceForge.net