zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Drop Down - Liste mit Timer

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.08.2013, 15:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2013
Beiträge: 1
ferguson befindet sich auf einem aufstrebenden Ast
Idee Drop Down - Liste mit Timer

Hallo Leute,

da ich gerade am Basteln meiner Homepage bin, möchte ich gerne eine Drop Down - Liste mit einen Timer in der HTML <select><option>... implementieren.

Hier die html - Liste:

HTML-Code:
<select name="dropdown">
<option value="Project 1" selected>Project 1</option>
<option value="Project 2" selected>Project 2</option>
<option value="Project 3" selected>Project 3</option>
<option value="Project 4" selected>Project 4</option>
</select>
Mein Ziel ist es wenn man Project 2 wählt, den Timer starten zu lassen. Wenn man wieder auf Project 1 klickt, möchte ich, dass er stehen bleibt.
Der Timer sollte rechts nach Project 1 gezeigt werden (in der Select - Option drin)

Unten findet Ihr den JavaScript - Timer:

HTML-Code:
<html>
<script type="text/javascript">
var count=0,chkfn=null;
function changeColor() 
{    
chkfn = setInterval(starttimer, 1000);
}

function starttimer() 
{    
count += 1;    
var oElem = document.getElementById("divtxt");    
oElem.style.color = oElem.style.color == "red" ? "blue" : "red";    
document.getElementById("pcount").innerHTML = "Zeit: " + count;
}

function stoptimer() 
{    
clearInterval(chkfn);   
chkfn = null;    
count = 0;    
document.getElementById("pcount").innerHTML = '';
}
</script>

<body><div id="divtxt"><p id="pcount" style="font:bold 24px verdana"></p></div>
<button onclick="changeColor();">Start Timer</button>
<button onclick="stoptimer();">Stop Timer</button>
</body>
</html>
Ich weiß leider nicht, wie man das richtig macht. Sollte jemand von euch Vorschläge haben, bitte dann antworten.

mit freundlichen Grüßen,
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.08.2013, 16:21
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Crossposting zu Drop Down - Liste mit Timer
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Probleme mit einem Drop Down Menü netzwerg CSS 5 09.05.2012 13:22
CSS Drop Down Menü gachet CSS 9 08.11.2009 19:36
IE 6 & 7 Drop Down Navigation Fehler Zak CSS 9 09.07.2009 11:50
Drop Down Menu Positionsproblem Schky CSS 4 21.04.2008 14:09
Fehler mit Drop Down Menü bei Überschreitung der Container Grenzen! webfabrik CSS 4 16.01.2007 02:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:46 Uhr.