✔ File Button modifizieren

[one6666]

Hallo,

beschäftige mich seit Heute mit dem Note Objekt
Brauche für meinen Image Resizer einen eigenen File Button, das Grundprinzip ist mir schon so halbwegs klar

Mein Gedanke:

Der richtige File Button agiert als Kind Knoten und ich ersetze ihn mit replaceChild() durch einen anderen Kind Knoten(also mein neuer Button),
so die Theorie

In der Praxis weiß ich gerade kein Stück weiter

Einen File Button erstelle ich wie folgt:

<script type="text/javascript">
    function file_button(){
	    file_button = document.createElement("input");
		
		type_button = document.createAttribute("type");
		type_button.nodeValue = "file";
		
		file_button.setAttributeNode(type_button);
        
		/* Test Ausgabe 
		out_put     = document.getElementsByTagName("body")[0];
		out_put.appendChild(file_button);
		*/
	}
</script>

Weiß Jemand wie ich weiter arbeiten muss ?

 

[Maik]

Hi,

möglicherweise hilft dir hier http://www.quirksmode.org/dom/inputfile.html weiter.

mfg Maik

 

[one6666]

Hi Mike ,

genau das habe ich schon gefunden, und geschaut wie der Autor im Prinzip vorgeht,
da habe ich gesehen das er mit dem Node Objekt arbeitet, und die Seite wieder zu gemacht,
lernt man ja nix bei wenn man einfach nur alles abkuckt

Das wäre jetzt mein Script :

<script type="text/javascript">
    function file_button(){
	    file_button     = document.createElement("input");
		
		type_button = document.createAttribute("type");
		type_button.nodeValue = "file";
		
		file_button.setAttributeNode(type_button);
		
		new_file_button = document.createElement("img");
		new_file_button.src = "upload.png";
        
		file_button.replaceChild(new_file_button, file_button);

		out_put     = document.getElementsByTagName("body")[0];
		out_put.appendChild(file_button);
		
	}
</script>

Funktioniert aber leider nicht

 

[one6666]

Ah jetzt habe ich es verstanden danke an crazy-weasel aus dem IRC

Das ganze ist nur CSS und der Javascript teil liest nur den Namen aus, den brauch ich aber eh nicht