document.write - HTML/CSS - Programmation
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.
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
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
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?
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
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 :
|
Puis en JavaScript, tu remplis le <div> vide avec ta variable txt qui contient la table:
Code :
|
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
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
Marsh Posté le 05-08-2005 à 11:37:52
puisqueturepondspas a écrit : |
Le monsieur a dit
FlorentG a écrit : Nan, innerHTML, pas innerText |
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
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 :
|
Marsh Posté le 05-08-2005 à 12:26:01
puisqueturepondspas a écrit : toujours rien |
J'ai pourtant bien mis
Code :
|
et non
Code :
|
(changer 'test' par 'machin' et CF le égal =)
Marsh Posté le 05-08-2005 à 12:27:43
je troucve ça laid le innerHTML, 'c'est plus pratique de travailler avec le DOM
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\êt fossile, Asnelles, Calvados";
if (compteur==2)phrase="Vieux bateau norv\égien, \échou\é en 1888, Asnelles, Calvados";
if (compteur==3)phrase="Camembert, Orne";
if (compteur==4)phrase="Phare et Carri\è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\élune, Manche";
if (compteur==7)phrase="Petite \église pr\ès d\'Alen\çon, Orne";
if (compteur==8)phrase="Vieux ch\êne Telli\è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écé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??????????????????????????????????
Marsh Posté le 05-08-2005 à 13:09:40
Code :
|
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...
Marsh Posté le 05-08-2005 à 13:09:42
balise code ...
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 ?
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 ...........
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