Topic: Tabbed Content - Blocks in Block

[FireDitto]

So~

What I would like to be able to do, if possible, is have a display block, which calls up various blocks (block in block system) but each of the blocks it calls up are tabbed so as that only one shows at a time. You click the little tab and the next block will be viewable.

This is the block in block code I'm currently using:

Code: [Select]

$block_ids = array(34, 15, 20, 26, 106, 92, 102, 79, 83, 85);

$block_data = array();
foreach ($block_ids as $block)
{
   $data = current(getBlockInfo(false, $block, false, false, true));
   if (empty($data))
      continue;
   $block_data[$block] = $data;
   $block_data[$block]['style'] = sportal_parse_style('explode', $block_data[$block]['style'], true);
}

foreach ($block_data as $data)
echo '<div>', template_block($data), '</div>';
Thank you!

[AngelinaBelle]

This can absolutely be done.  One way to do it is with a little javascript.
Please see
http://simpleportal.net/index.php?topic=5332.msg32204;topicseen#msg32204
and
http://simpleportal.net/index.php?topic=5332.msg37841#msg37841

for how to do this.

[FireDitto]

Thanks, that's awesome!

Unfortunately I cannot find any information on how to use custom php blocks inside the tabbed content, only pre-made blocks. How would I edit the code to include custom php blocks?

[AngelinaBelle]

1) First create a custom php block to use inside the tabbed content
2) Find the block id of the blocks you just created.  You will see this in the list of all of your blocks.
3) Use these block ids in your "blocks in blocks" tabbed code.

[FireDitto]

Okay. I already have a functioning BiB; I know how to do that. That's not what I want help with.

The TABBED block-in-block code is not nearly so easy to manipulate from my end of the screen. All the examples use pre-made SP blocks (recent_posts, for example) and there are no instruction on how to use the tabbed code with custom PHP blocks in it.

That said;

How do I edit THIS code, to read custom PHP blocks, instead of premades, preferably including individual block permissions??

Code: [Select]

global $txt;

$txt['recent_topics'] = 'Recent Topics';
$txt['recent_posts'] = 'Recent Posts';

$buttons = array(
   'recent_topics' => array(
      'text' => 'recent_topics',
      'image' => '',
      'lang' => true,
      'url' => '#recent_topics" id="b_rt" onclick="change_display(\'rp\'); return false;',
      'active' => true,
   ),
   'recent_posts' => array(
      'text' => 'recent_posts',
      'image' => '',
      'lang' => true,
      'url' => '#recent_posts" id="b_rp" onclick="change_display(\'rt\'); return false;',
   ),
);

echo '
<div style="overflow: auto;">
   ', template_button_strip($buttons), '
</div>
<div id="recent_topics">
   ', sp_recent(array('type' => 1, 'display' => 1), 0), '
</div>
<div id="recent_posts" style="display: none;">
   ', sp_recent(array('display' => 1), 0), '
