CSS-Button und :hover

[Forumsgast]

Hallo an alle,

ich habe folgendes Problem:
Ich habe in der html_output.php meine Button als CSS definiert:

function tep_image_button($image, $alt = '', $parameters = '') {
   global $language;

$image = '<div class="cssbutton">' . $alt . '</div>';

return $image;
 
 } 

In meiner stylesheet.css habe ich die Werte gesetzt:

  .cssbutton {
        color : #0000FF;
        width : 150px;
        font-weight: normal;
        font-family: Tahoma;
        font-size: 12px;
        cursor: pointer;
        text-align:center;
        border: 1px solid #008cc8;
        border-spacing: 1px;
        background-image: url(images/butthg3.gif);
}

 
.cssbuttonsubmit {
        color : #0000FF;
        width : 150px;
        font-weight: normal;
        font-family: Tahoma;
        font-size: 12px;
        cursor: pointer;
        text-align:center;
        border: 1px solid #008cc8;
        border-spacing: 1px;
        background-image: url(images/butthg3.gif);
}
  .cssbutton:hover {
        color : #FF0000;
        width : 150px;
        font-weight: normal;
        font-family: Tahoma;
        font-size: 12px;
        cursor: pointer;
        text-align:center;
        border: 1px solid #008cc8;
        border-spacing: 1px;
        background-image: url(images/butthg2.gif);
}

 
.cssbuttonsubmit:hover {
        color : #FF0000;
        width : 150px;
        font-weight: normal;
        font-family: Tahoma;
        font-size: 12px;
        cursor: pointer;
        text-align:center;
        border: 1px solid #008cc8;
        border-spacing: 1px;
        background-image: url(images/butthg2.gif);
}

Wie schaffe ich es,dass z.B. in der products_new.php bei folgendem Code ein Wechsel bei background-image: von butthg3.gif zu butthg2.gif erfolgt?

<tr>
            <td width="<?php echo SMALL_IMAGE_WIDTH + 10; ?>" valign="top" class="main"><?php echo '[url="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $products_new['products_id']) . '"]' . tep_image(DIR_WS_IMAGES . $products_new['products_image'], $products_new['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '[/url]'; ?></td>
            <td valign="top" class="main"><?php echo '[url="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $products_new['products_id']) . '"][b]<u>' . $products_new['products_name'] . '</u>[/b][/url]
' . '
' . TEXT_PRICE . ' ' . $products_price; ?></td>
            <td align="right" valign="middle" class="main"><?php echo '[url="' . tep_href_link(FILENAME_PRODUCTS_NEW, tep_get_all_get_params(array('action')) . 'action=buy_now&products_id=' . $products_new['products_id']) . '"]' . tep_image_button('button_in_cart.gif', IMAGE_BUTTON_IN_CART) . '[/url]'; ?></td>
          </tr>
          <tr>
            <td colspan="3"><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
          </tr>

Es betrifft dieses tep_image_button.

[Forumsgast]

Leg einen weiteren Parameter für die Funktion an oder benutz $parameters, der scheint noch unbenutzt zu sein.

Mach dir vielleicht auch Gedanken darüber, ob du nicht zukünftig auf den Einsatz von "global" verzichtest, denn zur Parametrisierung einer Funktion sind nunmal die Parameter vorgesehen.

Auch dein Quellcode sieht verdächtig nach xtCommerce-Style aus, man hat da die Kontrolle und Übersicht praktisch schon abgegeben, bevor man angefangen hat. Ich meine man kann auf den ersten Blick nicht sagen, was du da überhaupt tust, und das ist eigentlich schon das KO-Kriterium für spätere Erweiterungen. Tu dir einen gefallen und rück wenigstens den Quellcode ein ^^

[Forumsgast]

Danke für die Hinweise.
Ist das Blöde, dass es osCommerce ist, welches ich nun für meine Zwecke "umbasteln" möchte und da ich in php noch nicht so firm bin, ist es manchmal schwierig. Ich hab mir zwar schon Kannengiesser PHP5 geholt, aber es dauert seine Zeit, sich durchzuarbeiten.

Vielleicht schaffe ich es ja irgendwann, das Ganze in einen "sauberen" Code umzuschreiben.