javascript (counter) ausgabe in text

**thomas p** · 24.02.2010, 16:46

hi all!
ich bitte um hilfe, ich hab ein aus diversen beispielen einen counter zusammengebastelt, aber ich schaff es nur, dass der counter in einem formularfeld ausgegeben wird.

ich möchte die ausgabe aber im php dokument - also:
<span class="..." id="counter"></span> usw...

ich weiss zwar, dass ich das über getElementById und innerHTML machen muss, aber ich bin zu blöd dazu!

BITTE hilfe!

der counter:

Code:

<script> 
<!-- 
// 
 var milisec=0 
 var seconds=<?php echo "$timestampnoch"; ?> 
 document.counter.new.value='1' 


function fuehrendeNull(wert)
{
  if (wert<10) return "0" + parseInt(wert);
  else return parseInt(wert);
}

function Sekundenumwandeln(Sekundenzahl)
{
 Sekundenzahl = Math.abs(Sekundenzahl)
 return fuehrendeNull((Sekundenzahl/60/60)) + ":" +
                 fuehrendeNull((Sekundenzahl/60)%60) + ":" + fuehrendeNull(Sekundenzahl%60);
}


function counter(){ 
 if (milisec<=0){ 
    milisec=9 
    seconds-=1 
 } 
 if (seconds<=-1){ 
    milisec=0 
    seconds+=1 
 } 


 else 
    milisec-=1 
    document.counter.new.value=(Sekundenumwandeln(seconds))+"."+milisec 
    setTimeout("counter()",100) 
} 

counter()

--> 
</script>

PHP-Code:


<form class="details_product_newprice" name="counter"><input type="text" size="40" 

name="new"></form>

DANKE
lg thomas

**chorn** · 24.02.2010, 17:26

Zitat von thomas p

aber ich bin zu blöd dazu!

Erstmal beweisen. Meistens steht dem Ziel eher Faulheit im Weg.

Zitat von thomas p

Code:

...
    document.counter.new.value=(Sekundenumwandeln(seconds))+"."+milisec

PHP-Code:


<form class="details_product_newprice" name="counter"><input type="text" size="40" 

name="new"></form>

Fällt dir dabei nichts auf?

**thomas p** · 25.02.2010, 11:26

Erstmal beweisen. Meistens steht dem Ziel eher Faulheit im Weg.

hmmm beweisen ist schwer ... dass ich da jetzt schon ca. 3 tage dran häng .. und nicht weiter komm ... kann ich dir leider nicht beweisen.

Fällt dir dabei nichts auf?

zeigst du mir einen fehler - oder soll mir das bei der lösung helfen?

also wenn du lösung meinst:

Code:

document.getElementById('counter').innerHTML = (Sekundenumwandeln(seconds))+"."+milisec

sowas hab ich auch schon probiert (wollts nur nicht posten, weil das sicher blödsinn ist - ich bin nur "javascript-herum-bastler" und leider kein "javascript-könner".)

(achja: bezügl. fehler: ich weiss: das ist ein blödsinn in der form: class="details_product_newprice" )

DANKE
lg thomas

**chorn** · 25.02.2010, 12:17

Das "getElementById" ist kein Blödsinn, das ist genau das was du brauchst. Bei mir funktioniert das auch einwandfrei. Beides aber nur im Firefox.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>Titel</title>
		<style>
			* {
				margin:0;
				padding:0;
				font-family:Verdana;
				font-size:11px;
			}
		</style>
		<script> 
		<!-- 
		// 
		 var milisec=0 
		 var seconds=12345
		 document.counter.new.value='1' 


		function fuehrendeNull(wert)
		{
		  if (wert<10) return "0" + parseInt(wert);
		  else return parseInt(wert);
		}

		function Sekundenumwandeln(Sekundenzahl)
		{
		 Sekundenzahl = Math.abs(Sekundenzahl)
		 return fuehrendeNull((Sekundenzahl/60/60)) + ":" +
						 fuehrendeNull((Sekundenzahl/60)%60) + ":" + fuehrendeNull(Sekundenzahl%60);
		}


		function counter(){ 
		 if (milisec<=0){ 
			milisec=9 
			seconds-=1 
		 } 
		 if (seconds<=-1){ 
			milisec=0 
			seconds+=1 
		 } 


		 else 
			milisec-=1 
			document.counter.new.value=(Sekundenumwandeln(seconds))+"."+milisec 
			document.getElementById('counter').innerHTML = (Sekundenumwandeln(seconds))+"."+milisec
			setTimeout("counter()",100) 
		} 

		counter()

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

		<form class="details_product_newprice" name="counter"><input type="text" size="40"  name="new"></form>
		<span class="..." id="counter"></span>
		
	</body>
</html>

**Cybergreek** · 25.02.2010, 12:26

Zitat von thomas p

also wenn du lösung meinst:

Code:

document.getElementById('counter').innerHTML = (Sekundenumwandeln(seconds))+"."+milisec

sowas hab ich auch schon probiert (wollts nur nicht posten, weil das sicher blödsinn ist - ich bin nur "javascript-herum-bastler" und leider kein "javascript-könner".)

Mit getElementById sollte es so funktionieren:

Code:

document.getElementById('counter').value = "123.23";

Du musst dem Input-Feld dann aber auch eine ID geben und nicht nur einen Namen.

**thomas p** · 25.02.2010, 13:02

@chorn: DANKE - JA funktioniert ... keine ahnung warums bei mir vorher nicht gegangen ist .... eigentlich hatte ich den code schon mal so ...

naja - egal .. hauptsache es geht... (dann bin ich ja doch gar nicht so blöd wie ich dachte ;-))

@internet explorer: beim IE gehts bei mir, wenn ich die formular-ausgabe rausnehm.

@cybercreek: sorry - ich weiss nicht was du meinst, aber es klappt eh schon

DANKE

zur Startseite vom TP

Thema: javascript (counter) ausgabe in text

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

javascript (counter) ausgabe in text

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

javascript - Ausgabe abhängig von Listenauswahl

PHP Ausgabe in einer javascript datei speichern

dw4 und javascript-Ausgabe

Click Counter, Text Counter, Link Counter,.....???????????

[JavaScript] Statuszeilen Text

Aktive Benutzer

Aktive Benutzer

Berechtigungen