Hinzufügen andere Klasse für gerade und ungerade divs

Habe ich einen block von PHP-code, der wie folgt aussieht:

$flag = false;
if (empty($links))
{
    echo '<h1>You have no uploaded images</h1><br />';
}

foreach ($links as $link)
{   
    $extension  = substr($link, -3);
    $image_name = ($extension == 'peg') ? substr($link, -15) : substr($link, -14);  

    ($delete_submit) ? deleteImage('.' . $image_name, $link) : '';

    echo '<div>';
        echo '<table>';

        echo '<tr><td class="fullwidth"><a class="preview_img" href="' . $link . '"><img src="' . $link . '" title="Click to enlarge" width="300" class="thumb" /></a></td></tr>';

        echo '<tr><td><span class="default">Direct:</span>&nbsp;';
        echo '<input type="text" readonly="readonly" class="link-area" onmouseover="this.select();" value="' . $link . '" />'; 
        echo '</td></tr>';

        echo ($flag) ? '<hr /><br>' : '';

        echo '</table>';
        echo '<br>';
    echo '</div>';

    $flag = true;
}

Möchte ich die <div> um eine andere Klasse basierend darauf, ob es gerade oder ungerade ist. Wenn es gerade ist, es wird X-Klasse, wenn es seltsam ist, es wird Y-Klasse.

Wie mache ich das in meinem Fall? Ich bin Total ratlos und ich weiß nicht, wie zu starten!

InformationsquelleAutor der Frage Dugi | 2011-12-16

  1. 43

    Initialisieren Sie eine variable $count=0; vor der Schleife. Dann platzieren Sie die folgenden in der Schleife: ++$count%2?"odd":"even".

    $count = 0;
foreach ($links as $link)
{   
    $extension  = substr($link, -3);
    $image_name = ($extension == 'peg') ? substr($link, -15) : substr($link, -14);  

    ($delete_submit) ? deleteImage('.' . $image_name, $link) : '';

    echo '<div class="' . (++$count%2 ? "odd" : "even") . '">';

    InformationsquelleAutor der Antwort Rob W

  2. 11
    [...]
$i++;
echo '<div class="'.($i%2 ? 'odd':'even').'>';
[...]

    InformationsquelleAutor der Antwort konsolenfreddy

  3. 5

    bevor die foreach -, declare einen booleschen Wert:

    $div_flag = false;

    in der foreach-Schleife, wo man das echo der div-fügen Sie diese:

    "class=".( $div_flag ? "'odd'" : "'even'" )

    am Ende der foreach (oder irgendwo in es, wirklich) fügen Sie diese:

    $div_flag = !$div_flag;

    InformationsquelleAutor der Antwort Andrew Jackman

  4. 4

    Wenn Sie arbeiten auf einem Prototyp-Website, können Sie immer implementieren eine Reine CSS-Lösung:

    div:nth-child(even) { /* Apply even class rules here */ }
div:nth-child(odd) { /* Apply odd class rules here */ }

    Der Grund, warum ich empfehlen, dass Sie nutzen diese nur für den Prototyp-Websites ist, weil die Kompatibilität für :nth-child unterstützt keinen IE8 oder unten.

    InformationsquelleAutor der Antwort Wex

  5. 1

    Wenn Sie einen modernen browser, können Sie CSS verwenden, mit sowas wie diese in deinem Stylesheet.

    div:nth-child(odd)
{
  background:#ff0000;
}
div:nth-child(even)
{
  background:#0000ff;
}

    InformationsquelleAutor der Antwort Brian Hoover

  6. 1

    Fügen Sie eine variable für die Schleife.

    $c = true;
foreach ($links as $link)
{

$extension  = substr($link, -3);
$image_name = ($extension == 'peg') ? substr($link, -15) : substr($link, -14);  

($delete_submit) ? deleteImage('.' . $image_name, $link) : '';

echo '<div'.(($c = !$c)?' class="odd"':'').">
//echo '<div>';
    echo '<table>';

    echo '<tr><td class="fullwidth"><a class="preview_img" href="' . $link . '"><img src="' . $link . '" title="Click to enlarge" width="300" class="thumb" /></a></td></tr>';

    echo '<tr><td><span class="default">Direct:</span>&nbsp;';
    echo '<input type="text" readonly="readonly" class="link-area" onmouseover="this.select();" value="' . $link . '" />'; 
    echo '</td></tr>';

    echo ($flag) ? '<hr /><br>' : '';

    echo '</table>';
    echo '<br>';
echo '</div>';

$flag = true;
}

    InformationsquelleAutor der Antwort Ovidiu

  7. 0

    Probieren Sie etwas wie dieses

    $count = 0;
foreach($links as link) {
  $count++;
  print ($count % 2 == 1) ? "odd" : "even"; 
}

    InformationsquelleAutor der Antwort useful

  8. 0

    Ohne Zähler:

    <?php $toggle_class = 'even';?>
<?php foreach ($links as $link):?>
  <?php $toggle_class = ($toggle_class == 'odd' ? 'even' : 'odd');?>
  <div class="<?php echo $toggle_class;?>">
    Your div content...
  </div>
<?php endforeach;?>

    InformationsquelleAutor der Antwort fat_mike

Schreibe einen Kommentar