Jquery Block Editor

registered · Posted: Tue Dec 30, 2008 8:24 am

This is fantastic work testy1! Wow, like fkelly, I come back from the Holidays and look what nice present is sitting under the tree... Wink

Thanks!

registered · Site Admin Joined: Jun 04, 2004 Posts: 6437

Great! I figured using jQuery UI would address browser support issues. I can't see the photo right now as I am behind a firewall, but it's sounding great!

Involved Joined: Apr 06, 2008 Posts: 484

Well if you cant see the photo you probably cant see this little video

Only registered users can see links on this board! Get registered or login!

can you tell im excited lol

Posted: Tue Dec 30, 2008 8:18 pm

very cool testy!
now I want a theme where users can arrange and remove blocks like that Smile

Posted: Tue Dec 30, 2008 8:32 pm

I actually started working on that about 3 months ago.I got it working mostly but it got way out of control.

Posted: Tue Dec 30, 2008 8:50 pm

testy1 can you post your UI files.

Posted: Tue Dec 30, 2008 10:20 pm

Beautiful! This is coming along really nicely!

Posted: Tue Dec 30, 2008 11:59 pm

Im having an issue with the popup.I think it needs to be selector based as it will currently only work on the first block.Im guessing because it is being defined multiple times.Anyone know how to convert this.

includes/jquery/jquery.php

Code:




echo '<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.cluetip.js"></script>';


echo '<script type="text/javascript">


$(document).ready(function() {





// Rounded Corner theme


$(\'ul.rounded li:eq(0)\').cluetip({splitTitle: \'|\', dropShadow: false, cluetipClass: \'rounded\', showtitle: false});


$(\'ul.rounded li:eq(1)\').cluetip({cluetipClass: \'rounded\', dropShadow: false, showtitle: true, positionBy: \'mouse\'});


$(\'ul.rounded li:eq(2)\').cluetip({cluetipClass: \'rounded\', dropShadow: false, showtitle: true, positionBy: \'bottomTop\', topOffset: 70});


$(\'ul.rounded li:eq(3)\').cluetip({cluetipClass: \'rounded\', dropShadow: false, sticky: true, ajaxCache: false, arrows: true});


$(\'ul.rounded li:eq(4)\').cluetip({cluetipClass: \'rounded\', dropShadow: false});


});


</script>';

admin/modules/JQBlocks.php

Code:




echo '<ul id="SortL" class="sortable rounded">';


   for ($i = 0, $count = count($blocks['l']); $i < $count; $i++) {


      if (!empty($blocks['l'][$i]['content'])) {


         $TypeImage = 'html.png"';


      } elseif (!empty($blocks['l'][$i]['url'])) {


         $TypeImage = 'rss.png"';


      } else {


         $TypeImage = 'php.png"';


      }


      if (!empty($blocks['l'][$i]['groups'])) {


      $BlockGroupID = $blocks['l'][$i]['groups'];


      $groupsSql = $db->sql_query('select gid, gname from ' . $prefix . '_nsngr_groups WHERE gid='.$BlockGroupID.' ORDER BY gname');


      $groupsResult = $db->sql_fetchrow($groupsSql);


      $GroupName = $groupsResult['gname'];


      


      $PermYesPop = htmlentities('title=\'|<font color="red"><b>Block Info</b></font>|<b>Block Type:</b> Block File|<b>Permissions:</b> Group permissions <b>'.$GroupName.'</b>\'');


      


      $PermNoPop = htmlentities('title=\'|<font color="red"><b>Block Info</b></font>|<b>Block Type:</b> Block File|<b>Permissions:</b> No group permissions\'');


      }      


      


      if (($blocks['l'][$i]['groups'] > 0) || ($blocks['l'][$i]['view'] > 0)) {


         echo '<li '.$PermYesPop.' style="color: ' . $textcolor1 . ';" class="activegroup">';


      } else {


         echo '<li '.$PermNoPop.' style="color: ' . $textcolor1 . ';" class="sortable">';


      }

this is the main UL

Code:




echo '<ul id="SortL" class="sortable rounded">';

Palbin,

Ill post that stuff tomorrow its about 2.5 hours away from new years eve party time lol

Happy New Years

Posted: Wed Dec 31, 2008 11:06 pm

kguske,

I sent you a PM

The latest files have been passed on to the RN Team but here is a screenshot of where I got to.

Only registered users can see links on this board! Get registered or login!

Only registered users can see links on this board! Get registered or login!

EDIT: Here is a post that definately would apply

http://kl93.blogspot.com/2008/02/jquery-sortable-with-ajax-php-and-mysql.html

Posted: Thu Jan 01, 2009 10:38 pm

testy can I get a copy of that?

Posted: Fri Jan 02, 2009 9:24 am

wow testy... I am verry amazed after watching the video... keep it up, you are the man.

Posted: Fri Jan 02, 2009 6:50 pm

here is a better qualty video that shows where I got to.Unfortunately its now getting out of my league.

Just download and open with FF or IE

http://files.filefront.com/JQBlocks+2swf/;12850271;/fileinfo.html

Posted: Fri Jan 02, 2009 8:12 pm

I'm working on a 'lightbox" preview of the blocks i''l post a screen shot when I'm done. Currently trouble shooting other things :/

Posted: Sat Jan 03, 2009 11:29 am

Highslide is pretty cool too: supports html, iframe, ajax, flash, etc
http://highslide.com/

Posted: Sat Jan 03, 2009 11:35 am

I was looking for a jquery plugin, but I will look at highslide to Smile

. It is very nice.

Posted: Sat Jan 03, 2009 11:38 am

I just saw that they change for commercial sites. So I don't want to use it.

They don't change for single users, but this could be used as a commercial site so I would like to follow their wishes.

Posted: Tue Jan 06, 2009 5:12 am

I'll have to check my notes, but I looked at several lightbox scripts that work with jQuery.

Posted: Fri Aug 13, 2010 4:28 pm

Also bumping this as I'd like to see some progress implementing a block editor...

any updated testy1?