exemple de programme Javascript ne fonctionne pas

Je suis en train d'exécuter un code javascript exemple du lien: Link exemple de programme Javascript ne fonctionne pas

Rien ne se passe sur FF et IE, après la numérisation, il efface tout le champ de texte. Quel est le problème ici?

code:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<script type="javascript"> 
    function ini() 
    { 

    // Retrieve the code 
    var code =document.getElementById ('code_read_box').value; 

    alert(code); 

    // Return false to prevent the form to submit 
    return false; 

    } 

</script> 

</head> 


<body> 

    <form onsubmit = "return ini()"> 

    <input type="text" id="code_read_box" value="" /> 

    </form> 
</body> 
</html>

Source

2010-09-30 t0mcat

Nous n'avons aucun moyen de dire quelles erreurs vous avez faites en essayant d'écrire un script basé sur quelques extraits de code lorsque vous nous donnez le document, mais pas ce que vous avez réellement produit. – Quentin

Salut David, j'ai ajouté le code. Désolé, je ne suis pas en mesure de le formater correctement sur cette page. – t0mcat

4 espaces avant les formats de ligne en tant que code. Pour ce faire pour un bloc, sélectionnez-le et appuyez sur 'ctr-k' –

<script type="text/javascript">

au lieu de

<script type="javascript">

Source

2010-09-30 21:56:02 z5h

+1 - bonne capture - http://jsfiddle.net/f5PtF/ –

Vous pouvez abandonner l'attribut type entièrement ... –

"La question" peut être une d'une multitude de choses. Êtes-vous sûr que le code JS est en cours de chargement? Y a-t-il une erreur dans la console JS? Avez-vous essayé d'utiliser quelque chose comme firebug pour voir ce qui se passe réellement?

Sans plus d'informations, il est impossible de deviner ce qui se passe réellement.

Source

2010-09-30 21:35:09 zigdon

Salut Zigdon, j'ai posté le code. Vous ne savez pas comment utiliser Firebug – t0mcat

Cela fonctionne:

<!DOCTYPE html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Untitled Document</title> 
</head> 
<body> 

    <form onsubmit="return ini()"> 
     <input type="text" id="code_read_box"> 
    </form> 

    <script> 
     function ini() { 
      var code = document.getElementById('code_read_box').value; 
      alert(code); 
      return false; 
     } 
    </script> 

</body> 
</html>

La même chose mais avec l'utilisation de jQuery:
(cela fera fonctionner dans IE)

<!DOCTYPE html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Untitled Document</title> 
</head> 
<body> 

    <form id="foo"> 
     <input type="text" id="code_read_box"> 
    </form> 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("#foo").submit(function() { 
       alert($("#code_read_box").val()); 
       return false; 
      }); 
     }); 
    </script> 

    </body> 
</html>

Source

2010-09-30 22:03:57

Salut Sime Vidas, Quel était le problème avec le code affiché? Je vois que vous avez retiré la valeur de l'étiquette d'entrée. – t0mcat

L'attribut type = "javascript" de l'élément SCRIPT. Utilisez simplement type = "text/javascript" ou ne définissez pas l'attribut type complètement (je ne sais pas) –

Salut Sime, Le code que vous avez posté ne fonctionnait pas non plus. – t0mcat

exemple de programme Javascript ne fonctionne pas

Répondre

Questions connexes