Identifier __anzaendern__ mit Grafik

[admin]

Im Warenkorb wird der Identifer __anzaendern__ benutzt um ein Eingabefeld und einen Submit-Button bereitzustellen, um die Stückzahl für einen Artikel im Warenkorb zu ändern.  Der Button nimmt relativ viel Platz weg. Kann man hier auch eine kleine Grafik verwenden ?

Die Grösse des Buttons wird durch den Text bestimmt. Den Text kann  man der Sprachdatei (Text22) ändern. Wenn man statt "ändern" z.B. "ok" benutzt, wird der Button schon wesentlich kürzer.

Man kann allerdings auch tatsächlich eine Grafik benutzen.
Dazu erweitert man zunächst den Code der Warenkorbvorlage.

Code [Auswählen] Expand


<span class="anzaendern">__anzaendern__</span>


Also einfach ein span Element mit der Klasse "anzaendern" um den Identifier __anzaendern__ herumlegen.

Dann braucht man nur noch etwas CSS zb. in stile.css einzufügen.

Code [Auswählen] Expand


.anzaendern form input[type=submit] {background-image:url(../images/other/anzaebutton.jpg);width:22px; };


Mit CSS kann man nämlich auch Elemente eindeutig addressieren, wenn sie selbst kein Klasse oder ID haben. Man geht einfach von einem benannten Element aus und listet die enhaltenen Elemente bis zum gesuchten Element auf.

[dobra]

Hallo hop,

Danke für den Tipp.

Ich habe das bis jetzt immer mit __xanzaendern__ gemacht

Code [Auswählen] Expand

<td class="amount" nowrap valign="middle" style="border-right:none;">
<form method="post" action=__xanzaendern__>
        <input name="__xid__" style="width:25px;" size="1" maxlength="3" value="__anzahl__"></td>
<td style="border-left:none;" valign="bottom"><input type="image" style="width:16px; height: 16px; border:none; magrin:0; padding:0;" src="../images/other/anzaend.gif" title="Anzahl ändern">
</form>
</td>
aber mit css ist's einfacher  :)