Seperate array by 5's into individual div containers

lspiehler · November 3, 2010

I figure I'd use array_chunk to divide my array by 5's, but how can I get each set of five to be enclosed in div tags. My array is a list of images in a directory which I need inserted into a format like the example code on this page. http://flowplayer.org/tools/demos/scrollable/index.html. Thanks for any help.

Andy-H · November 3, 2010


$array = array( '1', '2', '3', '4', '5', '6', '7', '8', '9', '10');
$array = array_chunk($array, 5);

   foreach($array as $arr)
   {
      echo '<div>' . "\r\n" . implode("\r\n", $arr) . "\r\n" . '</div>' . "\r\n\r\n";
   }

lspiehler · November 3, 2010

Thanks for the super fast reply, but this code echoes "<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div>". In my case I would need it to separate like so. "<div>12345</div><div>678910</div>Thanks again.

Andy-H · November 3, 2010

Sorry, I realised that and edited my post before you posted the reply.

lspiehler · November 3, 2010

Awesome! It looks like I need more help though. I'm really new to this. After reading about the implode function, it looks like the implode function can only work with a variable and I need to be able to echo lots of html there. Let me see if I can be very specific. My current code without the div stuff i want to do is:

foreach ($myfile as $v) {

echo "<a href=\"http://mysite.com/index.php?cat=family&video={$v}\" onmouseover=\"{$v}.src={$v}loadImage1.src;\" onmouseout=\"{$v}.src={$v}staticImage1.src;\">

<img name=\"{$v}\" src=\"http://mysite.com/thumbs/{$v}/_002.jpg\" border=0></a>\n";

}

As you can see there is lots of additional html and the same variable is called several times in each block of html. The extra javascript causes a mouseover event to change the jpg to a gif to play a sort of video preview. The html currently shows up like this:

But I need each 5 blocks of html to have divs around them like this:

<div>

</div>

<div>

</div>

Do you know how I can accomplish this? Thanks a lot!!!!

Andy-H · November 3, 2010

$myfile = array_chunk($myfile, 5);

foreach ($myfile as $v)
{
   echo "\t" . '<div>' . "\r\n";
   foreach($v as $val)
   {
      printf("\t\t" . '<a href="http://mysite.com/index.php?cat=family&video=%1$d" onmouseover="%1$d.src=%1$dloadImage1.src;" onmouseout="%1$d.src=%1$dstaticImage1.src;">
<img name="%1$d" src="http://mysite.com/thumbs/%1$d/_002.jpg" border=0></a>' . "\r\n", $val);
   }
   echo "\t" . '</div>' . "\r\n";
}

lspiehler · November 3, 2010

The html is formatting great, but where you replaced the variable with "%1$d" the html only shows "0" instead of the values in the array. Here's the source:

<div>

</div>

<div>

</div>

<div>

</div>

Andy-H · November 3, 2010

The array values are integers as you displayed in your example, aren't they?

//EDIT

If not, please show the contents of the array using:

echo '<pre>' . print_r($myfile, true) . '</pre>';

lspiehler · November 3, 2010

Sorry, no. My array is file names. Some of the file names are long, and after using them several times the code got very long and I thought it would make a better example if I just used some short numbers. I didn't realize it would be a problem. Do you have any more tricks up your sleeve? Thanks again for your amazingly fast responses!

Andy-H · November 3, 2010

$myfile = array_chunk($myfile, 5);

foreach ($myfile as $v)
{
   echo "\t" . '<div>' . "\r\n";
   foreach($v as $val)
   {
      printf("\t\t" . '<a href="http://mysite.com/index.php?cat=family&video=%1$s" onmouseover="%1$s.src=%1$sloadImage1.src;" onmouseout="%1$s.src=%1$sstaticImage1.src;">
<img name="%1$s" src="http://mysite.com/thumbs/%1$s/_002.jpg" border=0></a>' . "\r\n", $val);
   }
   echo "\t" . '</div>' . "\r\n";
}

That should work. And you're welcome.

lspiehler · November 3, 2010

Just what I needed. You and this site are awesome! Now I've got to go study all this stuff to see how you made it work. Hopefully after enough playing around, I can help contribute to this highly skilled community. Thank you so much.

Sign In

Seperate array by 5's into individual div containers

Recommended Posts

lspiehler

Link to comment

Share on other sites

Andy-H

Link to comment

Share on other sites

lspiehler

Link to comment

Share on other sites

Andy-H

Link to comment

Share on other sites

lspiehler

Link to comment

Share on other sites

Andy-H

Link to comment

Share on other sites

lspiehler

Link to comment

Share on other sites

Andy-H

Link to comment

Share on other sites

lspiehler

Link to comment

Share on other sites

Andy-H

Link to comment

Share on other sites

lspiehler

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information