Bonjour à tous,
je m'étais inscrit il y a un petit bout de temps et n'étant pas développeur, je n'étais pas encore passé par ici.
on dirait plus un portail collaboratif qu'un forum.C'est cool mais là ça ne m'arrange pas vraiment.
mes connaissances en programmation ne dépasse pas le SOMME() d'excel et en plus j'avais une question...
au risque de me faire huer, je vais quand même me lancer.
http://www.javascriptfr.com/codes/SETINTERVAL-SETTIMEOUT-CLASS-OBJET_41764.aspx
(je suis déja passé par là mais j'ai soit pas tout compris soit ça ne m'aidait pas du tout)
j'avais dans l'idée de faire une liste de compteurs liés chacun a un timer dont je pourrai exporter les infos.
mais déjà là ça coince, ce que j'ai déjà fait flanche complétement si je lance deux compteurs en même temps.
Si quelqu'un à une solution je suis tout ouïe.
voici ce que j'ai déjà fait et si c'est codé dégueulasse veuillez m'en excuser et surtout me dire en quoi pour que je réitère pas.
http://www.cijoint.fr/cjlink.php?file=cj201107/cijNC9Wb6Z.txt
il suffit de modifier l'extension de .txt à .rar pour obtenir le .hta le .js et le .css (à modérer si besoin) et aussi ci-dessous :
le hta :
Code HTML :
<head><title>Compteur</title>
<HTA:APPLICATION
CAPTION="No"
ID="Acces prod"
APPLICATIONNAME="Compteur"
BORDER="Thin"
ICON="icon.ico"
SHOWINTASKBAR="Yes"
SINGLEINSTANCE="Yes"
SCROLL="No"
VERSION="1.0"
INNERBORDER="No"
SELECTION="No"
MAXIMIZEBUTTON="No"
MINIMIZEBUTTON="No"
NAVIGABLE="No"
CONTEXTMENU="No"
BORDERSTYLE="none" >
</HTA:APPLICATION>
<link rel="stylesheet" href="style.css" type="text/css" />
<script language="JavaScript" type="text/javascript" src="script.js"></script>
</head>
<body>
<ul>
<li><a href="#" class="button" input type="button" value="enseigne1" onclick="clic('t0')">enseigne 1</a><input type="text" id="text0" value="0" size="1" maxlength="2" readonly="true" class="text"/></li>
<li>
<input class="num" type="text" id="test0" value="0" size="2" maxlength="2" readonly="true"/>
<input class="pti" type="text" id="fix" value=":" size="1" maxlength="1" readonly="true"/>
<input class="num" type="text" id="test1" value="0" size="2" maxlength="2" readonly="true"/>
<input class="pti" type="text" id="fix" value=":" size="1" maxlength="1" readonly="true"/>
<input class="num" type="text" id="test2" value="0" size="2" maxlength="2" readonly="true"/>
</li>
<li><a href="#" class="button" input type="button" value="enseigne2" onclick="clic('t1')">enseigne 2</a></a><input type="text" id="text1" value="0" size="1" maxlength="2" readonly="true" class="text"/></li>
<li>
<input class="num" type="text" id="test3" value="0" size="2" maxlength="2" readonly="true"/>
<input class="pti" type="text" id="fix" value=":" size="1" maxlength="1" readonly="true"/>
<input class="num" type="text" id="test4" value="0" size="2" maxlength="2" readonly="true"/>
<input class="pti" type="text" id="fix" value=":" size="1" maxlength="1" readonly="true"/>
<input class="num" type="text" id="test5" value="0" size="2" maxlength="2" readonly="true"/>
</li>
<li><a href="#" class="button" input type="button" value="enseigne3" onclick="clic('t2')">enseigne 3</a></a><input type="text" id="text2" value="0" size="1" maxlength="2" readonly="true" class="text"/></li>
<li>
<input class="num" type="text" id="test6" value="0" size="2" maxlength="2" readonly="true"/>
<input class="pti" type="text" id="fix" value=":" size="1" maxlength="1" readonly="true"/>
<input class="num" type="text" id="test7" value="0" size="2" maxlength="2" readonly="true"/>
<input class="pti" type="text" id="fix" value=":" size="1" maxlength="1" readonly="true"/>
<input class="num" type="text" id="test8" value="0" size="2" maxlength="2" readonly="true"/>
</li>
<li><a href="#" class="button" input type="button" name="boutton" value="fermer" onclick="window.close()">fermer</a></li>
</ul>
</body>le .js :
Code Javascript :
window.moveTo(Math.floor(screen.availWidth-300),0);
window.resizeTo(300,Math.floor(screen.availHeight));
c=[["t0","t1","t2"],[0,0,0]];
h=[0,0,0,0,0,0,0,0,0]
t=[0,0,0];
temp=0;
var r;
function time () {
h[3*temp+2]++;
if (h[3*temp+2]>=60){
h[3*temp+2]=0;
h[3*temp+1]++;
document.getElementById("test"+(3*temp+1)).value=h[3*temp+1];
}
if (h[3*temp+1]>=60){
h[3*temp+1]=0;
h[temp]++;
document.getElementById("test"+(3*temp)).value=h[3*temp];
document.getElementById("test"+(3*temp+1)).value=h[3*temp+1];
}
document.getElementById("test"+(3*temp+2)).value=h[3*temp+2];
}
function clic (cpt){
temp=parseInt(cpt.charAt(1));
for (i=0;i<=2;i++) {
if (cpt==c[0][i]){
if (t[i]==0){
r=window.setInterval(time,1000);
t[i]=1;
}
else {
c[1][i]++;
document.getElementById("text"+i).value = (c[1][i]);
window.clearInterval(r);
t[i]=0;
}
}
}
}
et la .css :
Code HTML :
body {
background-color: black;
font-family:Calibri;
text-align: center;
}
ul, li{
margin: 0;
padding: 0;
margin-bottom: 20px;
}
select {
background-color: black;
font-family:Calibri;
text-align: center;
color:white;
text-decoration:none;
}
.button {
list-style-type: none;
display:Inline;
width:150px;
line-height:50px;
background:url(images/bouton-noir.png) no-repeat;
color:white;
text-decoration:none;
}
.button:hover {
background:url(images/bouton-noir-2.png) no-repeat;
text-transform: uppercase;
font-size: 15
}
.text {
list-style-type: none;
text-align: right;
display:Inline;
width:50px;
height:50px;
color:white;
background-color: black;
border-color:black;
text-decoration:none;
vertical-align:middle;
font-size: 40;
}
.num{
list-style-type: none;
text-align: right;
display:Inline;
color:white;
background-color: black;
border-color:black;
text-decoration:none;
vertical-align:middle;
width:22px;
height:20px;
}
.pti{
list-style-type: none;
text-align: right;
display:Inline;
color:white;
background-color: black;
border-color:black;
text-decoration:none;
vertical-align:middle;
width:9px;
height:20px;
}
Merci d'avance si quelqu'un a une solution soit pour simplifier tout ça soit pour régler mon problème.