syntaxe plusieurs instructions dans une fonction

Bonjour je veux créer un textarea sur une image dont je donne le chemin grâce à

Code:

---

1 2 3

function CreateTextZone(){ document.getElementById('image').src =' ./dicom.php?quality=100&action=flipH&finSession=0 ' }

---

et ça fonctionne bien mais lorsque j'essaye de créer mon textarea comme ceci j'ai des problème de syntaxe

Code:

---

1 2 3

function CreateTextZone(){ document.getElementById('image').src =' ./dicom.php?quality=100&action=flipH&finSession=0 '+.appendChild(document.createElement('textarea')) }

---

Comment dois-je l'écrire.
Merci

Bonjour

Bien normal que ça ne fonctionne pas puisque tu essaies de concaténer l'URL avec l'appendChild (qui n'est pas une chaîne de caractères mais une fonction) dans le SRC.

En plus, tu devrais enlever les espaces en début et fin d'URL ;)

Ce qui donnerait :

Code:

---

1 2	document.getElementById('image').src = './dicom.php?quality=100&action=flipH&finSession=0'; monFormulaire.appendChild(document.createElement('textarea'));

---

Le terme "monFormulaire" devant être l'objet parent qui doit contenir le TextArea : soit le FORM lui-même, soit un objet dans le FORM (DIV, P, ...)

mon textarea doit effectivement s'afficher dans la balise div que voici

Code:

---

<div style='width:40px;height:10px;position:absolute;bottom:0;id=test;background-color:#456;right:0px;' > </div>

---

dois-je alors écrire

Code:

---

1 2	document.getElementById('image').src = './dicom.php?quality=100&action=flipH&finSession=0'; test.appendChild(document.createElement('textarea'));

---

test ? c'est quoi ???

Code:

---

document.getElementById('mondiv').appendChild(...)

---

avec un id a ton div ...

Hum... id n'est pas un attribut de style :koi:

test c'est l'id du div puisque j'ai plusieurs div dans ma page

je dois alors juste mettre id au bon endroit comme me l'a fait remarquer bovino

En clair :

Côté HTML :

Code:

---

<div id='test' style='width:40px; height:10px; position:absolute; bottom:0; background-color:#456; right:0px;' > </div>

---

Côté JS :

Code:

---

document.getElementById(test).appendChild(document.createElement('textarea'))

---

j'ai suivi les conseils mais rien ne se passe lorsque je clic sur mon bouton. Je récapitule ce que j'ai fait:
div dans lequel s'affiche le textarea qui contient mon image

Code:

---

<div id='test' style='width:40px; height:10px; position:absolute; bottom:0; background-color:#456; right:0px;' > </div>

---

ma fonction js

Code:

---

1 2 3 4 5

function CreateTextZone(){ document.getElementById('image').src = './dicom.php?quality=100&action=flipH&finSession=0'; document.getElementById('test').appendChild(document.createElement('textarea'));   }

---

appel de la fonction js sur clic du bouton

Code:

---

<td><img src='icon/doc_Annotations_text.png'onclick="javascript:CreateTextZone();"></img></td>

---

En enlevant "javascript:" et en espaçant la valeur SRC de l'événement onClick, ça ira mieux déjà normalement :

Code:

---

<td><img src='icon/doc_Annotations_text.png' onclick="CreateTextZone();"></img></td>

---

Ensuite, peut-être que la zone de DIV est trop petite.

Code:

---

<img src='icon/doc_Annotations_text.png' onclick="CreateTextZone();"></img>

---

balise autofermante =>

Code:

---

<img src='icon/doc_Annotations_text.png' onclick="CreateTextZone();" />

---

rien n'y fait, je ne crois pas que ce soit la zone div puisque l'image qu'elle affiche est assez grande et justement c'est pour ça que je veux juste créer une textarea dessus pour y faire des annotation. C'est un vrai casse tête :arf:

Où se trouve l'objet avec l'ID "image" ?

si tu parles de l'endroit où j'ai défini id image c'est dans un div défini dans le fichier php qui contient mon script js dont voici le code

Code:

---

1 2 3

<div style="width:800px;height:800px;position:absolute;left:100px;" id=test onmousedown="javascript:degrade(event);" onmouseup="javascript:getImage(event);" onmousemove="javascript:position(event);" onclick="CreateTextZone();"> <img style='position:absolute;width=800px;height:800px' src='dicom.php?quality=100?varStatic=0' id='image' onselectstart="javascript:return false;" ondrag="return false;" ondragstart="return false;" oncontextmenu="return false;" > </div>

---

Code:

---

id="test"

---

quotes !

A priori, ça devrait être bon.

Il faudrait tester que tu rentres bien dans la fonction CreateTextZone et que tu la termines.
Je suggère des "alert" avant la première commande, puis derrière elle et ainsi de suite jusqu'à la fin.

toujours rien je me demande s'il y'a rien à faire sur la page php qui charge l'image (dicom.php)

si tu nous montrais le code complet ...

javascript est activé ??? :aie: