Durchsuchen-Button nicht mit cursor:pointer versehen??!

[Nikita]

Hey liebe Leute,

ich habe da mal ein Problem zu dem ich iwie noch keine passende Lösung gefunden habe.
Ich habe in einem Formular ein input-feld file, zum Dateiupload mit einem anderen Bild versehen, nur leider nimmt dies nicht den Befehl: cursorointer; an, da das standart inputfeld noch darunter liegt. Ich habe schon ein paar sachen herausgesucht, mit denen es wahrscheinlich klappen könnte, aber ich wollte gern wissen ob ich es auch mit ein paar simplen schritten in meinem jetzigen Code eingebaut bekomme ohne jetzt noch groß was zu verändern??

hier mein Html-Code:

<div id="MehrButtons">
                                          <form action="input_file.htm" method="post" enctype="multipart/form-data">
                                                <p>Fotos hochladen<br>
                                                    <input name="Datei" type="file" size="50">
                                                </p>
                      </form>
                                        <input class="ButtonsMiddle" name="submit" value="abschicken" type="submit" />
                                            <input name="senden3" id="senden3" value="false" type="hidden" />
                                        </div>

und hier ein Auschnitt aus dem Javascript-Code:

     $("input[type=file]").filestyle({ 
     image: "../images/durchsuchen_button.jpg",
     imageheight : 44,
     imagewidth : 150,
   });
     $('.MehrButtons div').click(function(e){
        $('input[type=file]').trigger('click');
    });
 });

und hier noch ein Screenshoot: Pic-Upload.de - fehler.png

achja eingebunden habe ich das ganze mit jQuery-filestyle.

Danke schonmal im Vorraus =)

LG Niki

 

[Körnerbrötchen]

Hey, ich schätze, das ist ein Sicherheitsfeature deines Browser. Ob du das Austricksen kannst… kA. Vielleicht hast du nen Link zu dem Beispiel?

 

[webana]

Hallo,

hast du cursorointer; in die css datei oder js geschrieben? CSS geht meines wissens nicht ... Was machts bei js?

Ciao Alex

 

[Nikita]

ich hab es schon gelöst, zu dem Problem gab es ein hilfreichen Post unter: html - Jquery - Cursor pointer on a file input, possible? - Stack Overflow

in meinem falle musste ich es noch etwas umändern

$('#Durchsuchen').click(function(e){
        $('#FilePfad_none').trigger('click');
    });
         $('#FilePfad_none').change(function(e){
        $('#FilePfad').attr('value', $(this).attr('value'));
    });
 });

<div id="MehrButtons">
  <p>Fotos hochladen<br>
  <input id="FilePfad_none" name="Datei" type="file" size="50">
  <input id="FilePfad" type="text">
  <img id="Durchsuchen" src="../images/durchsuchen_button.png" alt="" />
  <div class="clear"></div>
  </p>
  <input class="ButtonsMiddle" name="submit" value="abschicken" type="submit" />
  <input name="senden3" id="senden3" value="false" type="hidden" />
</div>

input#FilePfad_none {display:none;}

input#FilePfad {    
  float: left;
  margin-right: 8px;
  margin-top:3px;
  width: 140px;
}

das mit dem cursorointer habe ich in der js-datei festgelegt, da - vollkommen richtig, css nicht geht.

aber danke trotzdem, für die Antworten.

LG Niki