</div>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
   function change_display(block)
   {
      var current = block == \'rt\' ? 1 : 0;

      document.getElementById(\'recent_topics\').style.display = current ? \'none\' : \'\';
      document.getElementById(\'recent_posts\').style.display = current ? \'\' : \'none\';
      document.getElementById(\'b_rt\').className = current ? \'button_strip_recent_topics\' : \'button_strip_recent_topics active\';
      document.getElementById(\'b_rp\').className = current ? \'button_strip_recent_posts active\' : \'button_strip_recent_posts\';
   }
// ]]></script>';

[AngelinaBelle]

A custom php block really does use a "premade block".  It uses the sp_php block.  One of the parameters of that block is the 'content', which is a bunch of php code.  I would not even think about trying to create a custom php block containing php code to pass to another php block.  That way lies madness.

Instead, create a custom php block.  Use function getBlockInfo  to retrieve the parameter info you need from the database.
pass that to sp_php (just as the example passes parameters to sp_recent, etc.)

It's exactly the same thing, only with the additional step of getting the $parameters off the database instead of hard-coding them in your php block with all the tabs.

Does that make sense?

[FireDitto]

Not in the slightest ><

I have no idea how to get the block info to obtain the parameters. The Search function on the site isn't giving me any usable information that I can see.

Could you please supply how to do that, and possibly given an example, because I have no F* idea and you are speaking Gibberish to me

[AngelinaBelle]

Sorry.  I'll back up a bit.

First step.  Create a custom php block, for the content you would like to have in your sub-block.
Now, when you are editing that block, notice the URL for that block.

Along with some other stuff, you are going to see something like
index.php?action=admin;area=portalblocks;sa=edit;block_id=64
That number, 64, is the id number for one of my custom php blocks on a site I manage.

That block_id is just the secret code you need to get your block information out of the database.
Fortunately, [SiNaN] has provided a function called getBlockInfo.
In the original blocks-in-blocks example, you will see an example of getBlockInfo being used to get the parameters and several other things back about a block.

Can you see how you would do that?

[FireDitto]

I don't think we're on the same page. You're not telling me anything I don't already know; and I don't see how it relates to the tabbed BiB.

I know how to get hte block IDs - the original code I supplied in the opening post is a BIB with several individual custom PHP blocks in it. That's all well and good, looks fantastic, I love it.

However, I now want to put THOSE blocks into a BIB htat uses the tabs such as was given in the example here.

I am unable to see how to change the code to make it pull the blocks I want it to, because all the examples given for that particular code is for pre-made SP blocks, not custom made blocks.


This is the code for Tabbed BIB; What I want to know is how to change the elements to call up Custom PHP blocks that I want to be part of the tabbed system. That's all. How do I do that?:

Code: [Select]

global $txt;

$txt['recent_topics'] = 'Recent Topics';
$txt['recent_posts'] = 'Recent Posts';

$buttons = array(
   'recent_topics' => array(
      'text' => 'recent_topics',
      'image' => '',
      'lang' => true,
      'url' => '#recent_topics" id="b_rt" onclick="change_display(\'rp\'); return false;',
      'active' => true,
   ),
   'recent_posts' => array(
      'text' => 'recent_posts',
      'image' => '',
      'lang' => true,
      'url' => '#recent_posts" id="b_rp" onclick="change_display(\'rt\'); return false;',
   ),
);

echo '
<div style="overflow: auto;">
   ', template_button_strip($buttons), '
</div>
<div id="recent_topics">
   ', sp_recent(array('type' => 1, 'display' => 1), 0), '
</div>
<div id="recent_posts" style="display: none;">
   ', sp_recent(array('display' => 1), 0), '
</div>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
   function change_display(block)
   {
      var current = block == \'rt\' ? 1 : 0;

      document.getElementById(\'recent_topics\').style.display = current ? \'none\' : \'\';
      document.getElementById(\'recent_posts\').style.display = current ? \'\' : \'none\';
      document.getElementById(\'b_rt\').className = current ? \'button_strip_recent_topics\' : \'button_strip_recent_topics active\';
      document.getElementById(\'b_rp\').className = current ? \'button_strip_recent_posts active\' : \'button_strip_recent_posts\';
   }
// ]]></script>';

[Tarista]

I'm also trying to figure out the same (i think) that you're trying to achieve FireDitto.

I tried to change some parts around from the examples I found in the links by AngelinaBelle and codes by [SiNaN]. I can't get the ID of the php to load so I guess I messed something up there. And HTML is just for adding some lines of HTML which will not be enough. Still thought i could share the code I put together with snippets of codes. At least in this version it's possible to add more tabs, and not just two.

Hope I'm not intruding. Feel free to ignore me if so.

This is the part I think would be most relevant if we could figure out how to make it work

As of now it does not seem to work. My ID of the custom block is 58

Code: [Select]

array(
'label' => 'My Block',
'type' => 'sp_php',
'parameters' => array('block_id' => 58),
),
And this is the whole code
(no credit to me, I just added it up from pieces I found)

Code: [Select]

$blocks = array(
array(
'label' => 'Recent Posts',
'type' => 'sp_recent',
'parameters' => array('display' => 1),
),
array(
'label' => 'My Block',
'type' => 'sp_php',
'parameters' => array('block_id' => 58),
),
array(
'label' => 'Some HTML',
'type' => 'sp_html',
'parameters' => array('content' => 'html code goes here'),
),
);

global $txt;

$button_list = array();
foreach ($blocks as $id => $block)
{
$txt['sp_bib_label_' . $id] = $block['label'];

$button_list[] = array(
'text' => 'sp_bib_label_' . $id,
'image' => '',
'lang' => true,
'url' => '#sp_bib_' . $id . '" id="sp_bib_button_' . $id . '" onclick="sp_bib_change(' . $id . '); return false;',
);
}

$button_list[0]['active'] = true;

echo '
<div style="overflow: auto;">
', template_button_strip($button_list), '
</div>';

foreach ($blocks as $id => $block)
{
echo '
<div id="sp_bib_', $id, '"', $id != 0 ? ' style="display: none;"' : '', '>';

$block['type']($block['parameters'], 0);

echo '
</div>';
}

echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
function sp_bib_change(id)
{
for (var i = 0; i < ', count($blocks), '; i++)
{
document.getElementById(\'sp_bib_\' + i).style.display = i == id ? \'\' : \'none\';
document.getElementById(\'sp_bib_button_\' + i).className = \'button_strip_\' + i + (i == id ? \' active\' : \'\');
}
}
// ]]></script>';


[AngelinaBelle]

Fireditto,

Actually, I think we might be close to being on the same page.

Let us suppose that, instead of sp_recent, you want to call sp_php.  That is great.  But what do you pass into it?

First you need to get the parameters for the block.
You will want to do something like:

Code: [Select]

$block_info = getBlockInfo(,64);This will get the info for the block with id # 64.   If your php is stored in a block with a different id, then use that id number instead.

Next, you will want to get the paremeters out of there

Code: [Select]

$parameters = $block_info['parameters'];
Finally, when you get down to that line that not calls sp_recent, you will make the change to

Code: [Select]

sp_php($parameters,0)
Tarista, you are also on the right track, though you may be making your code so general-purpose that you might have a hard time debugging it.  It should work, in the end.

[FireDitto]

Yes! That's what I want to do.

However, your explanation has left me befuddled still. I do not know how to implement it at all into the code. Everything I'm trying is rendering the php invisible I'm trying to follow your instructions, but I really cant figure it out ><

[AngelinaBelle]

First things first, then.

1) The php block that you want to show inside your other block.  Is that working just great?

[FireDitto]

The ID of the block is 15, and yes, it works perfectly fine both standalone and in the other BIB code. Just can't get it to work in the tabbed code.

[FireDitto]

Hey Angelina, thanks for your help by the way. I really do appreciate it.

I've looked over my blocks, and what I would like is a TABBED block that calls up:

Block ID 114 (custom PHP) as the opening block
Block ID 120 (custom PHP) as the second tab
Block ID 121 (custom PHP) as the final tab

I'm still playing with it, but I am very much failing to get it to work presently.

[AngelinaBelle]

Assuming you started with working code above, you would make the changes I suggested somewhat as follows.
Remember, I have not tested this code, of course. I apologize if I have made any typing errors.

Code: [Select]

global $txt;

$blockInfo =
array (
array(
'blockName' => 'First Block',
'parameters' => getBlockInfo(,115)
),
array(
'blockName' => 'Second Block',
'parameters' => getBlockInfo(,120)
),
array(
'blockName' => 'Third Block',
'parameters' => getBlockInfo(,121)
)
);

$txt['button0'] = $blockInfo[0]['blockName'];
$txt['button1'] = $blockInfo[1]['blockName'];
$txt['button2'] = $blockInfo[2]['blockName'];



$buttons = array(
   'button0' => array(
      'text' => 'button0',
      'image' => '',
      'lang' => true,
      'url' => '#first_button" id="b_rt" onclick="change_display(\'rp\'); return false;',
      'active' => true,
   ),
   'button1' => array(
      'text' => 'button1',
      'image' => '',
      'lang' => true,
      'url' => '#second_button" id="b_rp" onclick="change_display(\'rt\'); return false;',
   ),
   'button2' => array(
      'text' => 'button2',
      'image' => '',
      'lang' => true,
      'url' => '#second_button" id="b_rp" onclick="change_display(\'rt\'); return false;',
   ),
);




echo '
<div style="overflow: auto;">
   ', template_button_strip($buttons), '
</div>
<div id="button0">
   ', sp_php($blockInfo[0]['parameters'],0), '
</div>
<div id="button1" style="display: none;">
   ', sp_php($blockInfo[1]['parameters'],0), '
</div>
<div id="button2" style="display: none;">
   ', sp_php($blockInfo[2]['parameters'],0), '
</div>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
   function change_display(block)
   {
      var current = block == \'rt\' ? 1 : 0;

      document.getElementById(\'button0\').style.display = current ? \'none\' : \'\';
      document.getElementById(\'button1\').style.display = current ? \'\' : \'none\';
      document.getElementById(\'button2\').style.display = current ? \'\' : \'none\';
      document.getElementById(\'b_rt\').className = current ? \'button_strip_button0\' : \'button_strip_button0 active\';
      document.getElementById(\'b_rt\').className = current ? \'button_strip_button1\' : \'button_strip_button1 active\';
      document.getElementById(\'b_rp\').className = current ? \'button_strip_button2 active\' : \'button_button2\';
   }
// ]]></script>';


[FireDitto]

It does not seem to work; I'm getting a tiny empty block that I think generally means a piece of code is wrong but not "broken"?

[AngelinaBelle]

I am sorry I did not test this code.  I only made some modifications to the code from Tarista.
If this were for my forum, I would start from the basics.

I would start with just one block.

I would just try one little part, without all the fancy tabs and whatnot.

Code: [Select]

$parameters = getBlockInfo(,121);
sp_php($parameters'],0);

If that works ok, then try building the rest of it up, bit by bit.
 

[Tarista]

Yeah, that code seemed not to work for me either. I ended up with a blank page too. Everything else loaded fine however. Just those php blocks giving me trouble.

[AngelinaBelle]

Sorry.  Untested code.  It was just a sort of "something like this" idea, and I may have messed up in the arrays or
... who knows where.

I recommend starting with the simplest possible piece (use block info, then use that to eval a php block).
Then build up from there.  You will quickly find my awful errors that way.