begin process at 2012 05 28 10:03:23
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs & Astuces

 > FAIRE DES TRAITS D'UN POINT À UN AUTRE

FAIRE DES TRAITS D'UN POINT À UN AUTRE


 Information sur la source

Note :
7 / 10 - par 2 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Niveau :Initié Date de création :11/05/2004 Vu :7 847
Auteur : bertrouf

Ecrire un message privé
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Je voulais faire des traits entre deux points sur ma page, indépendement des images ou du texte que cela traverse.
Je n'ai trouvé aucun langage qui le fasse, aussi, j'ai isolé la fonction de micro$oft word (copyright).
Chacun des ordi ayant micro$oft-office installé (la majorité du grand public) peut voir mes traits. Pas les autres, attention.

En haut de la page, il faut préciser la balise <html>

<html xmlns:v="urn:schemas-microsoft-com:vml">


dans le head, ajouter la fonction en elle-même :

Source

  • <!--[if !mso]>
  • <style>
  • v\:* {behavior:url(#default#VML);}
  • o\:* {behavior:url(#default#VML);}
  • w\:* {behavior:url(#default#VML);}
  • .shape {behavior:url(#default#VML);}
  • </style>
  • <![endif]-->
  • </head>
  • sur la page, ajouter autant de fois que voulu le code
  • <!--[if gte vml 1]>
  • <v:line id="trait1" from="117,37" to="222,119" o:allowoverlap="f">
  • <w:wrap type="square"/>
  • </v:line>
  • <![endif]--> 
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->

</head>

sur la page, ajouter autant de fois que voulu le code

<!--[if gte vml 1]>
  <v:line id="trait1" from="117,37" to="222,119" o:allowoverlap="f">
    <w:wrap type="square"/>
  </v:line>
<![endif]-->

 Conclusion


Pour être certain que le trait arrive bien sur l'image, quelque soit la fenetre du visiteur, j'ai ajouté ce code dans la première case d'un tableau de dimensions fixes. Les coordonnées sont calculées à partir du coin du tableau.

Ce script (je ne suis pas certain que la catégorie javascript soit la bonne) fonctionne sur ma page :
http://www.bouzincourt.fr.st  (mise en ligne prochaine)

Il fonctionne sur tous les ordis qui ont le pack office, et ne renvoi pas d'erreur (grace à la condition if) sur les autres.

Bertrouf6111@/ /yahoo.fr


 Sources du même auteur

UN EFFET OPACITÉ SUR LES PHOTOS
LISTAGE DE PHOTOS EN VIGNETTES.
Toutes les sources de bertrouf

 Sources de la même categorie

PARSER LES CARACTÈRES HTML D'UNE STRING par jdmcreator
CONSTRUCTION D'UNE TABLE TRIABLE À PARTIR D'UN TABLEAU 2D par phm
Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Toutes les sources de la catégorie Trucs & Astuces

Commentaires et avis

Commentaire de bultez le 13/05/2004 16:18:34

et c'est du JavaScript çà ?

Commentaire de bertrouf le 14/05/2004 12:06:20

Ben non, c'est pas du javascript.
Mais ce n'est pas non plus du ASP, de l'Assembleur, du C++, du coldfusion, du delphi, du flash, du java, du MIRcscript, du PDA, du PHP, du photoshop ou du VB. ;-)

Message pour le webmaster : faire une catégorie AUTRE LANGAGE


Commentaire de theXman le 17/05/2004 10:58:58

Merci pour ton esprit de partage.

NB: je crois ke l'on ne se débarassera jamais de ces critiqueurs improductifs puérils...

Commentaire de LocalStone le 19/05/2004 16:05:21

:)

Commentaire de ifebo le 13/05/2005 17:21:30

Ca peut ouvrir des horizons à ceux qui font des tutos à partir d'images qu'il faut légender en flêchant une zone précise de l'image.
Comme ça on ne "tag" pas l'image, juste la page.
Ca peut servir et même plus. Moi je dis que ça vaut 7 parce que ce script à de l'avenir je crois. Rien n'empêche ceux qui font du javascript de l'utiliser.
Ce qui serait super pratique, ce serait un outil wiziwig pour tracer les traits. Mais bon ...

Commentaire de ifebo le 13/05/2005 17:25:45

Au fait, je n'ai pas le pack Office et ça marche quand-même !
Juste XP Pro Service pack2 et IE6.0

Commentaire de stfou le 10/06/2006 12:13:44

c cool mé on peut pas l'utiliser avec du javascript, par exemple pour bouger les traits...
il me met : "Arg: Illegal input string in Vector2D";
pour la ligne : document.getElementById("trait1").from=100;

merci de me faire savoir si tu trouve une solution.
merci.

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,494 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)