Javascript HREF mise à jour

Question

J'ai des URL que je visite de temps en temps qui ont des numéros de pages indiqués dans le HREF. Ceux-ci changent et j'ai besoin de garder une trace du dernier visité. Je l'ai fait en coupant-coller dans un fichier texte, mais je veux le remplacer par une page HTML locale que je peux mettre à jour avec javascript. Voici un exemple que j'ai créé:

<script type="application/javascript"> 
     function update(n,newvalue) { 
      var link = document.getElementById('l' + n); 
      var href = link.getAttribute('href', 2); 
      var textfield = document.getElementById('p' + n); 
      var parts = new Array(); 
      parts = href.split('-'); 
      parts[1] = 'p' + newvalue; 
      textfield.setAttribute('value', newvalue); 
      var newhref = parts.join('-'); 
      link.setAttribute('href',newhref); 
     } 
</script> 
<form> 
    <dl> 
     <dt><a target="_blank" id="l1" href="http://foobar.org/t5-p8-data.html">Task 5 Data<a></dt> 
     <dd>Page: <input type="text" id="p1" value="8" onChange="update(1,this.value)" /> </dd> 
    </dl> 
</form> 
    </html> 

Quand j'entrer une nouvelle valeur dans le champ texte et trace à travers ce avec Firebug, il semble fonctionner très bien, à savoir le lien valeur href et la valeur textfield se changer dans les DOM , mais lorsque la fonction se termine, ils reviennent aux valeurs d'origine de la page. Qu'est-ce que je fais mal?

Answer 1

EDIT MAJOR:

Le problème est qu'un percutant entrer dans un seul <input> dans une balise de formulaire soumettre le formulaire, donc ce qui se passe est, vous tapez dans l'entrée, appuyez sur Entrée, ce qui provoque une Blor, donc l'événement onchange se déclenche et tout se montre bien dans le débogueur. Lorsque cela se termine, la page se recharge (puisque le formulaire par défaut action est de GET la page en cours) sans scintillement, en réinitialisant la valeur d'entrée.

Solution 1: Retirez les <form> tags. L'élément de formulaire ne fait rien d'utile dans cet extrait.

Solution 2: ajoutez un attribut onsubmit=return(false) au <form>.

Solution 3: Ajouter une autre entrée non cachée à la forme.