Steini: Bild auf Submit Button

Hallo, mein erster Fred hier im Forum, da ich sonst immer alles durch die Suche gefunden habe. Wenn man sich den Betreff anschaut kann man denken, dass es das Thema schon x-mal gab, jedoch habe ich keine Lösung gefunden.

Also gut, ich versuchs so gut wie möglich zu erklären:

Ich möchte mir auf meine selbstgeschriebene Startseite einen Button machen, der mich beim Catererservice meiner Schule direkt einloggt.
Kein Problem. Quelltext kopiert und eingefügt, Benutzername und Passwort eingefügt, URLs vervollständigt... Super.
Funktioniert soweit gut, aber jetzt is das nur son hässlicher Standart Button wie bei allen "submit" Formularen.

  
	<form name="form1" method="post" action="https://www.meinessen.net/Nibelungenland/Vorbesteller/Default.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="form1" onkeyup="return handleKeyUp()">  
		<input name="__EVENTTARGET" id="__EVENTTARGET" value="" type="hidden">  
		<input name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" type="hidden">  
		<input name="__VIEWSTATE" id="__VIEWSTATE" type="hidden" value="/wEPDwUJNzYzOTk2NTc2D2QWAgIDD2QWCAIPDxYCHglpbm5lcmh0bWwFNERCOiBNaW5UZWNOaWJlbHVuZ2VubGFuZDxicj48c21hbGw+VjIuNC4yLjEwPC9zbWFsbD5kAhEPDxYCHgdWaXNpYmxlaGRkAhMPZBYEAgEPPCsADQEMFCsABAUHMTozLDE6MhQrAAIWBh4EVGV4dAUESG9tZR4LTmF2aWdhdGVVcmwFJmh0dHA6Ly93d3cubmliZWx1bmdlbmxhbmQtY2F0ZXJpbmcuZGUvHgdFbmFibGVkZ2QUKwACFgYfAgUJSW1wcmVzc3VtHwMFP2h0dHA6Ly93d3cubmliZWx1bmdlbmxhbmQtY2F0ZXJpbmcuZGUvdW50ZXJuZWhtZW4vaW1wcmVzc3VtLmh0bR8EZ2QUKwACFgYfAgUETWFpbB8DBRxtYWlsdG86bmliZWx1bmdlbmxhbmRAZ214LmRlHwRnZGQCAw8PFgQeC1Bvc3RCYWNrVXJsBRFmcm1Vc2VyUmVnaXQuYXNweB8BaGRkAhUPZBYGAgEPZBYCZg9kFgRmD2QWAmYPZBYCAgEPFgIfAAUNRXJzdGFubWVsZHVuZ2QCAQ9kFgJmDxYEHwAF4QlTdGFya2VuYnVyZyBHeW1uYXNpdW0NCjxVPjxFTT5CZWlzcGllbDo8L0VNPjwvVT4NCg0KDQoNCg0KPFRBQkxFPg0KDQoNCg0KPFRCT0RZPg0KDQoNCjxUUj4NCg0KDQoNCjxURD5CdWNodW5ncyBOci46PC9URD4NCg0KDQoNCjxURD48U1RST05HPjE3Mi0xNTUxNTU8L1NUUk9ORz48L1REPg0KPC9UUj4NCg0KDQoNCjxUUj4NCg0KDQoNCjxURD5QYXNzd29ydDo8L1REPg0KDQoNCg0KPFREPjxTVFJPTkc+MDcuMDIuMTk5NjwvU1RST05HPjwvVEQ+DQo8L1RSPg0KPC9UQk9EWT48L1RBQkxFPg0KDQoNCg0KDQoNCg0KPFA+RGllIEJ1Y2h1bmdzIE5yLiZuYnNwO2VyaGFsdGVuIFNpZSBuYWNoIGRlciBSZWdpc3RyaWVydW5nIGluIGRlciBTY2h1bGUsDQpzaWUgc3RlaHQgYXVjaCBhdWYgZGVtIEJvbi4gQmVpbSA8U1RST05HPlBhc3N3b3J0PC9TVFJPTkc+DQpiaXR0ZSBkYXMgR2VidXJ0c2RhdHVtIGluIGRlciBGb3JtIFRULk1NLkpKSkogZWluZ2ViZW4gKHouQi4wNy4wMi4xOTk2KS48L1A+DQoNCsOcYmVyd2Vpc3VuZyBhdWYgZGFzIEVzc2Vuc2tvbnRvDQpTdGFya2VuYnVyZy1HeW1uYXNpdW0NCg0KDQoNCg0KDQo8UD5EaWUgQmFua3ZlcmJpbmR1bmcgbGF1dGV0Og0KDQoNCg0KDQoNCg0KPFRBQkxFPg0KDQoNCg0KDQoNCjxUQk9EWT4NCg0KDQoNCg0KPFRSPg0KDQoNCg0KDQoNCjxURD5LdE5yPC9URD4NCg0KDQoNCg0KDQo8VEQ+PFNUUk9ORz4xMDQ1MTY3MDwvU1RST05HPjwvVEQ+DQo8L1RSPg0KDQoNCg0KDQoNCjxUUj4NCg0KDQoNCg0KDQo8VEQ+QkxaPC9URD4NCg0KDQoNCg0KDQo8VEQ+PFNUUk9ORz41MDk1MTQ2OTwvU1RST05HPjwvVEQ+DQo8L1RSPg0KPC9UQk9EWT48L1RBQkxFPjwvUD4NCklocmUgw5xiZXJ3ZWlzdW5nIGthbm4gbnVyIGVya2FubnQgd2VyZGVuLCB3ZW5uIFNpZSBpbSBWZXJ3ZW5kdW5nc3p3ZWNrIFplaWxlIDENCmRpZSByaWNodGlnZW4gRGF0ZW4gYW5nZWJlbi4gRGFzIHNpbmQgZGllIDxTVFJPTkc+QnVjaHVuZ3MgTnImbmJzcDt1bmQgZGFzIEdlYnVydHNkYXR1bTwvU1RST05HPi4NCg0KDQo8VT5CZWlzcGllbDo8L1U+MTcyLTE1NTE1NSAwNy4wMi4xOTk2DQoNCkVpbmUgQnVjaHVuZ3MgTnIgb2huZSBCaW5kZXN0cmljaCA8U1RST05HPndpcmQgbmljaHQgYWt6ZXB0aWVydC48L1NUUk9ORz4NCg0KRWluIEdlYnVydHNkYXR1bSBkYXMgdm9tIEZvcm1hdCBUVC5NTS5KSkpKIGFid2VpY2h0LCA8U1RST05HPndpcmQgbmljaHQgYWt6ZXB0aWVydC48L1NUUk9ORz4gHgZoZWlnaHQFBTEwMHB4ZAICD2QWAmYPZBYEZg9kFgJmD2QWAgIBDxYCHwAFIMOcYmVyd2Vpc3VuZyBhdWYgZGFzIEVzc2Vuc2tvbnRvZAIBD2QWAmYPFgQfAAWuBU1hcnRpbi1CdWJlci1TY2h1bGUNCg0KDQoNCg0KPFA+RGllIEJhbmt2ZXJiaW5kdW5nIGxhdXRldDoNCg0KDQoNCg0KDQo8VEFCTEU+DQoNCg0KDQoNCjxUQk9EWT4NCg0KDQoNCjxUUj4NCg0KDQoNCg0KPFREPkt0TnI8L1REPg0KDQoNCg0KDQo8VEQ+PFNUUk9ORz4xMDQ1MzMwMDwvU1RST05HPjwvVEQ+DQo8L1RSPg0KDQoNCg0KDQo8VFI+DQoNCg0KDQoNCjxURD5CTFo8L1REPg0KDQoNCg0KDQo8VEQ+PFNUUk9ORz41MDk1MTQ2OTwvU1RST05HPjwvVEQ+DQo8L1RSPg0KPC9UQk9EWT48L1RBQkxFPjwvUD4NCklocmUgw5xiZXJ3ZWlzdW5nIGthbm4gbnVyIGVya2FubnQgd2VyZGVuLCB3ZW5uIFNpZSBpbSBWZXJ3ZW5kdW5nc3p3ZWNrIFplaWxlIDENCmRpZSByaWNodGlnZW4gRGF0ZW4gYW5nZWJlbi4gRGFzIHNpbmQgZGllIDxTVFJPTkc+QnVjaHVuZ3MgTnIuJm5ic3A7dW5kIGRhcyBHZWJ1cnRzZGF0dW08L1NUUk9ORz4uDQoNCg0KPFU+QmVpc3BpZWw6PC9VPjE5MC0xNTUxNTUgMDcuMDIuMTk5Ng0KDQpFaW5lIEJ1Y2h1bmdzTnIgb2huZSBCaW5kZXN0cmljaCA8U1RST05HPndpcmQgbmljaHQgYWt6ZXB0aWVydC48L1NUUk9ORz4NCg0KRWluIEdlYnVydHNkYXR1bSBkYXMgdm9tIEZvcm1hdCBUVC5NTS5KSkpKIGFid2VpY2h0LCA8U1RST05HPndpcmQgbmljaHQgYWt6ZXB0aWVydC48L1NUUk9ORz4gHwYFBTEwMHB4ZAIDD2QWAmYPZBYEZg9kFgJmD2QWAgIBDxYCHwAFIMOcYmVyd2Vpc3VuZyBhdWYgZGFzIEVzc2Vuc2tvbnRvZAIBD2QWAmYPFgQfAAXOBTxicj4NCkhlYmVsLUd5bW5hc2l1bSBTY2h3ZXR6aW5nZW4gDQoNCjxicj4NCjxicj4NCkJlaXNwaWVsOiA8YnI+DQpCdWNodW5nc05yOiAyMjYtMTIzNDU2Nw0KPGJyPg0KUGFzc3dvcnQ6IDA3LjAyLjE5OTUNCg0KPGJyPg0KPGJyPg0KRGllIEJhbmt2ZXJiaW5kdW5nIGxhdXRldDoNCg0KPGJyPg0KRnJldW5kZXNrcmVpcyBIR1MNCjxicj4NClNwYXJrYXNzZSBIZWlkZWxiZXJnDQo8YnI+DQpCTFogNjcyIDUwMCAyMA0KPGJyPg0KS29udG8gTnIuIDkwIDEzMzc3DQoNCjxicj4NCjxicj4NCm9kZXIgDQoNCjxicj4NCjxicj4NClZvbGtzYmFuayBLdXItdW5kIFJoZWlucGZhbHplRyA8YnI+DQpCTFogNTQ3IDkwMCAwDQo8YnI+DQpLb250byBOci4gMTAgNTYwODUNCg0KPGJyPg0KPGJyPg0KSWhyZSDDnGJlcndlaXN1bmcga2FubiBudXIgZXJrYW5udCB3ZXJkZW4sIHdlbm4gU2llIGltIFZlcndlbmR1bmdzendlY2sgWmVpbGUgMSBkaWUgcmljaHRpZ2VuIERhdGVuIGFuZ2ViZW4uIERhcyBzaW5kIGRpZSBCdWNodW5ncyBOciB1bmQgZGFzIEdlYnVydHNkYXR1bS4NCkJlaXNwaWVsOiAyMjYtMTIzNDU2Nw0KMDcuMDIuMTk5NQ0KRWluZSBCdWNodW5nc25yLiBPaG5lIEJpbmRlc3RyaWNoIHdpcmQgbmljaHQgYWt6ZXB0aWVydC4gRWluIEdlYnVydHNkYXR1bSBkYXMgdm9tIEZvcm1hdCBUVC5NTS5KSkpKIGFid2VpY2h0LCB3aXJkIG5pY2h0IGFremVwdGllcnQuDQofBgUFMTAwcHhkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYBBRdMb2dpbjEkTG9naW5JbWFnZUJ1dHRvbiRTL71MmXr2sCL5E7nzHfzc1Rba">  
		<input name="TransferValues" id="TransferValues" type="hidden">  
		<input name="txtKartenbetrag" id="txtKartenbetrag" type="hidden">  
		<input name="txtLocation" id="txtLocation" type="hidden">  
		<input name="txtTouch" id="txtTouch" type="hidden">  
		<input name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCAK84JX1CQL81qLkDQL10cXFCgKV6YbiAQL41ocoApS81rUPAvrrq9gMAqfPjJsIietbq39eUzP3dzWQ27My0u35spg=" type="hidden">  
		<input name="Login1$UserName" id="Login1_UserName" value="*BENUTZERNAME*" type="hidden">  
		<input name="Login1$Password" id="Login1_Password" value="*PASSWORT*" type="hidden">  
		<input name="Login1$LoginButton" type="submit" onclick='WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$LoginButton", "", true, "Login1", "", false, false));' id="Login1_LoginButton">  
	</form>  

So.
Da würd ich jetzt gern ein Bild draufmachen.
Ich hab stundenlang verschiedene Möglichkeiten ausprobiert.
z.B.:

  
<input name="Login1$LoginButton" type=image src="http://steinator.st.funpic.de/favs/Catering.png" border="0" onclick='WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$LoginButton", "", true, "Login1", "", false, false));' id="Login1_LoginButton">  

Ich bin so durcheinander, dass mir nichmehr mehr einfällt was ich alles ausprobiert habe, aber auf jeden Fall gings immer schief und zwar immer gleich!
Man wurde verwiesen auf die eigendliche Einloggseite (https://www.meinessen.net/Nibelungenland/Vorbesteller/Default.aspx) und der Benutzername war eingetragen, jedoch nicht das Password und abgesendet wurde das Formular auch nicht.
Ich denke es liegt daran, dass das onclick nicht verarbeitet wird, aber ich habe keine Ahnung warum geschweige denn wie man das ändern könnte.

Habe mäßige HTML Kenntnisse und keine Javascriptkenntnisse, also bitte Ausführlich erklären oder gleich den neuen Code posten.

Schonmal DANKE für eure Mühen.
MfG Daniel

  1. Hi,

    onclick='WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$LoginButton", "", true, "Login1", "", false, false));' id="Login1_LoginButton">

    ohne das Du uns sagst, was diese Funktion tut kann Dir niemend helfen.

    Man wurde verwiesen auf die eigendliche Einloggseite

    was hat das mit Deinem Problem zu tun, anstelle eines Submits einen input type image zu verwenden?

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
    1. Hi,
      »» onclick='WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$LoginButton", "", true, "Login1", "", false, false));' id="Login1_LoginButton">
      ohne das Du uns sagst, was diese Funktion tut kann Dir niemend helfen.

      Tja, ich habe keine Ahnung was diese onclick Funktion tut. Ich kenne mich sogut wie garnicht bit Javascript aus.

      »» Man wurde verwiesen auf die eigendliche Einloggseite
      was hat das mit Deinem Problem zu tun, anstelle eines Submits einen input type image zu verwenden?

      Das gilt es herauszufinden.

      Gruesse, Joachim

      Gruß Zurück

  2. /push

    Ich brauch unbedingt Hilfe -.-

    1. Ich brauch unbedingt Hilfe -.-

      mal ne Frage:
      Hat den dein Login ohne deinen Versuch mit dem Bildbutton überhaupt geklappt?

      Wenn nämlich der Caterer erwartet, dass du Cookies sendest, die du durch den Aufruf des Login Formulars erst erhältst, ist dein Versuch zum scheitern verurteilt.

      Falls dies aber nicht der Fall ist, so solltest du, wenn du Hilfe erwartest, berichten, was genau schief läuft.

      mfg Beat

      --
      ><o(((°>           ><o(((°>
         <°)))o><                     ><o(((°>o
      Der Valigator leibt diese Fische
      1. Ja, wie schon gesagt, klappt ohne Bild alles perfekt, sieht nur hässlich aus.

  3. Mahlzeit Steini,

    Da würd ich jetzt gern ein Bild draufmachen.

    Warum tust Du es nicht einfach?

    Ich hab stundenlang verschiedene Möglichkeiten ausprobiert.

    Warum? <http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern@title=Wieso schaust Du nicht einfach dort nach, wo beschrieben wird, wie Du Dein Anliegen umsetzen könntest?>

    Ich denke es liegt daran, dass das onclick nicht verarbeitet wird, aber ich habe keine Ahnung warum geschweige denn wie man das ändern könnte.

    Solange Du nicht die Funktionsdeklaration für die im "onclick"-Handler benutzte Funtion lieferst, kann das hier im Forum auch keiner sagen. Abgesehen davon ist es ziemlicher Müll, eine Funktion, die für die Verarbeitung eines Formulars wichtig ist, auf den "onclick"-Handler eines Buttons zu legen ... was ist, wenn das Formular durch Betätigen der Enter-Taste abgeschickt wird? Sinnvoller ist IMHO der "onsubmit"-Handler des Formulars.

    Habe mäßige HTML Kenntnisse und keine Javascriptkenntnisse, also bitte Ausführlich erklären oder gleich den neuen Code posten.

    Nix da - wir sind hier bei "SELF"HTML, nicht bei "Ich-kann-nix-und-will-auch-nix-lernen-also-macht-gefälligst-meine-Arbeit"HTML.

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
    1. Mahlzeit Steini,

      Huhu.

      <http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern@title=Wieso schaust Du nicht einfach dort nach, wo beschrieben wird, wie Du Dein Anliegen umsetzen könntest?>

      Ja, das habe ich schon versucht, klappt auch immernoch nur sieht komisch aus, da man den Button noch sieht und nur das Bild darauf ist.
      Ich würde mir wünschen, dass kein Rand zu sehen ist.

      Bild:
      klick mich

      Abgesehen davon ist es ziemlicher Müll, eine Funktion, die für die Verarbeitung eines Formulars wichtig ist, auf den "onclick"-Handler eines Buttons zu legen ... was ist, wenn das Formular durch Betätigen der Enter-Taste abgeschickt wird? Sinnvoller ist IMHO der "onsubmit"-Handler des Formulars.

      Du hast recht, das onklick kann man weglassen...
      Allerdings besteht das Problem weiterhin, auch bei input type="image".

      »» Habe mäßige HTML Kenntnisse und keine Javascriptkenntnisse, also bitte Ausführlich erklären oder gleich den neuen Code posten.

      Nix da - wir sind hier bei "SELF"HTML, nicht bei "Ich-kann-nix-und-will-auch-nix-lernen-also-macht-gefälligst-meine-Arbeit"HTML.

      Dann sind wir im "Bitte-ausführlich-erklären-sonst-kann-ichs-nicht-lernen"HTML?

      Grüße
      Steini

      1. Mahlzeit Steini,

        Ich würde mir wünschen, dass kein Rand zu sehen ist.

        Wie wär's dann, <http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=wenn Du ihn einfach weglässt>?

        Allerdings besteht das Problem weiterhin, auch bei input type="image".

        Welches Problem genau?

        Dann sind wir im "Bitte-ausführlich-erklären-sonst-kann-ichs-nicht-lernen"HTML?

        Das sind wir manchmal :-) ... auch <button>s kann man mit CSS so gestalten, wie man sie haben will. Wenn man z.B. will, dass nur der Inhalt (z.B. eine Grafik) sichtbar ist, sie keine Hintergrundfarbe haben sollen und der Rand weggelassen werden soll, kann man das mit entsprechenden CSS-Anweisungen festlegen.

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
        1. Hi,

          Wie wär's dann, <http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=wenn Du ihn einfach weglässt>?

          Also ganz dumm bin ich ja nicht, border="0" habe ich natürlich ausprobiert.

          »» Allerdings besteht das Problem weiterhin, auch bei input type="image".

          Welches Problem genau?

          Mein Hauptproblem, dass ich nicht eingeloggt werde, wenn ich was verändere. Bei einem normalen Button geht es, jedoch mit input type="image" nicht.

          »» Dann sind wir im "Bitte-ausführlich-erklären-sonst-kann-ichs-nicht-lernen"HTML?

          Das sind wir manchmal :-) ... auch <button>s kann man mit CSS so gestalten, wie man sie haben will. Wenn man z.B. will, dass nur der Inhalt (z.B. eine Grafik) sichtbar ist, sie keine Hintergrundfarbe haben sollen und der Rand weggelassen werden soll, kann man das mit entsprechenden CSS-Anweisungen festlegen.

          Also ich finde im CSS Teil nur:

          • Hintergrundbild -> ich will garkeinen Hintergrund
          • Hintergrundfarbe -> dto
          • Schriftgröße -> Braucht man bei nem Bild nicht
          • Inhalt
          • Bild -> Joa, hatt ich ja auch drin... nur der Rand nervt halt, siehe Screenshot.

          Aber wie man den Hintergrund ganz wegmachen kann habe ich nicht gefunden und border geht wie gesagt nicht.

          Ein Link wäre nett =)

          Grüße

          1. Mahlzeit Steini,

            »» Wie wär's dann, <http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=wenn Du ihn einfach weglässt>?

            Also ganz dumm bin ich ja nicht, border="0" habe ich natürlich ausprobiert.

            Das meinte ich aber nicht. Für das Aussehen von Elementen ist CSS zuständig - nicht HTML. Deswegen habe ich Dich auch auf die entsprechenden Seiten verwiesen, wo beschrieben wird, wie man den Rahmen mittels CSS stylen kann.

            »» Das sind wir manchmal :-) ... auch <button>s kann man mit CSS so gestalten, wie man sie haben will. Wenn man z.B. will, dass nur der Inhalt (z.B. eine Grafik) sichtbar ist, sie keine Hintergrundfarbe haben sollen und der Rand weggelassen werden soll, kann man das mit entsprechenden CSS-Anweisungen festlegen.

            Also ich finde im CSS Teil nur:

            • Hintergrundbild -> ich will garkeinen Hintergrund

            Dann lass es doch weg.

            • Hintergrundfarbe -> dto

            <http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_color@title=Dann schreib das doch.>

            • Schriftgröße -> Braucht man bei nem Bild nicht

            Dann lass es doch weg.

            • Bild -> Joa, hatt ich ja auch drin... nur der Rand nervt halt, siehe Screenshot.

            <http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=Dann blende ihn halt aus> ... wie oft muss ich Dir das eigentlich noch schreiben?

            Aber wie man den Hintergrund ganz wegmachen kann habe ich nicht gefunden

            Dann hast Du nicht wirklich gesucht.

            und border geht wie gesagt nicht.

            "Geht nicht" geht nicht.

            Ein Link wäre nett =)

            Links habe ich Dir bereits zur Genüge gegeben. Was genau ist Dein Problem?

            Eigentlich habe ich keine Lust, Dir eine (halbwegs) fertige Lösung zu präsentieren (da der Lerneffekt bei einer solchen gleich null ist), aber bevor Du in Deinem nächsten Beitrag wieder jammerst:

            Was war so schwer daran, meine Ratschläge bzgl. des Umstylens von Formularelementen mittels CSS in folgenden Code münden zu lassen?

              
            <button type="button" name="Login1$LoginButton" style="border: 0; background: transparent;" onclick='WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$LoginButton", "", true, "Login1", "", false, false));' id="Login1_LoginButton"><img src="http://steinator.st.funpic.de/favs/Catering.png"></button>
            

            MfG,
            EKKi

            --
            sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|