CODEWITHSUNDEEP
phpjqueryarrays
James
James

Reputation: 2860

Looping over PHP array several times at once whilst not showing same data

I am creating some jQuery functionality on my website whereas an array of Facebook posts and Tweets is looped through to show on the front page.

I have 5 boxes on my front page which I need 5 to show random elements from this array at the same time, then I using some jQuery cycle functionality to cycle through this array. The only issue is, as I am looping over this array 5 times (with each box) and there are only 20 items in this array it can show repeated data.

To help explain this more here is my code:

<?php
  $social_feeds = array_merge($tweets_feed, $facebook_feeds);
  $social_feeds_arranged = $tweets_feed_instance->sortArrayItemsByDate($social_feeds);
?>
<div id="social_box_item1" class="social_box_item">
  <?php foreach($social_feeds_arranged as $item) {  ?>
    <a class="item">
      <?php echo $item['text'] ?>
    </a>
  <?php } ?>
</div>
<div id="social_box_item2" class="social_box_item">
  <?php foreach($social_feeds_arranged as $item) {  ?>
    <a class="item">
      <?php echo $item['text'] ?>
    </a>
  <?php } ?>
</div>
<div id="social_box_item3" class="social_box_item">
  <?php foreach($social_feeds_arranged as $item) {  ?>
    <a class="item">
      <?php echo $item['text'] ?>
    </a>
  <?php } ?>
</div>
<div id="social_box_item4" class="social_box_item">
  <?php foreach($social_feeds_arranged as $item) {  ?>
    <a class="item">
      <?php echo $item['text'] ?>
    </a>
  <?php } ?>
</div>
<div id="social_box_item5" class="social_box_item">
  <?php foreach($social_feeds_arranged as $item) {  ?>
    <a class="item">
      <?php echo $item['text'] ?>
    </a>
  <?php } ?>
</div>

<script type="text/javascript">
  jQuery(document).ready(function() {

    jQuery('#social_box_item1').cycle({

    }); 
    jQuery('#social_box_item2').cycle({

    });
    jQuery('#social_box_item3').cycle({

    }); 
    jQuery('#social_box_item4').cycle({

    }); 
    jQuery('#social_box_item5').cycle({

    }); 

  });
</script>

What I need to happen I think is for the first loop to push the item it is displaying ot the back of the array, so when the second loop accesses the first item it will not show the same array item, the same with the 3rd, 4th and 5th loops. I have attempted to do this using array_push and array_shift but can't seem to get it working.

Does anybody have any ideas or can help point out where I am going wrong?

Upvotes: 0

Views: 122

Answers (1)

Hanky Panky
Hanky Panky

Reputation: 46900

Those loops are not needed then. You can access those array items one by one, if you meant that. Try this:

        $social_feeds = array_merge($tweets_feed, $facebook_feeds);
        $social_feeds_arranged = $tweets_feed_instance->sortArrayItemsByDate($social_feeds);

    ?>
    <div id="social_box_item1" class="social_box_item">
        <a class="item">
                <?php echo $social_feeds_arranged[0]['text']; ?>
            </a>
        </div>
    <div id="social_box_item2" class="social_box_item">

            <a class="item">
                <?php echo $social_feeds_arranged[1]['text']; ?>
            </a>                                

    </div>
    <div id="social_box_item3" class="social_box_item">

            <a class="item">
                <?php echo $social_feeds_arranged[2]['text']; ?>
            </a>                                

    </div>
    <div id="social_box_item4" class="social_box_item">

            <a class="item">
                <?php echo $social_feeds_arranged[3]['text']; ?>
            </a>                                

    </div>
    <div id="social_box_item5" class="social_box_item">

            <a class="item">
                <?php echo $social_feeds_arranged[4]['text']; ?>
            </a>                                

    </div>

Upvotes: 1

Related Questions