[JAVASCRIPT]Non riesco a mettere più di una Percentuale

[dantefoxfox]

Regazzi ho questo:

var percents = new Array;

percents[0] = new Array(1.00, 49.00, 130.00); /* 10.00, 100.00, 250.00 */
percents[1] = new Array(50.00, 249.00, 140.00); /* 101.00, 500.00, 280.00 */
percents[2] = new Array(250.00, 999.00, 150.00); /* 501.00, 5000.00, 300.00 */
percents[3] = new Array(1000.00, 1999.00, 160.00); /* Questo l'ho aggiunto io */

var maxdays = 1; /* 7 */
var Amount = 1.00; /* 10.00*/
var returnprofit = 0;

function CalculatePercent()
{
  Percent = 0;
  var LastPercent = percents[0][3]; /* percents[0][2] */
  for (var i = 0; i < percents.length; i++)
  {
    if (Amount < percents[i][0])
    {
      Percent = LastPercent;
    }
    else
    {
      LastPercent = percents[i][2];
      if ((Amount >= percents[i][0]) && ((Amount <= percents[i][1]) || (percents[i][1] == 0)))
      {
        Percent = percents[i][2];
      }
    }
  }
}

function CalculateProfit() 
{
  Amount = new Number(document.data.amount.value);
  CalculatePercent();

  if (Percent == 0)
  {
    if (Amount < percents[0][0])
    {
      alert('Provided amount is too small. ' + percents[0][0] + ' is minimal!');
      document.data.amount.value = percents[0][0];
      CalculateProfit();
    }
    else if (percents[percents.length-1][1] != 0 && Amount > percents[percents.length-1][1])
    {
      alert('Provided amount is too big. ' + percents[percents.length-1][1] + ' is maximum!');
      document.data.amount.value = percents[percents.length-1][1];
      CalculateProfit();
    }
    else
    {
      alert('Provided amount do not meet any range');
    }
    return;
  }

  document.getElementById('percent').childNodes[0].data = Percent + '%';

  Profit = Math.round(Amount * Percent) / 100;
  if (returnprofit)
  {
    Profit += Amount;
  }
  document.getElementById('profit').childNodes[0].data = '$' + Profit;
}
function Spend()
{
  if (opener && opener.spendform && opener.spendform.amount)
  {
    opener.spendform.amount.value = document.data.amount.value;
    window.close();
  }
  else
  {
    alert('Please, return to Make Deposit Page to Spend!');
  }
}

E questo è il codice html

<script type="text/javascript" src="percent_plan1.js">
</script>
<div class="sotto_tabella"><form name="data" onsubmit="CalculateProfit(); return false;">Amount:$ 
<input class="formelement2" type="text" name="amount" value="1.00" size=5> 
<input class="formbutton" type="submit" value="Calculate" onclick="CalculateProfit()">
 Percent: <span id="percent">N/A</span>
 Profit: <span id="profit">N/A</span>
<script>
CalculatePercent();
CalculateProfit();
</script>
</form>
</div>

Tutto bene se lo metto una volta,
Ma quando provo a metterlo in altre zone della pagina (con percentuali diverse e nome del file diverso),non funziona...
Come posso fare?

[Nunkij]

Non ho letto tutto il codice ma credo che il problema sia nel getElementById. Ricorda che in ogni pagina un elemento che ha un id deve essere unico. Probabilmente è questo che non lo fa funzionare.

In ogni caso descrivi sempre bene i "sintomi" dell'errore. Dire non funziona non ci aiuta a capire.

Quindi se vuoi duplicare i file js, cambia gli id che peschi col metodo getElemenById. Se funziona ti dò un suggerimento per rendere tutto più performante ed usare un solo file .js esterno! Ciao ciao

[dantefoxfox]

Grazie Nunkij per la risposta,
allora provo con getElemenById, mi potresti fare un esempio di come posso utilizzarlo, l'id dove devo metterlo nel file js oppure nella pagina html?
Grazie

[dantefoxfox]

Ragazzi non so come andare avanti
Ho provato anche a dare un nome diverso alle funzioni, ma non va lo stesso

n.b. l'id come posso attribuirlo?

[Nunkij]

Se tu duplichi queste due righe è normale che qualcosa non funzioni!

Percent: <span id="percent">N/A</span>
Profit: <span id="profit">N/A</span>


gli id devono essere diversi per ogni elemento!