• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Durchklickbares <div>

S

_stefan_

New member
Hallo,
Ist es möglch, ein <div> mittels CSS so zu veränder, dass das div über einem Button ist und wenn man auf den <div> klickt soll der button entweder dierekt oder per Javascript betätigt werden. Das Ganze soll für ein Upload-formular sein.
grüße stefan
 
Moin!

Meinst Du, daß der Div den Button überdeckt? Das geht mit z-index. Daß aber beim Klick auf den Div irgendwas passiert geht nur mit Javascript.

Ahoi - Pit
 
also wie ich den div drüber krieg weiß ich, wie geht das denn, dass der "Durchsuchen..."-button "gedrückt" wird wenn man auf den div klickt? mit onmouseclick="document.form.elements[0].click()" gehts net
grüße stefan
 
Zuletzt bearbeitet:
man kann den style von dem durchsuchen-butten und von textfeld nicht so richtig ändern, und ich möchte den upload-button an die anderen formularelemente anpassen
grüße stefan
 
Falls es jemanden Interessiert, habs jetzt noch ein bisschen besser gelöst (an pit-r's link angelehnt), jetzt kann man auch im firefox den text eingeben:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
     #typefile {
     position: relative;
	   text-align: left;
	   -moz-opacity:0 ;
	   filter:alpha(opacity: 0);
	   opacity: 0;
	   z-index: 2;
     }
     
     #fakefile {
     position: absolute;
     background-color:white;
     color:black;
     border:1px solid grey;
     }
     
     #fakebutton {
     position: absolute;
     left:155px;
     border:1px solid grey;
     height:20px;
     }
    </style>
  </head>
  <body>
    <form name="uploadform">
    <input id="fakefile" disabled="true" name="fakefile" type="text"></input>
    <input id="typefile" name="file" type="file" onkeyup="document.uploadform.fakefile.value=this.value" onchange="document.uploadform.fakefile.value=this.value"></input>
    <input id="fakebutton" type="button" value="Durchsuchen..."></input>
    <br /><input type="file" />
    </form>
    
  </body>
</html>

grüße Stefan
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben