document.write

document.write - HTML/CSS - Programmation

Marsh Posté le 04-08-2005 à 14:34:23    

hello
j'ai code:
txt = '<table ><tr> 1 <td> d </td> <td> d1 </td> </tr> <tr> 2 <td> d </td> <td> d1 </td></tr>a </table>';
document.write(txt);
 
resultat
1    
2  
a
d  d1
d0 d2  
 
?????????????????????? pourquoi il met tous les tr puis tous les td
 
autre essai
txt = '<table ><tr class="descripcionfuncional"> 1 <td> d <//td> <td> d1 <//td> <//tr> <tr> 2 <td> d0 <//td> <td> d2 <//td> <//tr>a </table>';
document.write(txt);
1  
2
d  d1  
d0  d2 a  
 
 
 

Reply

Marsh Posté le 04-08-2005 à 14:34:23   

Reply

Marsh Posté le 04-08-2005 à 14:37:57    

la réponse est : parce que tu as rien compris au HTML et là l'utilisation d'un tableau
 
on ne met rien dans un TR
on met les données dans les TD ou les TH.  
c'est normal que ça s'affiche de cette manière.

Reply

Marsh Posté le 04-08-2005 à 14:39:17    

sous FF ca s'affiche comme cela :  
 
1 2 a
d  d1
d  d1
 
il est gentil FF kan memem

Reply

Marsh Posté le 04-08-2005 à 14:40:13    

Et document.write est obsolète, il faut utiliser des fonctions DOM, ou bien la propriété innerHTML d'un élément :o

Reply

Marsh Posté le 04-08-2005 à 16:26:08    

ah d'accord merci
il faut que je document sur innerText les proprietes dom mais c'est plus complique. si j'ai des fonctions javascript et du html ca se met comment avec du innerText?

Reply

Marsh Posté le 04-08-2005 à 16:27:31    

Nan, innerHTML, pas innerText

Reply

Marsh Posté le 04-08-2005 à 16:43:04    

innerHTML et tu aurait pas un exemple simple ça fait 15 jours que j'arrive pas à afficher ce calendrier

Reply

Marsh Posté le 04-08-2005 à 17:01:56    

puisqueturepondspas a écrit :

innerHTML et tu aurait pas un exemple simple ça fait 15 jours que j'arrive pas à afficher ce calendrier


 
 
En 15 jours t'aurai pu trouver seul en demandant a Mr. Google mais bon...
 
Par ex, un <div> vide (yen a qui vont criser...)

Code :
  1. <div id="test"></div>


 
 
Puis en JavaScript, tu remplis le <div> vide avec ta variable txt qui contient la table:

Code :
  1. document.getElementById('test').innerHTML = txt;


 


---------------
www.renderfarm.online
Reply

Marsh Posté le 04-08-2005 à 17:13:03    

ah vais essayer ce soir
j'ai utilisé une autre methode pendant ces 15 jours tres mauvaise (include en jsp ...) mais marche
ds mon txt
je peux mettre truc comme ça
 
txt += 'var now = new Date();\nIE = !(document.all?0:1);\nNS = !IE;\n';
txt += 'months = new Array(\'Janvier\',\'Février\',\'Mars\',\'Avril\',\'Mai\',\'Juin\',\'Juillet\',\'Août\',\'Septembre\',\'Octobre\',\'Novembre\',\'Décembre\');\n';
txt += 'mois = now.getMonth();\nan = now.getFullYear();\njour = now.getDate();\nvide = "...";\n \n';
 
// Affectation des dates aux bouttons
txt += 'function init() {\n';
txt += 'document.calendar.curMonth.value = months[mois] + " " + an;\n';
txt += 'document.calendar.curMonth.readOnly = true;\n';
txt += 'now.setMonth(mois);\n';
txt += 'now.setYear(an);\n';
txt += 'now.setDate(1);\n';
txt += 'for (i=0;i<now.getDay();i++) { eval("document.calendar.b"+0+i+".value = \' " + vide + " \' ;" ); }\n';
txt += 'for (i=now.getDay();i<7;i++) {\n'; ......
 
merci

Reply

Marsh Posté le 05-08-2005 à 11:30:52    

