Nach Variableneingabe in HTML entsprechende Grafik anzeigen

[Globetrotter]

Hallo!

Ich möchte per Javascript mir ein bisschen die Übersicht und Einfachheit auf einer Seite einfach halten.

Ich möchte jeweilige Bilder über den Status des Vorankommens anzeigen lassen von 0 - 100 % in 10 % Schritten.

Das Skript schaut momentan so aus (umständlich???)

var null_prozent = "../bilder/status_0.gif alt='0 % abgeschlossen'"
var zehn_prozent = "../bilder/status_10.gif alt='10 % abgeschlossen'"
var zwanzig_prozent = "../bilder/status_20.gif alt='20 % abgeschlossen'"
var dreissig_prozent = "../bilder/status_30.gif alt='30 % abgeschlossen'"
var vierzig_prozent = "../bilder/status_40.gif alt='40 % abgeschlossen'"
var fuenfzig_prozent = "../bilder/status_50.gif alt='50 % abgeschlossen'"
var sechszig_prozent = "../bilder/status_60.gif alt='60 % abgeschlossen'"
var siebzig_prozent = "../bilder/status_70.gif.gif alt='70 % abgeschlossen'"
var achtzig_prozent = "../bilder/status_80.gif.gif alt='80 % abgeschlossen'"
var neunzig_prozent = "../bilder/status_90.gif alt='90 % abgeschlossen'"
var hundert_prozent = "../bilder/status_100.gif alt='100 % abgeschlossen'"

function status(prozent) {

var prozent = "";

if (prozent = 0) {
document.write("<img src="+null_prozent+">");
} else {
if (prozent = 10) {
document.write("<img src="+zehn_prozent+">");
} else {
if (prozent = 20) {
document.write("<img src="+zwanzig_prozent+">");
} else {
if (prozent = 30) {
document.write("<img src="+dreissig_prozent+">");
} else {
if (prozent = 40) {
document.write("<img src="+vierzig_prozent+">");
} else {
if (prozent = 50) {
document.write("<img src="+fuenfzig_prozent+">");
} else {
if (prozent = 60) {
document.write("<img src="+sechzig_prozent+">");
} else {
if (prozent = 70) {
document.write("<img src="+siebzig_prozent+">");
} else {
if (prozent = 80) {
document.write("<img src="+achtzig_prozent+">");
} else {
if (prozent = 90) {
document.write("<img src="+neunzig_prozent+">");
} else {
document.write("<img src="+hundert_prozent+">");
}}}}}}}}}}}

Wenn ich in HTML mit der Funktion <script language="Javascript">status(0)</script> soll er halt die Grafik 0 % Anzeigen, bei 10 % 10 % usw.

Leider zeigt er mir bei allen immer nur 10 % an, auch wenn ich 90 definiere.

Wo liegt der Fehler. DANKE

[wahsaga]

hi,

if (prozent = 0) {

wie heißt der vergleichsoperator in javascript noch gleich ...?

gruß,
wahsaga

[Globetrotter]

Danke für den Hinweis, werde mich an's Umbasteln machen.

[Globetrotter]

Auch wenn ich if (prozent == 0) { schreibe, wird überhaupt keine Grafik mehr angezeigt.

Ich habe das Skript sogar noch ein wenig umgestellt.

Ich denke, der Fehler liegt eher am var prozent = "";

var status_0 = "../bilder/status_0.gif alt='0 % abgeschlossen'"
var status_10 = "../bilder/status_10.gif alt='10 % abgeschlossen'"
var status_20 = "../bilder/status_20.gif alt='20 % abgeschlossen'"
var status_30 = "../bilder/status_30.gif alt='30 % abgeschlossen'"
var status_40 = "../bilder/status_40.gif alt='40 % abgeschlossen'"
var status_50 = "../bilder/status_50.gif alt='50 % abgeschlossen'"
var status_60 = "../bilder/status_60.gif alt='60 % abgeschlossen'"
var status_70 = "../bilder/status_70.gif alt='70 % abgeschlossen'"
var status_80 = "../bilder/status_80.gif alt='80 % abgeschlossen'"
var status_90 = "../bilder/status_90.gif alt='90 % abgeschlossen'"
var status_100 = "../bilder/status_100.gif alt='100 % abgeschlossen'"

var null_prozent = 0
var zehn_prozent = 10
var zwanzig_prozent = 20
var dreissig_prozent = 30
var vierzig_prozent = 40
var fuenfzig_prozent = 50
var sechzig_prozent = 60
var siebzig_prozent = 70
var achzig_prozent = 80
var neunzig_prozent = 90
var hundert_prozent = 100

function status(prozent) {

var prozent = "";

if (prozent = null_prozent) {
document.write("<img src="+status_0+">");
} else {
if (prozent = zehn_prozent) {
document.write("<img src="+status_10+">");
} else {
if (prozent = zwanzig_prozent) {
document.write("<img src="+status_20+">");
} else {
if (prozent = dreissig_prozent) {
document.write("<img src="+status_30+">");
} else {
if (prozent = vierzig_prozent) {
document.write("<img src="+status_40+">");
} else {
if (prozent = fuenfzig_prozent) {
document.write("<img src="+status_50+">");
} else {
if (prozent = sechzig_prozent) {
document.write("<img src="+status_60+">");
} else {
if (prozent = siebzig_prozent) {
document.write("<img src="+status_70+">");
} else {
if (prozent = achzig_prozent) {
document.write("<img src="+status_80+">");
} else {
if (prozent = neunzig_prozent) {
document.write("<img src="+status_90+">");
} else {
document.write("<img src="+status_100+">");
}}}}}}}}}}}

[wahsaga]

hi,

Ich denke, der Fehler liegt eher am var prozent = "";

ja, das ist natürlich der nächste "dicke hund". was soll denn das an der stelle überhaupt bringen?

function status(prozent) {

var prozent = "";

wofür übergibst du denn einen parameter namens prozent an die funktion, wenn du ihn als erstes mit "" überschreibst?
das entbehrt doch jeden sinns.

gruß,
wahsaga

[Globetrotter]

Na ja, damit ich ja in HTML einen Variablenwert eintippseln kann (0 - 100) muss ich doch die Funktion status um diese Variable erweitern.

So sollte halt var prozent = hier ist die Variable aus HTML stehen, nur wie ich das umschreibe, weiß ich leider nicht.

[Globetrotter]

Also ich hab's schon durchschaut. Ich muss den Parameter prozent nochmals spezifizieren.

prozent ist ja gleich der Wert der in der HTML spezifiziert wurde.

Müsste dann doch so mit return oder ähnlichem gehen.

Danke für deine HILFE.