Jquery Block Editor

montego · 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!

kguske · Site Admin Joined: Jun 04, 2004 Posts: 6044

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!

testy1 · Involved Joined: Apr 06, 2008 Posts: 483

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 to the forums!

can you tell im excited lol

spasticdonkey · 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

testy1 · Involved Joined: Apr 06, 2008 Posts: 483

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

Palbin · Posted: Tue Dec 30, 2008 8:50 pm

testy1 can you post your UI files.

kguske · Site Admin Joined: Jun 04, 2004 Posts: 6044

Beautiful! This is coming along really nicely!

testy1 · Involved Joined: Apr 06, 2008 Posts: 483

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

testy1 · Involved Joined: Apr 06, 2008 Posts: 483

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 to the forums!

EDIT: Here is a post that definately would apply

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

Palbin · Posted: Thu Jan 01, 2009 10:38 pm

testy can I get a copy of that?

jestrella · 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.

testy1 · Involved Joined: Apr 06, 2008 Posts: 483

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

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

Palbin · 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 :/

spasticdonkey · Posted: Sat Jan 03, 2009 11:29 am

Highslide is pretty cool too: supports html, iframe, ajax, flash, etc

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

Palbin · 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.

Palbin · 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.

kguske · Site Admin Joined: Jun 04, 2004 Posts: 6044

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

kguske · Site Admin Joined: Jun 04, 2004 Posts: 6044

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

any updated testy1?