Einacher Zähler

B

bountykilla

New member
Hallo, ich stehe vor einem eigentlich einfachen Problem.
Ich möchte bei klick auf einer Grafik einen Zähler um 1 hochzählen lassen.
Bei klick auf einer anderen Grafik um 1 herunterzählen lassen.
Aber irgendwie funzt mein Ansatz nicht...

Hier mal mein Code:

<script language="JavaScript" type="text/JavaScript">
var zaehler = 0;
function zaehlerhoch() {
zaehler = zaehler + 1;
}
function zaehlerrunter(){
zaehler = zaehler - 1;
}

<a href="#" onClick="zaehlerrunter()"><img src="/media/spacer.gif" width="71" height="162" border="0"></a>

<script type="text/javascript">
<!--
document.write("Der Zähler steht auf " + zaehler);
//-->
</script>

Wo liegt der Fehler???
 
Der fehler liegt darin, dass das

<script type="text/javascript">
<!--
document.write("Der Zähler steht auf " + zaehler);
//-->
</script>

nur einmal ausgeführt wird.
 
Hallo,

hier ein kleiner Vorschlag, vielleicht bringt er dich weiter.

<script language="JavaScript" type="text/JavaScript">
<!--
var zaehler = 0;
function zaehlerhoch() {
zaehler++;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}
function zaehlerrunter(){
zaehler--;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}

//-->
</script>
</head>
<body>
<form action="" method="" target="" name="f1">
<input type="Text" name="zaehler" value="" size="" maxlength="2">
</form>
<a href="#" onClick="zaehlerhoch()">Zaehler rauf</a><br>
<a href="#" onClick="zaehlerrunter()">Zaehler runter</a>
 
Hallo,

Habe deb Code geprüft auch in Firefox und er geht.Habe noch was zugeschrieben, kopiere noch mal den Code.

<script language="JavaScript" type="text/JavaScript">
<!--
var zaehler = 0;
function start() {
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}
function zaehlerhoch() {
zaehler++;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}
function zaehlerrunter(){
zaehler--;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}

//-->
</script>
</head>
<body onload="start();">
<form action="" method="" target="" name="f1">
<input type="Text" name="zaehler" value="" size="" maxlength="">
</form>
<a href="#" onClick="zaehlerhoch()">Zaehler rauf</a><br>
<a href="#" onClick="zaehlerrunter()">Zaehler runter</a>


hat an der maxlengh gelegen.
 
Super, das funktioniert...dankeschön,

jetzt hätte ich noch eine Frage, ist es möglich das der Zähler nie kleiner als 0
und größer als 10 werden kann? Kann man ihm einen Definitionsbereich
zuweisen?
 
Wenn der Zähler z.B. auf Null steht und ich auf den Link "Zähler runter"
klicke soll er bei Null stehen bleiben.
Wenn der Zähler jetzt auf 10 steht und ich in erhöhen möchte dann
sollte er auf 10 stehen bleiben.
 
Hallo,

hier der Code:



<script language="JavaScript" type="text/JavaScript">
<!--
var zaehler = 0;
function start() {
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}
function zaehlerhoch() {

if(zaehler==10) return false;
zaehler++;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}
function zaehlerrunter(){

if(zaehler==0) return false;
zaehler--;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;
}

//-->
</script>
 
einen hab ich noch :)
ich würde jetzt gerne einen link zusammenbauen der den Zählerstand beinhaltet.

Das ist mein Versuch:

<script language="JavaScript">
document.write("<a href='dates_full.htm"+"?"+zaehler+"'>testtext"+"</a>");
</script>

Funktioniert soweit auch, nur übergibt die variable zaehler immer eine Null...
 
wäre schön wenn einer weiter wüsste :)
ich hab bis jetzt rumprobiert, aber finds einfach nicht.
Ich denke der Zähler wird nicht aktualisiert...
 
Ich denke es ist logisch, dass eine 0 übergeben wird. Wenn du immer nur bei 10 oder 0 die Schleife verlässt, kann auch keine anderer Wert enthalten sein.

Um einen Zählerstand übergeben zu können, der nicht nur 10 oder 0 ist, musst du irgendwas einbauen, dass die Schleife dann stoppt.

Was willst du eigentlich machen?
 
Moin!

Vergiß vor allem document.write wenn Du dynamisch irgendwas basteln willst (beachte dazu auch die erste Antwort auf Deine Frage von .holger). Das ist dazu seit Netscape 4.x nicht mehr geeignet. Benutze DOM-Methoden oder innerHTML, um einem Element den Inhalt zuzuweisen, den Du auf der Seite erhalten möchtest.

Ahoi - Pit
 
Hallo,

Hier eine Anregung,den ersten Teil kennst Du ja.

<script language="JavaScript" type="text/JavaScript">
<!--
var zaehler = 0;
function start() {
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;

document.all.klick.innerHTML = "Der Zaehler steht auf: "+ zaehler;

}
function zaehlerhoch() {
if(zaehler==10) return false;
zaehler++;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;

document.all.klick.innerHTML = "Der Zaehler steht auf: "+ zaehler;

}
function zaehlerrunter(){
if(zaehler==0) return false;
zaehler--;
document.f1.zaehler.value="Der Zähler steht auf " + zaehler;

document.all.klick.innerHTML = "Der Zaehler steht auf: "+ zaehler;

}

//-->
</script>
</head>
<body onload="start()">

<form action="" method="" target="" name="f1">
<input type="Text" name="zaehler" value="" size="" maxlength="">
</form>
<a href="#" onClick="zaehlerhoch()">Zaehler rauf</a><br>
<a href="#" onClick="zaehlerrunter()">Zaehler runter</a><br>
<a href="" id="klick" ></a>
 
Sorry, Hawk63, aber die Frage muß sein: hast Du 'nen Vertrag mit Micro$oft? Fifo toleriert inzwischen das, was Du in Deiner letzten post rot gekennzeichnet hast (spuckt aber konsequent Warnungen aus), ansonsten wird es bei modernen browsern jedoch eng...

Ahoi - Pit
 
danke für die antworten,
ich werde es gleich mal ausprobieren.

Was ich mache?
Hmm, für eine Studienarbeit müssen wir ein CRM-System für den VW Phaeton
entwickeln. Da es im Auto keine Maus gibt, müssen die Listenelemente mit einem
Scrollrad angefahren werden. Dafür brauchte ich die Geschichte mit dem Zähler.
Ich lasse damit eine Grafik positionieren, die anzeigt welcher Eintrag selektiert ist.

Damit man zu einem Listeneintrag auch Details anzeigen kann, wollte ich eine
URL mit dem Zählerstand erzeugen. Die werde ich dann später per PHP oder SQL
auswerten.

Das Problem ist: Die Abgabe ist am Mittwoch und ich hab nicht wirklich viel Ahnung von
PHP, SQL oder Javascript. HTML geht noch :)
Ob die Scripte mit allen Browsern funktionieren ist egal. Es handelt sich dabei ja nur
um einen Mogup.

Wo ich gerade dabei bin:
Kann man Javascript in Javascript verbauen?

Ich hab mir sowas gedacht:
<script language="JavaScript">
document.write("<div id='buttonlinks' style='position:absolute; left:407px; top:575px; width:63px; height:163px; z-index:11'><a href='#' onClick='zaehlerhoch(); document.getElementById('status').style.top=261+zaehler*24 ;
document.getElementById("+zaehler+").style.bgcolor='#444444''><img src='media/spacer.gif' width='62' height='161' border='0'></a></div>);"
</script>

Das Problem ist das die Gänsefüsschen zu einem ' werden. Was aber wird aus den ' ?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben