zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Upload File formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.09.2007, 11:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.08.2007
Beiträge: 18
baempf befindet sich auf einem aufstrebenden Ast
Standard Upload File formatieren

Läuft auf IE,Opera,FF
Code:
<html>
<head>
	<title>Upload CSS</title>
	
	<style type="text/css">
	#ausrichtung{
	margin:0px 0px 0px 80px;
	border:1px solid red;
	width:400px;
	height:200px;
	
	}
div.uploader {
  position: relative;
  width: 95px;
  height: 20px;
  overflow: hidden;
  margin:0px 0x 0px 70px;
}
input.uploadbox {
  position: absolute;
  right: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity: 0);
}
div.uploader_img {
  background: transparent url(test.gif) no-repeat;/* Grösse des Gifs (BxL: 95x20)*/
  white-space: normal;
  width: 95px;
  height:20px;
}
 #uploadausgabe{
 width:200px;
 height:100px;
 border:1px solid gray;
 }
	</style>
	<script type="text/javascript">
	var fileCheck;
	var uploadNamePosition;
	var uploadName;
	function UploadFile(wert) {

		 fileCheck = wert.lastIndexOf('/');
		 if(fileCheck==-1){
		 //
		 uploadNamePosition = wert.lastIndexOf('\\')+1;
		 }
		 else{
		 	 uploadNamePosition = wert.lastIndexOf('/')+1;
		 	 }
		 //
		 // Extrahiere Dateinamen vom übrigen Pfad
		 uploadName = wert.slice(uploadNamePosition,wert.length);
		 //
		 // Ausgabe des Upload Dateinamens
		 document.getElementById("uploadausgabe").innerHTML = "Dateiname ist:"+uploadName;
	}
	</script>

</head>

<body>
<div id="ausrichtung">UploadFile
	<div class="uploader">
	  <input class="uploadbox" type="file" onchange="UploadFile(this.value)" />
		  <div class="uploader_img"></div>
	</div>
	<div id="uploadausgabe"></div>
</div>
</body>
</html>

Geändert von baempf (06.09.2007 um 14:56 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
2 <div>´s nebeneinander, div 1 verrutscht Dark-Flower CSS 15 16.01.2011 10:37
input type file button formatieren meldron CSS 2 08.10.2010 21:15
Empfehlungen: AJAX File Upload mit Progressbar ? da.executor Javascript & Ajax 2 10.03.2009 12:02
file upload schneller machen? Sinclair Serveradministration und serverseitige Scripte 1 25.06.2008 12:47
File Upload im IE to.ni (X)HTML 6 03.10.2004 19:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:16 Uhr.