Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > [Javascript] La fonction document.write > Lecture du sujet

[Javascript] La fonction document.write

Besoin d'aide, je n'ai pas bien compris ...

Vous devez être inscrit pour pouvoir poster des messages

RésoluLe problème de ce sujet a été résolu

Page : 1 
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1 
Hors ligne Alwin # Posté le 06/07/2008 à 11:54:01
Creatweb's project
Avatar
Groupe : Membres
Bonjour,

je viens de commencer à apprendre le javascript mais j'ai une question qui me chiffone un peu ( si vous me passer l'expression :p ). Mon problème viens de la fonction document.write qui - d'après le cours ici - est censée effacer la page et écrire par dessus ... Or si je test ce code, les deux textes sont affichés :
Code : HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<html>
 <head>
  <title>Mon premier script !</title>
 </head>
 <body>
<p>Mon texte en (x)html et 
  <script type="text/javascript">
  <!--
  
  document.write('<p> en Javascript</p>');
  
  //-->
  </script>
</p>
 </body>
</html>


Je pense que le probleme viens de mon interpretation de cette phrase .... Si quelqu'un pouvais m'expliqer ...

Merci !
Alwin
Envie de participer à un vrai projet ? De mettre vos talents au service du tout-gratuit ?
N'hésitez plus ! Creaweb est fait pour vous ! Pour plus d'informations, voir ici.
 
Hors ligne blackis # Posté le 06/07/2008 à 11:58:07
Real fan of Zelda
Avatar
Groupe : Membres
Faux.
document.write n'a pas pour but d'éffacer le texte et en écrire un autre, il a juste pour but d'écrire du texte ;)
Édité le 06/07/2008 à 12:01:11 par blackis
Modérateur de Otaku no Miracle
Modérateur de Xtrem Creative
Modérateur de Hubox
Modérateur de RedHeberg
Redacteur de Kaleno
Administrateur de World Maker
Ancien de Phoenix wright sur xooit.com

Maintenant, j'attends le poste de modérateur sur le sdz :D
 
Hors ligne -Ne0- # Posté le 06/07/2008 à 12:23:55
Avatar
Groupe : Membres
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Si tu appelles document.write directement dans la page (comme tu le fais), le texte est écrit sans effacer le reste.
En revanche, si tu l'appelles une fois la page chargée (à l'aide d'une fonction, d'un setTimeout, etc.), ça effacera tout.
- Ne0 -

Tuto sur le JavaScript
--> c'est par ici !
 
Hors ligne Alwin # Posté le 06/07/2008 à 12:47:41
Creatweb's project
Avatar
Groupe : Membres
Ok merci !
Apparement, le tuto que j'ai choisit ne démarre pas très bien :(
<citation nom="Le tuto">Débutons par le document.write. C'est une fonction qui permet d'effacer ce qu'il y a à l'écran, puis d'écrire ce qu'il y a entre les parenthèses. 'document.write' signifie en français 'écrire.document'. Traduisez par écrire. En résumé, document.write efface tout ce qu'il y avait écrit dans la page, puis écrit ce qu'il y a entre parenthèses.</citation>

Merci à vous deux pour la précision ;)
Amicalement,
Alwin
Édité le 06/07/2008 à 12:48:20 par Alwin
Envie de participer à un vrai projet ? De mettre vos talents au service du tout-gratuit ?
N'hésitez plus ! Creaweb est fait pour vous ! Pour plus d'informations, voir ici.
 
Hors ligne Yano # Posté le 06/07/2008 à 14:46:38
Avatar
Groupe : Membres
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Bonjour,

En effet, tel que c'est utilisé, l'explicationn est erronée.

Mais en utilisant réellement une fonction, le résultat est bien là.

Teste ça

Code : HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
 <head>
  <title>Mon premier script !</title>
  <script type="text/javascript">
  <!--
  function ecrit()
  {
  document.write('<p>Nouveau contenu<\/p>');
  }
  //-->
  </script>

 </head>
 <body>
    <p>Mon texte en (x)html et </p>

  <script type="text/javascript">
  <!--
  document.write('<p> en Javascript<\/p>');
  //-->
  </script>  

  <p><a href="javascript:void();" onclick="ecrit();">Écrire</a></p>

 </body>
</html>


C'est ta page dans laquelle j'ai ajouté une fonction qui utilise document.write()

Code : JavaScript
1
2
3
4
5
6
7
8
<script type="text/javascript">
  <!--
  function ecrit()
  {
  document.write('<p>Nouveau contenu<\/p>');
  }
  //-->
  </script>


Que se passe-t-il ?

La page se charge et le document.write() que tu y a inséré s'exécute. Au chargement de la page.
Une fois tout le code, HTML et Javascript, exécuté, la chargement est complet.

Ensuite, si on clique sur le lien, la fonction ecrit() est lancée et un nouveau document.write() s'exécute.
Cette méthode fait que le contenu du document est entièrement réécrit, qu'il est remplacé par le nouveau texte que la fonction ecrit() insère.


Vois ces explications.


Édité le 06/07/2008 à 14:49:20 par Yano
Hors ligne Alwin # Posté le 06/07/2008 à 15:05:30
Creatweb's project
Avatar
Groupe : Membres
Je n'ai qu'un mot à dire : Wouah !
C'était claire, maintenant, c'est lumineux ^^.

As tu prévu de faire un tuto sur le javascript ? :p

Merci beaucoup,
Sur ce, je vais continuer l'apprentissage,
Alwin
Envie de participer à un vrai projet ? De mettre vos talents au service du tout-gratuit ?
N'hésitez plus ! Creaweb est fait pour vous ! Pour plus d'informations, voir ici.
 
Hors ligne KorangaR # Posté le 06/07/2008 à 15:46:56
Groupe : Membres
Je pense qu'il y a d'autres choses plus importantes à apprendre en Javascript que document.write. Et puis les scripts en ligne comme te l'a montré Yano, c'est assez moche.
Hors ligne Alwin # Posté le 06/07/2008 à 15:49:01
Creatweb's project
Avatar
Groupe : Membres
Sans doute mais je suppose qu'il faut bien commencer par quelque chose non ?
Envie de participer à un vrai projet ? De mettre vos talents au service du tout-gratuit ?
N'hésitez plus ! Creaweb est fait pour vous ! Pour plus d'informations, voir ici.
 
Hors ligne Yano # Posté le 06/07/2008 à 16:29:20
Avatar
Groupe : Membres
Citation : KorangaR
Je pense qu'il y a d'autres choses plus importantes à apprendre en Javascript que document.write. Et puis les scripts en ligne comme te l'a montré Yano, c'est assez moche.

Très constructif.

En plus, on s'en fout.


Édité le 06/07/2008 à 16:29:59 par Yano
Hors ligne KorangaR # Posté le 06/07/2008 à 17:09:59
Groupe : Membres
Citation : Yano
Citation : KorangaR
Je pense qu'il y a d'autres choses plus importantes à apprendre en Javascript que document.write. Et puis les scripts en ligne comme te l'a montré Yano, c'est assez moche.

Très constructif.

En plus, on s'en fout.




Tu t'en fous.

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 278 Zéros connectés | Requêtes SQL 9 requêtes | Temps de génération de la page : Total (SQL) 0.0336s (0.0106s)