Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

Rafael

Grünschnabel

Dabei seit: 29.03.2011

Beiträge: 9

 

1 Zum Seitenanfang

Donnerstag, 21. April 2011, 12:36

function zusammenfassen

wie könnte ich das zusammenfassen?

function readextra50(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$('#preview50')
.attr('src', e.target.result)
.width(200)
.height(171);

};

reader.readAsDataURL(input.files[0]);
}}

function readextra51(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$('#preview51')
.attr('src', e.target.result)
.width(32)
.height(27);

};

reader.readAsDataURL(input.files[0]);
}}

.............. 20 mal das gleiche Funktioncode mit ein weiter Parameter.


Ich habe das folgend Code versucht:

var x = 50;

for(var i = 1; i <= 20; i++){

function "readextra"+x+" (input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$('#previewextra'+x)
.attr('src', e.target.result)
.width(32)
.height(27);

};

reader.readAsDataURL(input.files[0]);
}}
++x;

}
Aber es klappt einfach nicht
Wissen Sie was falsh ist? Danke in Voraus
 

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

 

2 Zum Seitenanfang

Donnerstag, 21. April 2011, 12:59

super wäre wenn man wüsste wie der code aufgerufen wird und wie es um das <input> aussieht und wo die #preview ids im Verhältnis zu dem input stehen also einfach dein teil des htmls

-LA
 

Rafael

Grünschnabel

Dabei seit: 29.03.2011

Beiträge: 9

 

3 Zum Seitenanfang

Donnerstag, 21. April 2011, 19:28

Ist das echt benötig? ok denn:

namemais = 49;

function addInput() {
if (fields < 25) {

++namemais;

var readfotinhox = "readextra"+namemais+"(this);";

var div = document.createElement("div"),

input = document.createElement("input"),
link = document.createElement("a"),
oImg = document.createElement("img"),

oImg.setAttribute('src', '#');
oImg.setAttribute('alt', 'your image');
oImg.setAttribute('height', '27px');
oImg.setAttribute('width', '32px');
oImg.setAttribute("id","previewextra"+namemais);

input.setAttribute("type","file");
input.setAttribute("name","fotinho"+namemais);
input.setAttribute("onchange", readfotinhox);

link.setAttribute("href","#");
link.setAttribute("onclick","removeInput(this.parentNode)");

link.appendChild(txt);
div.appendChild(oImg);
div.appendChild(input);
div.appendChild(link);

document.getElementById("text").appendChild(div);

} else ................. das Code oben funktioniert. Ich wollte nur wissen ob es ein Zusammenfassung vom andere Code gibt

so was brauchst du? Geht es das jetzt?
 

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

 

4 Zum Seitenanfang

Donnerstag, 21. April 2011, 22:41

ich nehme mal an das du jQuery nutzt?

dann würde das einfacher in etwa so aussehen:

die zeile durch

Javascript-Quelltext

1
input.setAttribute("onchange", readfotinhox);


die hier ersetzen

Javascript-Quelltext

1
input.setAttribute("onchange", "readextra(this)");




das wäre dann die function die jedes element nutzen kann


Javascript-Quelltext

1
2
3
4
5
6
7
8
9
10
11
function readextra(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
  $(input).prev()
.attr('src', e.target.result)
.width(200)
.height(171);

};


-LA
 

Rafael

Grünschnabel

Dabei seit: 29.03.2011

Beiträge: 9

 

5 Zum Seitenanfang

Freitag, 22. April 2011, 13:04

Nicht geklappt!.. ich weiss es nicht ob du mir verstanden hast..
Der Quellcode vorher funktioniert, aber ich muss die gleich Funktion mit einer höher Nummer immer wieder schreiben (20 mal gleich).
Ich wollte einfach wissen ob es nicht ein zusammenfassen dafür gibt!

Ich habe versuche dein Code und es ging nicht mit der Vorschau.

Hast du eine andere Idee? Danke sehr für deine Hilfe.
 

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

 

6 Zum Seitenanfang

Freitag, 22. April 2011, 13:40

ju ich hab dich schon verstanden nur wenn du mir nicht mal sagen kannst ob du jQuery nutzt oder ein anders Framework?

und auch nicht mal die Fehlermeldung angibst kann ich dir schwer helfen.

Der Code den ich gepostet habe macht genau das was du willst du brauchst dann nur diese eine Funktion
 

Ähnliche Themen