document.write

document.write - HTML/CSS - Programmation

Marsh Posté le 01-08-2005 à 12:02:50    

Hello
probleme ecriture en javascript
je voudrais écrire sur la meme page html (principale) en utilisant function dessine(..document.write(txt);) mais cela ecrit sur une nouvelle page. si j'utilise pas de fonction cela marche.
Que faire pour que ma fonction marche?
 
<code>
<input type="text" onclick="dessine()">
<body>
<script type="text/javascript">
function dessine() {
txt = '<div id="Layer1"';  
txt += 'style="position:absolute;';
txt += ' background-color:red;left: 50%;top: 50%;';
txt += '  width: 210px;';
txt += ' height: 210px;';
txt += '</div>';
document.write(txt);
}
</script>
</code>
</code>

Reply

Marsh Posté le 01-08-2005 à 12:02:50   

Reply

Marsh Posté le 01-08-2005 à 12:08:40    

* Tu ne fermes pas ta balise <div>
* Tu place un input en dehors du body ...
* document.write est depreciée et il faut mieux utiliser les fonctions document.createElement, createTextNode etc ... (function du DOM)
* pourkoi definir un style inline dans ton div kand celui ci utilise un id ? il suffit de definir le style de l'element avec son id dans ta feuille de style !

Reply

Marsh Posté le 01-08-2005 à 12:12:13    

et pouruqoi faire un script comme ca alors qu'il suffit d'ecrire ce div en HTML tout simplement et de l'afficher ou le cacher par des propriétés display:none, display: block

Reply

Marsh Posté le 01-08-2005 à 13:50:55    

oui il est plus simple de le cacher mais cet exemple n'a pas pour but d'etre utilisé c'est juste pour mieux comprendre
j'ai modifié une ligne txt += '</div>'; en txt += '</'+'div>'; ou txt += '<//div>'; le input est ds la balise body; ca change rien  
Je click tous les champs de la pge courante sont bloqués, en actualisant j'ai mon div rouge qui apparait

Reply

Marsh Posté le 01-08-2005 à 14:00:22    

C'est la balise ouvrante du div qui est mal formée !!!
 
<div</div> -> <div></div>
 
Open your eyes ...

Reply

Marsh Posté le 01-08-2005 à 14:40:17    

JAMAIS PLUS DE document.write §§§§§§§§§ Ca fonctionne même pas en XHTML !!!!!!

Reply

Marsh Posté le 01-08-2005 à 14:40:56    

Et de toute façon le code est invalide, avec les </div>. Faut déjà dégager ça dans un .js à part, sinon adieu validation...

Reply

Marsh Posté le 01-08-2005 à 15:17:51    

d'accord d'accord oui je fais des fichier à part

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed