html in foreach loop

Question

I have a problem with embeded html in foreach loop: HTML:

<div class="head">
<div class="wins">
    <div class="images"> 
        <a href="#"><img src="images/1.jpg" alt=""></a>
        <a href="#"><img src="images/2.jpg" alt=""></a> 
        <a href="#"><img src="images/3.jpg" alt=""></a> 
    </div>
    <div class="Bar"> 
        <a href="#" rel="1"><span>1</span>Cat1</a>
        <a href="#" rel="2"><span>2</span>Cat2</a> 
        <a href="#" rel="3"><span>3</span>Cat3</a> 
    </div>
</div>

I want to print html with this function :

function Bar($array){
    $box .= '<div class="images">';
    foreach($array as $key => $value){
       $box .= ' <a href="#"><img src="'.$value['image'].'" alt=""></a>';
    }
    $box .= '</div>';
    return $box;
 }

I want to break the loop after <div class="images"> and continue loop after the <div class="Bar"> . But Im confusing about this issue. Please show me the right way. Thanks in advance

EboMike · Accepted Answer · 2010-10-28 21:44:03Z

2

Two options:

Run through the loop twice.

or

Store each section in a separate variable and merge them later on, i.e.

function Bar($array){
    foreach($array as $key => $value){
       $images .= ' <a href="#"><img src="'.$value['image'].'" alt=""></a>';
       $bar .= ' <a href="#"><span>....</a>';
    }
    $box .= '<div class="images">';
    $box .= $images;
    $box .= '</div>';
    $box .= '<div class="Bar">';
    $box .= $bar;
    $box .= '</div>';
    return $box;
 }

answered Oct 28, 2010 at 21:44

EboMike

78k15 gold badges172 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

FatherStorm · Accepted Answer · 2010-10-28 22:25:20Z

1

function Bar($array){  
$divImage=$divBar=array();  
    foreach($array as $key => $value){  
       $divImage[]= " <a href='#' ><img src='{$value['image']}' alt=''></a>";  
       $divBar[]= " <a href='#' rel='$key' ><span>$key</span>Cat$key</a>";  
    }  
 $divImage="<div class='images'>".implode("\r\n",$divImage)."</div>";  
 $divBar="<div class='bar'>".implode("\r\n",$divBar)."</div>";  
    $box="<div class='wins'>  
   $divImage  
   $divbar  
    </div>";  
   return $box;  
 }

edited Oct 28, 2010 at 22:25

answered Oct 28, 2010 at 21:52

FatherStorm

7,1711 gold badge24 silver badges27 bronze badges

Comments

Kamil Klimek · Accepted Answer · 2010-10-28 21:42:41Z

0

maybe something like that?

$divimg = '<div class="images">';
$divbar = '<div class="Bar">';

foreach(...) {
    $divimg .= ' ... ';
    $divbar .= ' ... ';
}

$divimg .= '</div>';
$divbar .= '</div>';

$divimg .= $divbar;

return $divimg;

answered Oct 28, 2010 at 21:42

Kamil Klimek

13.1k2 gold badges46 silver badges60 bronze badges

Collectives™ on Stack Overflow

html in foreach loop

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related