• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Form input type image im IE und Chrome fehlerhaft

princemichi

princemichi

Neues Mitglied
Hallo,
ich bin erfahrener PHP Entwickler und muss schon sagen, bin derzeit wirklich etwas verwirrt. Versuche nun seit 3 Stunden ein Verdamte Bild als submit button zu coden. Zu allererst: Das was ich jetzt gleich poste, funktioniert nur in Firefox. Aber dort funktioniert es! Ich habe es im IE und Chrome getestet, dort klappts nicht!

So sieht die seite aus:
Unbenannt.jpg

Jetzt habe ich folgenden Code als Basis (ich begrenze mich auf die toolbar und deren buttons):

HTML: 
<form id="list" method="post" action="./index.php?section=action">
    <div class="content_navi_default_right">    
        <input type="image" name="button" value="show" title="[show]" src="../inc/tpl/[tpldir]/images/show_navi.png">
        <input type="image" name="button" value="start" title="[start]" src="../inc/tpl/[tpldir]/images/start_srv_navi.png">
        <input type="image" name="button" value="stop" title="[stop]" src="../inc/tpl/[tpldir]/images/stop_srv_navi.png">
        <input type="image" name="button" value="restart" title="[restart]" src="../inc/tpl/[tpldir]/images/restart_srv_navi.png">
        <input type="image" name="button" value="edit" title="[edit]" src="../inc/tpl/[tpldir]/images/edit_navi.png">
        <input type="image" name="button" value="delete" title="[delete]" src="../inc/tpl/[tpldir]/images/delete_navi.png">
        <a href="[referer]" target="_self"><img src="../inc/tpl/[tpldir]/images/back.png" title="[back]" border="0"></a>
    </div>
</form>
Wenn ich nun im IE oder Chrome auf die Bilder wie z.B. diesen Stift für Editieren Klicke, passiert einfach nichts! Also nichts...die Seite wird nicht geladen. So als ob das form Tag fehlen würde... tut es aber nicht!

Ich habe keine Idee mehr!

Danke!
P.M.
 
Das Problem ist, dass Du mit diesem Formular nicht sauber arbeiten könntest. Du willst doch sicher in der index.php dann auslesen, welcher Button angeklickt wurde? Das wird beim Firefox klappen, da er den value-Wert mitsendet. Der IE schickt jedoch keinen value-Wert mit sondern nur die Koordinaten auf dem input-Button der angeklickt wurde. Siehe auch den "Beachten Sie"-Hinweis auf:
SELFHTML: HTML/XHTML / Formulare / Buttons zum Absenden oder Abbrechen

Mein Tipp: verwende liebe <button>- oder <input type="submit">-Elemente dafür. Die können vom IE auch unterschieden und per CSS auch mit der von dir gewünschten Grafik versehen werden.
 
<button> tags werden vom IE überhaupt nicht unterstützt...

Ssubmit ist als die einzige lösung. Einer eine Idee, vorschlag, der (also mit Bild, ohne Text) immer und überall funktioniert (auch CSS)???

Danke!
P.M.
 
princemichi schrieb:
<button> tags werden vom IE überhaupt nicht unterstützt...
Zum Vergrößern anklicken....

Falsch. Er unterstützt es durchaus, übermittelt jedoch andere Werte beim Abschicken an die verarbeitende Datei. Das kann man mit einem kleinen JavaScript aber durchaus korrigieren. Wenn nicht ..

Submit ist als die einzige lösung.
Zum Vergrößern anklicken....

ist <input type="submit" ..> tatsächlich die einzige allumfassende Lösung die man auch per CSS an deine Bedürfnisse anpassen kann.

princemichi schrieb:
das steht in meinem html header:

oder was meinst du?
Zum Vergrößern anklicken....

Rate nicht wg. einem Doctype herum. Ein Doctype beeinflusst nicht die Interpretation des HTML-Codes durch den Browser hinsichtlich dessen Funktionsweise. Ein <button> ist immer ein <button>, ein <input> ein <input>.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben