11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous, je fait des téstes avec javascript ne se moment et j'ai un problèmme avec la fonction window.onload.


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


<style type="text/css">
   ul:hover{ background: #6495ED}
   </style>

   
<script>

   window.onload = function()
  {
    //POURQUOI SA MARCHE PAS ???
   function envoyer()
   {

     document.getElementById('div').innerHTML = '<ul><li>Liste pucée</li></ul>';
   }
   }
   </script>


</head>

<body>
   <form id="formulaire" action="" method="get">
   <input name="boutton" type="submit" value="Envoyer" onmouseover="envoyer()">
   </form>
   <div id="div"></div>

</body>

</html>


Merci d'avance
Bonjour,

Si tu veux afficher ton texte, tu dois mettre le code suivant :


<html>
<head>
  <title>Untitled</title>
   <meta charset="utf-8">
   <style type="text/css">
    ul:hover{ background: #6495ED}
   </style>
  <script>
   function envoyer()
   {
    document.getElementById('div').innerHTML = '<ul><li>Liste pucée</li></ul>';
    return false;

   }
   </script>
</head>
<body>
   <form id="formulaire" action="" method="get" onsubmit="return envoyer(this);">
    <input name="boutton" type="submit" value="Envoyer">
   </form>
   <div id="div"></div>
</body>
</html>


Tu n'as pas besoin du windows onload, il faut mettre une action sur l'envoi du formulaire.
Dans ton cas, le formulaire était soumis et on arrivait sur une nouvelle page
Bonne journée