marche pas
<div id="machin">
</div>
<input type="text" name="inputa" onclick="d()">
 
<script type="text/javascript">
function d()
{
txt = '<iframe name="cfr_list_select" style="border:2px" style=\'width:200;height:200; overflow:scroll; visibility:visible\' src="http://172.27.60.18:3005/sse_generico/english/generico_login.jsp"></iframe>';
document.getElementbyId("machin" ).innerText(txt);
}
 
</script>
 
resultat rien de nouveau sur la page

Reply

Marsh Posté le 05-08-2005 à 11:30:52   

Reply

Marsh Posté le 05-08-2005 à 11:37:52    


puisqueturepondspas a écrit :


document.getElementbyId("machin" ).innerText(txt);


Le monsieur a dit

FlorentG a écrit :

Nan, innerHTML, pas innerText


 
 


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 05-08-2005 à 12:04:34    

toujours rien
pour simplifier txt='<td>a</td>';
 
document.getElementbyId("machin" ).innerHTML(txt);
ou document.getElementbyId('machin').innerHTML(txt);
rien

Reply

Marsh Posté le 05-08-2005 à 12:10:27    

et en utilisant les fonctions DOM createElement, etc ? cf quirksmodes (recherche dans google)


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 05-08-2005 à 12:19:51    

dejà quand on voit la gueule de ton code JS, avec des mélanges de simple quote et double quote, ainsi que l'utilisation de 2 style="", c'est bizarre
 
bon en fonctions dom on aurait :  
 

Code :
  1. var MyNewIFrame = document.getElementbyId("machin" ).appendChild(document.createElement("IFRAME" ));
  2. //on lui met un ID, le name ca existe que sur les éléments de formulaires pour les envoyer au serveur
  3. MyNewIFrame.id ="cfr_list_select";
  4. //Met pas de style="", fait plutot ca dans une classe en CSS
  5. MyNewIFrame.className = "MaclasseCSS";
  6. MyNewIFrame.src="http://172.27.60.18:3005/sse_generico/english/generico_login.jsp";

Reply

Marsh Posté le 05-08-2005 à 12:26:01    

puisqueturepondspas a écrit :

toujours rien
pour simplifier txt='<td>a</td>';
 
document.getElementbyId("machin" ).innerHTML(txt);
ou document.getElementbyId('machin').innerHTML(txt);
rien


 
 
J'ai pourtant bien mis

Code :
  1. document.getElementById('test').innerHTML = txt;


et non

Code :
  1. document.getElementById('test').innerHTML(txt);


 
(changer 'test' par 'machin' et CF le égal =)


Message édité par dotfx le 05-08-2005 à 12:27:22

---------------
www.renderfarm.online
Reply

Marsh Posté le 05-08-2005 à 12:27:43    

je troucve ça laid le innerHTML, 'c'est plus pratique de travailler avec le DOM

Reply

Marsh Posté le 05-08-2005 à 13:06:37    

J'ai trouve un exemple sur net marche bien mais si j'enleve les fonctions suivante ou precedent ou simplement l'image.
Chose que je ne comprends pas:
objet div (document.getElementById('commentaire');) est au chargement de la page null puis il devient[object] grace au bouton pourtant il n'y a pas de submit? et getElementByID ne peut t il pas retrouver les element sans submit?
Si j'enleve image ou focntion object div est toujours null
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
<title>paysages de Basse-Normandie</title>
<meta name="Author" content="Bernard Langellier">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Diaporama paysages de Basse-normandie">
<meta name="keywords" content="paysage,Normandie,Basse-Normandie,orne,manche,calvados">
<link href="../exstylb.css" rel="stylesheet" type="text/css">
<style type="text/css">div{text-align:center; color:#003399}</style>
<script type = "text/javascript">un=new Image();deux=new Image();trois=new Image();quatre=new Image();cinq=new Image();six=new Image();sept=new Image();huit=new Image();un.src="img1.jpg";deux.src ="img2.jpg";trois.src="img3.jpg";quatre.src ="img4.jpg";cinq.src="img5.jpg";six.src ="img6.jpg";sept.src="img7.jpg";huit.src ="img8.jpg";</script>
<script type="text/JavaScript">
var compteur = 0;var nbreImages = 8;
function precedente(){compteur += -1;
if (compteur <= 0) {compteur = nbreImages}
document.images[0].src = "img"+compteur+".jpg";
afficher(compteur)}
function suivante() {compteur += 1;
if (compteur == (nbreImages+1)) {compteur = 1}
document.images[0].src = "img"+compteur+".jpg";
afficher(compteur)}  
function afficher(compteur)  
{if (compteur==1)phrase="For\&ecirc;t fossile, Asnelles, Calvados";
if (compteur==2)phrase="Vieux bateau norv\&eacute;gien, \&eacute;chou\&eacute; en 1888, Asnelles, Calvados";
if (compteur==3)phrase="Camembert, Orne";
if (compteur==4)phrase="Phare et Carri\&egrave;re de granite, Chausey, Manche";
if (compteur==5)phrase="Four de boulangerie dans une ferme du Sud-Manche";
if (compteur==6)phrase="Mont Saint-Michel, Embouchure de la S\&eacute;lune, Manche";
if (compteur==7)phrase="Petite \&eacute;glise pr\&egrave;s d\'Alen\&ccedil;on, Orne";
if (compteur==8)phrase="Vieux ch\&ecirc;ne Telli\&egrave;res-le-Plessis, Orne"
paragraphe="<p style='font-size: 14pt'>" + phrase + "</p><iframe name='cfr_list_select' style='border:2px' src='http://172.27.60.18:3005/servlet/CheckSecurity/JSP/slp3/list_slp3_person.jsp'> </iframe>";
 
phrase = document.getElementById('commentaire');
alert(phrase);
phrase.innerHTML = paragraphe;}
</script>
</head>
<body>
 
<form action="">
<table cellpadding="10"><col><tr class="centre">
<td width="400" height="450"><img src="img1.jpg" width="364" alt="Diaporama" title="Cliquez sur image suivante" height="221" border="0"><br>
<input type="button" value="Image pr&eacute;c&eacute;dente" onclick="precedente()"> | <input type="button" value="Image suivante" onclick="suivante()">
</td><td>
 
<div id="commentaire">
<h1>Paysages bas-normands</h1>
<p>Merci d'attendre le chargement des images.</p>
</div>
 
</td></tr>
</table>
</form>
<script type="text/JavaScript" src="../menu21.js"></script>
</body>
</html>
 
Mon exemple
function d()
{
 phrase="";
 phrase = document.getElementbyId('machin');
 phrase.innerHTML = txt;
ou  
 
   txt="<table><td>AAAAAAAAAAAAAA</td></table>";
   document.getElementbyId('machin').innerHTML(txt);
 
}
 
<form action="">
<div id="machin" style='width:100;height:100;background-color=green'>
dsdsdsdsddsdmachinmachin
</div>
 
<input type="submit" name="inputa" value="ma" onclick="d()">
 
</form>
marche pas??????????????????????????????????

Reply

Marsh Posté le 05-08-2005 à 13:09:40    

Code :
  1. txt="<table><td>AAAAAAAAAAAAAA</td></table>";
  2. document.getElementbyId('machin').innerHTML(txt);


 
C'est fou! C'est document.getElementbyId('machin').innerHTML = txt;
et non innerHTML(txt) ... 3 posts pour lui faire comprendre l'erreur...
 
PS: En supposant que le contenu de ton txt est ici un exemple, il faut quand même mettre les <td> entre <tr></tr>
Edit: j'ai mis en rouge et gras ce qu'il faut que tu changes...


Message édité par dotfx le 05-08-2005 à 13:13:11

---------------
www.renderfarm.online
Reply

Marsh Posté le 05-08-2005 à 13:09:42    

balise code ...


---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.
Reply

Marsh Posté le 05-08-2005 à 13:12:36    

ce code est pourri et d'avant guerre, tu as daigner lire ce que je t'ai mis ?

Reply

Marsh Posté le 05-08-2005 à 14:29:09    

desole j'ai ecrit trop vite le message mais ds mon code pas fait l'erreur j'ai changé  1000 fois mais ...........

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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