Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript innerHTML et balise HTML

innerHTML et balise HTML

14 réponses
Avatar
Zig
comment interger du code html avec innerHTML ?

exemple 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test innerHTML</title>
</head>

<body>
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML = '<table
cellpadding=\"2\"><tr><td>00</td><td>00</td><td>00</td><td>00</td><td>00</td></tr></table>';"
>00</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'01.01.01.01.01.01.01';" >01</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'02.02.02.02.02.02.02';" >02</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'03.03.03.03.03.03.03';" >03</a>]
<div id="zone">-</div>
</body>
</html>

Ca marche !?!...

mais si je rajoute des parametres (border="1") ca ne marche pas ! voir
code ci-dessou :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test innerHTML</title>
</head>

<body>
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML = '<table border="1"
cellpadding=\"2\"><tr><td>00</td><td>00</td><td>00</td><td>00</td><td>00</td></tr></table>';"
>00</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'01.01.01.01.01.01.01';" >01</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'02.02.02.02.02.02.02';" >02</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'03.03.03.03.03.03.03';" >03</a>]
<div id="zone">-</div>
</body>
</html>
Signaler un problème avec ce contenu

4 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
Zig
comment interger du code html avec innerHTML ?


onClick="document.getElementById('zone').innerHTML = '<table border="1"
bonjour,

essayez :
onClick="document.getElementById('zone').innerHTML = '<table border="1"
Guy

non ca aussi j'ai essayé !



Avatar
ASM
essayez :
onClick="document.getElementById('zone').innerHTML = '<table border="1"
Guy

non ca aussi j'ai essayé !



si les " gênent, voici :

onClick="
document.getElementById('zone').innerHTML = '<table border=1 >';

Le navigateur saura s'en dépatouiller ... !

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé


Avatar
Cenekemoi
Cenekemoi wrote:
Message-ID:
<455076c4$0$25921$




Dans le fil que je citais ASM donne une référence
à une page où l'on peut constater le prb.


Auriez-vous un autre lien (Google par ex) avec le fil dont vous
parlez ?


Pour retrouver un message à partir de son message-id via Google :
- ouvrir Google Groups (http://groups.google.com)
- cliquer sur "Groupes - recherche avancée"
- dans le champ "ID de message" saisir le message-id, dans les < et >
(ici : 455076c4$0$25921$)
- cliquer sur le bouton


Merci, Pierre, pour l'information

Et hop

Sinon (je vois que vous êtes sous OE) avec Thundebird il existe la
fabuleuse extension message-id finder qui permet en un clic sur un
message-id (dans les entêtes ou dans le corps d'un message) d'ouvrir
le message depuis plusieurs sources


Pour (certainement) de mauvaises raisons, je suis habitué à mon OE tout
pourri. Donc je fais avec...
Mais merci pour l'info.


Pour en revenir au fond de l'histoire, j'ai pu faire quelques tests de
création d'une table de 20000 cellules (c'est, au max, le nombre que je
dois pouvoir gérer).

En gros, en voici les résultats :

Avec FF :
* Utilisation de innerHtml : temps T
* Utilisation du DOM : temps T (ou à peu près)


Avec IE :
* Utilisation de innerHtml : temps T
* Utilisation du DOM : temps T *fois 5*

Mon tableau devant fonctionner correctement sous IE et FF, je n'ai pas
vraiment le choix !...

--
Cordialement, Thierry ;-)





Avatar
bigdan
Zig a écrit le 22/11/2006 à 14h11 :
comment interger du code html avec innerHTML ?

exemple 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>test innerHTML</title>
</head>

<body>
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML = '<table
cellpadding="2"><tr><td>00</td><td>00</td><td>00</td><td>00</td><td>00</td></tr></table>';"

>00</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'01.01.01.01.01.01.01';" >01</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'02.02.02.02.02.02.02';" >02</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'03.03.03.03.03.03.03';" >03</a>]
<div id="zone">-</div>
</body>
</html>

Ca marche !?!...

mais si je rajoute des parametres (border="1") ca ne marche pas !
voir
code ci-dessou :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>test innerHTML</title>
</head>

<body>
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML = '<table
border="1"
cellpadding="2"><tr><td>00</td><td>00</td><td>00</td><td>00</td><td>00</td></tr></table>';"

>00</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'01.01.01.01.01.01.01';" >01</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'02.02.02.02.02.02.02';" >02</a>]
[<a href="javascript://"
onClick="document.getElementById('zone').innerHTML =
'03.03.03.03.03.03.03';" >03</a>]
<div id="zone">-</div>
</body>
</html>


Dans ton texte actuel tu a deja ta reponse t'a juste oublier de placer les dans le code

<table border='1'>

Avec le reste de ton code ca devrait aller

BigDan498
1 2