Question

I’m using below code to display Image & Name of webisites form database.

<fieldset>  
    <h1>A</h1>          
    <ul>
        <?php foreach ($records as $key) { ?>
        <li class="siteli"> <a href="#" class="add">        
            <div id="site-icon"><img src="<?php echo $key->site_img; ?>" width="16" height=""></div>
            <p id="text-site"> <?php echo $key->site_name; ?></p>
        </li>
        <?php } ?>
    </ul>
</fieldset>

Now I’m trying to group this results alphabetically by adding A, B, C etc as title.

Example,

A    
Amazon     
Aol    
Aol Mail

B    
Bing     
Bogger

Answer 1

You can use array sorting to sort the array. In your case I would choose sort()

Now to show the links with a preceding Letter I would use:

<?php
$records = ['Aaaaa', 'Aaaa2', 'bbb', 'bbb2', 'Dddd'];
$lastChar = '';
sort($records, SORT_STRING | SORT_FLAG_CASE); //the flags are needed. Without the `Ddd` will come before `bbb`.
//Available from version 5.4. If you have an earlier version (4+) you can try natcasesort()

foreach($records as $val) {
  $char = $val[0]; //first char

  if ($char !== $lastChar) {
    if ($lastChar !== '')
      echo '<br>';

    echo strtoupper($char).'<br>'; //print A / B / C etc
    $lastChar = $char;
  }

 echo $val.'<br>';
}
?>

This will output something like

A
Aaaa2
Aaaaa

B
bbb
bbb2

D
Dddd

Notice that the C is missing, because there are no words starting with C.