javascript download counter

Question

Tcll 66 Posting Whiz in Training

13 Years Ago

I'd like to know how to write a downloads counter that changes a var in an external .js file??
the var is named after the id of the textbox that displays the number held within that var...

eg:
external file:

var txtbx = 0

html:

<script type="text/javascript">
count() //writes the increased value to the var in the external file 
//(var to change is based on the input ID)
</script>

<a href... onclick="count()">download</a> 
<span style="align:right">
Downloads: <input type="textbox" id="txtbx" value=txtbx>
</span>

can anyone help??

javascript

1 Contributor
2 Replies
789 Views
1 Day Discussion Span
Latest Post 13 Years Ago Latest Post by Tcll

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

Tcll 66 Posting Whiz in Training Featured Poster · Answer 1 · 2010-09-05T01:46:17+00:00

Tcll 66 Posting Whiz in Training

13 Years Ago

this was supposed to have been answered yesterday -_-

Tcll 66 Posting Whiz in Training Featured Poster · Answer 2 · 2010-09-05T02:46:42+00:00

also...
off topic...
but...

how do you shorten something like this down:

<td style="cursor:pointer; cursor:hand;" align='center' width="15%" id="switch" class="tbl_off" 
onMouseOver="rollover(this,'tbl_ovr')" onMouseOut="rollover(this,'tbl_off')" 
onClick="if 
(this.parentNode.parentNode.getElementsByTagName('div')[3].style.display != ''){
this.parentNode.parentNode.getElementsByTagName('div')[3].style.display = ''; 
this.parentNode.parentNode.getElementsByTagName('div')[4].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[5].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[6].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[7].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[8].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[9].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[10].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[11].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[12].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[13].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[14].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[15].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[16].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[17].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[18].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[19].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[20].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[21].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[22].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[23].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[24].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[25].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[26].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[27].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[28].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[29].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[30].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[31].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[32].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[33].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[34].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[35].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[36].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[37].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[38].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[39].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[40].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[41].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[42].style.height='42%';
this.parentNode.parentNode.getElementsByTagName('div')[43].style.height='42%';
} else {
this.parentNode.parentNode.getElementsByTagName('div')[3].style.display = 'none'; 
this.parentNode.parentNode.getElementsByTagName('div')[4].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[5].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[6].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[7].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[8].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[9].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[10].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[11].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[12].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[13].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[14].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[15].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[16].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[17].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[18].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[19].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[20].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[21].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[22].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[23].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[24].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[25].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[26].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[27].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[28].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[29].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[30].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[31].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[32].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[33].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[34].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[35].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[36].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[37].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[38].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[39].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[40].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[41].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[42].style.height='100%';
this.parentNode.parentNode.getElementsByTagName('div')[43].style.height='100%';}"
style="display: none;">