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

Bild als "Abschickbutton"

Status
Für weitere Antworten geschlossen.
A

Andreas84

Neues Mitglied
Hallo,

ich möchte gerne auf meiner Seite (http://update.rucksack-center.de) beim Suchfeld eine Grafik einbauen, mit der man das Formular dann abschicken kann.
Momentan sieht das Formular so aus:
Code: 
<form name="form" action="index.php?file=shop" method="post">
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td><img src="http://www.rucksack-center.de/img/shopsearch/suche.gif" border="0" /></td>
<td>&nbsp;<input type="text" name="q" class="style_search_string" maxlength="40" value="{cp:variable:q}"/></td>
<td>&nbsp;<input type="submit" value="»" name="send" class="style_search_submit"/></td>
</tr>
</table>
<input type="hidden" name="mode" value="search_now"/>
</form>

Ich muss das also hier irgendwie einbauen:
Code: 
<td>&nbsp;<input type="submit" value="»" name="send" class="style_search_submit"/></td>
Jedoch weiß ich jetzt nicht, wie ich das mache, dass das dann auch korrekt programmiert ist.

Danke schon mal!
Gruß,
Andreas
 
Muss ich das dann so machen?

Code: 
<tr><td colspan="3" align="left"><br /><input type="submit" value="Abschicken" name="send" class="inputsubmit" type="image" src="grafik.gif"/></td></tr>

oder so

Code: 
<tr><td colspan="3" align="left"><br /><input type="submit" value="Abschicken" name="send" class="inputsubmit"/><input type="image" src="grafik.gif"></td></tr>

Denn der "Abschick"-Button, der dort momentan erscheint, soll dann komplett mit der Grafik ersetzt werden.
 
HTML: 
<tr><td colspan="3" align="left"><br /><input name="send" class="inputsubmit" type="image" src="grafik.gif"/></td></tr>
so...
 
habe das nun so eingebaut:

HTML: 
<input type="hidden" name="mode" value="search_now" type="image" src="/img/suche/b_go.gif"/>

Aber die Grafik wird einfach nicht angezeigt :-(
 
Code: 
<input type="image" src="/img/suche/b_go.gif" name="mode">

So vielleicht? Du musst dir den Quelltext genau ansehen, eigendlich verrät es dir alles. :wink: Bin auch nicht mehr so ganz wach, soltle aber hinhauen wenn ich mir die Seite so ansehe.

Gruß Corvulus
 
Existiert die Grafik "http://update.rucksack-center.de/shop/img/suche/b_go.gif" überhaupt? Wenn eine Grafik nicht geladen wird ist meistens der Pfad falsch. Bitte überprüfen =D
 
Die Grafik wird doch angezeigt, aber zusätzlich noch eine Schrift, so war es heute nacht noch zumindest. Oder? Die Schrift wollte er weg haben.

Gruß Corvulus
 
Bei mir (Firefox 2.0.0.3) ist sowieso alles verschoben, ich blick überhaupt nichmehr durch ;)
 
Ja, habe heute morgen (1 Uhr) auch scohn gesucht. :( Bin dem Fehler ncith auf die schliche gekommen, auch mit FF gegoogelt.

Corvulus
 
Hallo,

der Pfad zur Grafik war wirklich falsch... peinlich...

Dass er im FireFox alles verschiebt habe ich leider auch schon bemerkt. Den Fehler versuche ihc baldmöglichst zu beheben. Die Grafik wird jetzt angezeigt, doch wenn ich auf "und ab" klicke, komme ich nur zu Indexseite und nicht mehr zu den Suchenergebnissen. Zudem wird immer noch ein ">>" Button angezeigt, der dort eigentlich nicht sein sollte.

Folgender Code steht momentan in meiner Seite:
<input type="image" src="/img/shopsearch/b_go.gif" name="mode">
 
Oh, habe den ">>" Button für die Grafik gehalten. Peinlich... Die Seite ist jetzt bei mir noch schlimmer verschoben im Vergleich zu gestern. (nur optisch... wer weiß ^.^) Im Internet Explorer wrid sie bei mir aber auch nicht richtig aufgebaut (zumindest gehe ich davon aus). Ansosnten weiß ich auch nicht, wo der Fehler steckt, tut mir leid.

Gruß Corvulus
 
HTML: 
<input type="submit" value="&#187 ;" name="send" type="image" src="/img/shopsearch/b_go.gif"/>

value="&#187 ;"... Damit legst du die beschriftung des Buttons auf » fest. Weg mit dem value! type="submit" kann ebenfalls weg, da du ja ein bild als button haben willst, da reicht type="image". Denn zweimal type="" führt nur zu Problemen.

[Edit] Ich habe ein Leerzeichen zwischen der 7 und dem ; eingefügt, da die Kombination sonst automatisch zu diesen Klammern wird.
 
HTML: 
<input type="submit" value="»" name="send" type="image" src="/img/shopsearch/b_go.gif"/>
so wird das auch nix, in html gibt es TAGS(<tag></tag>) und ATTRIBUTE(<tag attribut=""></tag>)!
IN EINEM TAG, DARF EIN ATTRIBUT NIEMALS 2 MAL VORKOMMEN!!!
Bei dir ist das Attribut type aber 2mal mit unterschiedlichen definitionen vorhanden (einmal mit "submit" und einmal mit "image"), du denklst warscheinlich, dass du für einen submit-Button die Definition submit angeben musst (zusätzlich zu "image").
Das ist aber nicht der Fall. Bei einem type="image"-Feld darf außerdem KEIN value-Attribut angegeben werden! Der Code sollte also so aussehen:
HTML: 
<input name="send" type="image" src="/img/shopsearch/b_go.gif"/>
ANMERKUNG: In PHP (ich gehe mal davon aus, dass du php benutzt), ist die Auswertung des image-Feldes etwas kompliziert, da beim Klick noch die x und y-Koordinate des Klicks mitgegeben werden. Das heißt in deinem Fall, dass das Formular nicht mehr mit
PHP: 
if(isset('send')){
//Anweisungen
}
geprüft werden darf sonder mit:
PHP: 
if(isset('send_x') && isset('send_y')
){
//Anweisungen
}
Gruß, Fredmonster!
edit:// In ASP.NET geht das so: Using Image Buttons - Web Forms - Working with ASP.NET server controls - Developer Fusion: Connecting Developers Worldwide. C#, .NET, VB, Java, PHP and XML tutorials & source code
edit2:// was haben die Admins denn da wieder eingebaut...:roll:
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben