Script tracer une ligne

[tof225391]

Bonjour à tous.
Je suis en train de réaliser une application Web qui permet de faire des schémas électriques.

J'ai réussi en javascript à inserer mes symbôles, les déplacer librement.
Mais la, je galère à trouver un script qui me permettrait de tracer des lignes verticales et horizontales gràce aux clics de la souris.

Quelqu'un aurait-il une piste ?

Merci pour votre aide.

[sekaijin]

SVG :
http://raphaeljs.com/

Canevas :
https://developer.mozilla.org/fr/HTML/Canvas
https://developer.mozilla.org/fr/Tutoriel_canvas
http://jean-paul.davalan.pagesperso-.../jsc/js09.html
http://www.w3.org/TR/html5/the-canva...canvas-element

pour tracer à la souris voir
http://developer.apple.com/library/s...roduction.html
la section : Track mouse and touch events

A+JYT

[tof225391]

Bonjour,
Merci pour la réponse.
En effet, pour deplacer mes objets, zommer, etc, j'ai utilisé la librairie Raphael.
Par contre je galere pour modifier les scripts que je trouve pour pouvoir tracer les traits :s

Merci pour les liens, je regarde ca.

Edit, je trouve pas mon bonheur tu as vu une fonction bien précise, où ce sont de lien qui parle de tracer des traits ?

Edit2, j'ai trouvé ca : http://www.webreference.com/programm...olumn21/3.html mais je n'arrive pas à l'adapter à ma page

[sekaijin]

si tu utilse SVG
http://code.google.com/p/svg-edit/

avec raphael
http://raphaeljs.com/reference.html#events
A+JYT

[tof225391]

Envoyé par sekaijin

si tu utilse SVG
http://code.google.com/p/svg-edit/

Génial, c'est un bijoux que tu m'as donné la
J'essaye de le retoucher un peu pour qu'il corresponde à ce que je souhaite, et je vous en fait part

a + et merci

[SpaceFrog]

vérifie quand même l'implémentation du svg sous différents browsers ...

[tof225391]

Re,
J'ai essayé sur chrome, IE et FF, ca a l'air de marcher (il a quand même fallut installer un plugin sous IE ...)

J'ai un menu en java, tous les sous menu sont en fait un liste de images d'un dissier sur mon FTP.
Je souhaiterais remplacer le bouton "inserer une image" par un bouton "inserer un appareil" qui afficherait ce menu, est-ce que vous auriez une solution ?

[tof225391]

Bonjour,
Est-ce que quelqu'un pourrait m'aider un petit coup

Je cherche où est la fonction "lier" deux éléments entre eux dans :
http://code.google.com/p/svg-edit/

Merci pour votre aide.

A +

[tof225391]

Bonjour,
Je reviens auprès de vous pour une petite question que je n'arrive pas à règler .

Je voudrais mettre en place 3 menus, qui serait masqué ou visible à partir d'un bouton.

J'ai donc utilisé la fonction suivante :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var state = 'none'; 
 
function showhide(layer_ref) { 
 
if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 
}

Et dans mon javascript :

Code :

1
2
3
4
5
6
7
8
9
<div  style="display: none;" id="tools_menu" class="tools_panel">
	<? include './Menu1/menu.php'; ?>
</div>
<div  style="display: none;" id="tools_menu2" class="tools_panel">
	<? include './Menu2/menu.php'; ?>
</div>
<div  style="display: none;" id="tools_menu3" class="tools_panel">
	<? include './Menu3/menu.php'; ?>
</div>

Les boutons :

Code :

1
2
3
	<div href="#" onclick="showhide('tools_menu');" class="tool_button" id="tool_image" title="Schéma Tertiaire"></div>
	<div href="#" onclick="showhide('tools_menu2');" class="tool_button" id="tool_image" title="Schéma Industriel"></div>
	<div href="#" onclick="showhide('tools_menu3');" class="tool_button" id="tool_image" title="Schéma Architectural"></div>

Lorsque je fais avec une seule DIV pour les menus, ca marche nickel.
Dès que j'ajoute les 2 autres menus (fonction include) toute ma page reste blanche.

Auriez vous une idée ?
Merici pour votre aide.

[NoSmoking]

Bonjour,
on est loin du sujet, peut être aurait-il mieux valu ouvrir une autre discussion...

Dès que j'ajoute les 2 autres menus (fonction include) toute ma page reste blanche.

il y a sûrement une erreur dans ton code en final, regarder le code HTML généré permet souvent de voir ou se trouve celle ci

Actuellement faire un test sur document.layers est très largement obsolète, feu NetScape 4.

Enfin une dernier chose essentielle une ID doit être UNIQUE ce qui n'est pas le cas pour toi

Code :

1
2
3
<div href="#" onclick="showhide('tools_menu');" class="tool_button" id="tool_image" title="Schéma Tertiaire"></div>
<div href="#" onclick="showhide('tools_menu2');" class="tool_button" id="tool_image" title="Schéma Industriel"></div>
<div href="#" onclick="showhide('tools_menu3');" class="tool_button" id="tool_image" title="Schéma Architectural"></div>