Discussion :

[sebac]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Vow]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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, ...)

[sebac]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

dois-je alors écrire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

test ? c'est quoi ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

avec un id a ton div ...

[Bovino]

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

[sebac]

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

[sebac]

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

[Vow]

En clair :

Côté HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Côté JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[sebac]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ma fonction js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Vow]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

balise autofermante =>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[sebac]

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

[Vow]

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

[sebac]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="test"

quotes !

[Vow]

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.

[sebac]

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

[SpaceFrog]

si tu nous montrais le code complet ...

javascript est activé ???