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

onload in input

H

hornster

Neues Mitglied
Hallo zusammen

Da ich auf meiner Seite .png-Bilder habe, die eine Transparenz aufweisen, habe ich im Internet ein JavaScript gefunden, welches mir eine korrekte Anzeige im IE ermöglicht. Ein Bild konnte ich so richtig darstellen aber das andere nicht

Hier funktioniert es:
HTML: 
<div id="logo">
<img src="http://www.html.de/images/logo.png"; width= 110px; height= 130px; onload="fixPNG(this)"/>
</div>
und hier nicht:
HTML: 
<form method="post" action="search.php">
<input type="text" name="search_exp"/><br/>
<input type="image" src="http://www.html.de/images/suchen_button.png" alt="Suchen" onload="fixPNG(this)"/>
</form>
So wie mir scheint, wird die onload-Funktion nicht ausgeführt. Was habe ich falsch gemacht?
​
 
Kannst du mir auch sagen, wie ich dies machen kann damit mir das eingebundene Bild die Transparenz erfüllt? Bei mir funktioniert die CSS-Variante mit dem Filter:AlpahImageLoader von Microsoft selber nicht. Da meine Grafiken zum Teil Halbtransparenz aufweisen, steht die Umwandlung zu gif nicht zum Thema.
 
Ich probier es anders. Aber auch hier habe ich eine Frage. Wie kann ich den Browsern sagen, dass das erste input type"image" src="..." nur berücksichtigt wird, wenn es sich nicht um den IE handelt oder respektieve, dass dann beim unteren Tag die Aktion oben nicht durchgeführt wird.

Kurz: Wenn es kein IE6 ist, soll mir das .png angezeigt werden, sonst das .gif

HTML: 
<form method="post" action="search.php">
  <input type="text" name="search_exp"/><br/>
    <input type="image" src="images/suchen_button.png" alt="Suchen"/>    
    <!--[if IE 6]>
      <input type="image" src="images/suchen_button_1.gif" alt="Suchen"/>
    <![endif]-->
</form>

Die Funktion <!--[if !IE 6]> wird ja nur vom IE allgemein erkannt.
 
Füg das doch als <button> ein und setze das Bild als Hintergrundbild. Dann kannst Du per CSS dem IE6 ein anderes Hintergrundbild unterschieben.

Code: 
<button type="submit"></button>
Code: 
button { background-image: url(..); }
* html button { background-image: url(..); }
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben