Bonjour toul'monde !!

Je découvre depuis 15 jours le monde merveilleux du html et un peu aussi du css (si, si, merveilleux ! Pas forcément simple tout de suite mais ce qui est intéressant est rarement accessible immédiatement) et je bute sur un problème (qui est peut être un résultat en chaine) : insérer dans ma page un code permettant d'ouvrir la fenêtre d'écriture d'un mail lorsqu'on clique sur une image.

Il faut que je précise tout de suite que le "site" sur lequel je travaille n'est pas un site "normal" qu'on charge depuis son disque dur mais une page sur myspace music. (Oui, je sais ce que beaucoup en pensent -à juste titre-, mais j'en ai besoin quand même ... )

Quand je parle d'un problème en chaine je pense notamment au fait que je ne sais pas comment héberger mes images d'une façon simple. Alors je passe par www.slide.com. Quand l'image est chargée chez eux, ils génèrent un code que je n'ai plus qu'à insérer dans ma page.
Celui sur lequel je voudrais faire pointer un lien mail, c'est celui là :

<a target="_blank" href="http://www.slide.com/item_finder?referrer=hlnk&pciid=GdzuUXcJgMILPqPustKuLTSkCo6HWUReGQud6pORnB4ME0-kVy9lFZRS8Cj_rzb5&dir=0&view=image"><img src="http://widget.slide.com/rdr/1/1/1/W/300000004d2e7ac/1/155/FI1Sj1wgeWGEUQXV8mtGdPkgOyTWChx2.jpg" border="0" alt="Host unlimited photos at slide.com for FREE!" title="Host unlimited photos at slide.com for FREE!" /></a>

Il fonctionne sans problème dans ma page mais comment faire pointer l'image qu'il contient vers un lien mail ?

J'ai fait des tas de recherches, trouvé des tas de balises, mais soit ce ne sont pas de bons codes, soit je ne les mets pas au bon endroit.
Je ne sais pas, par exemple, si je dois les intégrer DANS le code ci-dessus (au quel cas où ?) ou en dessous ... ?

Il me semblait que faire pointer un lien mail à partir d'une image c'était un peu le b-a ba sur internet.
Alors du coup je me demande si le problème ne vient pas du fait que ma photo est hébergée ??


Voilà ... j'espère que je n'ai pas été trop confuse dans mes explications et que la lumière me viendra de vous

L'image étant hébergée par un serveur externe, avec son "enrobage" HTML, tu n'as aucun contrôle sur le contenu. Ta demande est donc impossible à prendre en compte en l'état.

Et ça ne marcherais pas, quelque chose comme ça :

<a mailto="....l'email que tu veux...">
<img src="http://widget.slide.com/rdr/1/1/1/W/300000004d2e7ac/1/155/FI1Sj1wgeWGEUQXV8mtGdPkgOyTWChx2.jpg"
border="0"
alt="Host unlimited photos at slide.com for FREE!"
title="Host unlimited photos at slide.com for FREE!" />
</a>

??

Par contre, dans ce cas, l'internaute ne va plus sur le site "slide.com", et je ne sais pas si tu en as le droit d'après les règles d'utilisation de ce service.

Merci à tous les deux !!
(je passe "par hasard" sur mon topic car aucune notification par mail ! )

Je vais essayer ton code Aiwei. Il me semble qu'il ressemble fortement à l'un de mes essais mais j'en ai fait tellement que je ne sais plus.

En revanche, oui, c'est ennuyeux pour Slide.com. J'ai de nombreuses autres images sur cette même page qui pointent aussi chez eux mais il suffit d'une que je "trafique" pour qu'ils me fassent les gros yeux.
Vraiment je n'y connais rien en matière d'hébergement d'images. Il n'y a pas d'autres solution ?

Je me demandais par exemple s'il existe un moyen pour que je crée sur mon site perso une page (sur laquelle je mettrais ces images) que personne ne verrait ? Ca existe ça ?
Tout le monde héberge ses images chez des hébergeurs ?

Réponse pour l'essai de ton code, Aiwei :

La photo s'affiche toujours correctement mais tout lien sur l'image a disparu : aucun lien ni sur slide (pourtant une info bulle donne toujours leur adresse) ni sur le mail indiqué

J'espère encore que Patrice n'a pas raison ...

Je pense que Patrice a raison.

HS: pôvre cocotte... J'y connais rien au HTML Moi, j'utilisait un WYSWYG.... Beaucoup plus facile pour mes neurones !!!

Tu ne peux pas héberger tes images là où tu héberges ton site ???

C'est la question que je me pose aussi.

en fait, le code est :

<a href="mailto:????????"> ...... comme précédemment..... </a>

avec ton email au lieu des "??????"

tudjuuuuuuuuuuuu j'y connais vraiment rien, je le comprends bien à vos réponses !

Alors, tout d'abord :
si Tab' pense que Patrice a probablement raison (à savoir que "l'enrobage html" m'interdirait de faire ce lien), est-ce que ça changerait quelque chose d'héberger mon image ailleurs que sur Slide ?

(en fonction de vos réponses je garde mes autres questions pour plus tard !! )



PS : ma Gigi, t'es une futée, toi ... Remarque je me suis pas mal débrouillée avec mon site, c'est cette page pré-formatée qui me pose des problèmes. Merci pour ton p'tit HS

oui, Aiwei ... tu as raison, ce n'était pas inutile de préciser, parce qu'au premier essai j'ai en effet oublié de modifier ton ="l'email que tu veux" (première version de tes ???? ) !!
mais quand même, avant de venir te donner le résultat je me suis aperçue de ma bêtise et j'ai refais l'essai en mettant la véritable adresse ...

Mais ça valait le coup d'attirer mon attention, j'aurais pu ne pas ... !!

ça te rendrait la liberté par rapport aux contraintes que peut mettre slide.com, par exemple l'obligation de voir les images via leur site (avec toute la pub autour)....
Il suffit pour cela que tu puisses télécharger tes images sur un serveur (ce doit être possible sur le serveur où est ton site), et que tu mettes des liens vers ces fichiers directement.


PS : tu as essayé le code corrigé que je t'ai mis juste au dessus ?

Pourquoi n'héberges-tu pas tes images sur ton propre site ??? Là est ma plus grande interrogation...

Ensuite il serait très facile de faire un lien d'e-mail sur ton image :

<a href="mailto:toto@titi.com"><img src="http://www.titi.com/images/toto.jpg"></a>

... et ej précise que c'est pour ça que j'aime tellement PA et que je vous aime tellement, vous tous : sur n'importe quel autre forum y aurait eu au moins un ou deux pignoufs pour dire : fo ramplacé par ton mail, bananne !

La question est : est-ce que tu sais héberger tes images sur ton site ? [sans AUCUNE moquerie]

Ben ... c'était une des autres questions :
j'ai réussi péniblement à apprendre (à défaut de comprendre) comment envoyer mon site par ftp sur mon serveur mais comment envoyer une image sans la rattacher à mon site ?
Je vais la retrouver où ? et comment connaitrai-je son adresse ?

C'est pour ça que je me demandais s'il serait possible de la mettre sur mon site (via ftp) sans qu'elle y apparaisse ??

Ah ... quand je vous disais que c'était les interrogations à Bécassine, je vous avais pas menti, hein ??

sourire ... Tab' m'a devancée !! (il s'est douté, le malin ... )

C'est effectivement ça....

Dans le code que j'ai mis plus haut, que j'ai bêtement recopié de ce qu'à copié peachummette, il y a un truc que je ne comprends pas à la fin. Ca se termine par " /></a> ". Je ne vois pas d'où vient le premier '/', et je pense que terminer simplement par "></a>" serait mieux.



Au fait, polly, ton truc, c'est bien sur www.myspace.com, c'est ça ?

... en fait j'en suis sûre aussi ! Je vais modifier ...

vivivi ...
Si ça pouvait aider à quelque chose, je vous donnerais volontiers le lien mais ça va t y faire avancer le schmilblick ?

Vu que j'ai une bonne idée du lien... je vais y aller faire mon tour...

je reviens sur la question de Tab' :
"est-ce que tu sais mettre des images sur ton site ?"

>> vous voulez dire sur mon site (ça oui, je sais), ou sur mon fai ?

Je suis en train de trouver comment charger des photos sur mon espace perso club internet. Ca serait ça, la soluce dhébergement dont vous parliez ?


edit : merci Gigi !

BOn j'y suis.... C'est jôli, chez vous !!! Et c'est quoi le problème ?

Si ton site web est sur www.titi.com, via ton logiciel de ftp, tu peux créer un dossier "images" et tes images seront dans www.titi.com/images/nom_de_ton_image.jpg par exemple.

Si tu as plusieurs thèmes à traiter, rien ne t'empêche de faire des sous-dossiers, comme par exemple :

www.titi.com/images/vacances_noel/pere_nouillel.jpg
www.titi.com/images/vacances_paques/laaaaaapin.jpg
www.titi.com/images/soiree_PA/aiwei_la_coccinelle.jpg

Ce qui te permet de t'organiser selon tes envies.

Est-ce le slide show à droite qui nous pointe sur slide.com qui t'embête ?

C'pô un problème, c'est une question !! nuance ... (naaaaannn, t'as raison mon Gigi : c'est un problème !) Enfait, tu vois, dans la colonne de gauche vers le milieu de la page, il y a une image blanche comme un papier froissé. Eh bien je voudrais faire en sorte que lorsque les gens cliqueront dessus ça leur ouvre immédiatement une fenêtre de leur logiciel de mail avec l'adresse de la production déjà renseignée. Y z'ont plus qu'à écrire : OK j'en achète 8754 !, ils tapent sur Envoyer ... et bingo !!

Merci Trudi, ça commence à s'éclairer un peu ... !
En fait, si je comprends bien c'est bête comme chou : à la racine ou dans n'importe quel sous dossier de mon site, je crée un répertoire que j'appelle myspace par exemple. J'y colle mes photos. Je fais le transfert. Bon.

Tant que je n'inclue pas ces images sur une des pages de mon site (mon site perso), elles ne sont visibles par personne.
Mais moi, comment je sais quelle adresse coller dans myspace pour faire le lien ?

(chuis franchement boulet ... mille pardon et merci à vous !)

chez ton fai club-internet, le répertoire de base où tu peux déposer des fichiers et créer des pages internet va avoir un URL, par exemple :
http://www.club-internet.fr/polly
ça, il faut qu'un abonné à club-internet te donne l'url exact, car je ne sais pas quelle forme elle a.

Si on suppose que l'url est bien celle là, alors tu peux y créer (en utilisant un logiciel de ftp, ou les outils offerts par club-internet) un répertoire "myspace". Son url est donc :
http://www.club-internet.fr/polly/myspace

Si tu y mets des images, leurs url seront :
http://www.club-internet.fr/polly/myspace/image1.jpg
http://www.club-internet.fr/polly/myspace/image2.jpg
....etc

Dans ton espace myspace, pour afficher une de ces images, il suffit de mettre le code :
<img src="http://www.club-internet.fr/polly/myspace/image1.jpg">

Si tu veux que l'on puisse cliquer sur l'image pour ouvrir le client email qui est sur le pc, il faut que tu mettes :
<a href="mailto:?????????"><img src="http://www.club-internet.fr/polly/myspace/image1.jpg"></a>
....en remplaçant "????????" par la vraie adresse email....

Après ça, il ne faut plus que tu change la structure et l'emplacement des images dans ton espace club-internet, sinon les liens ne marcheront plus.

Mille merci Aiwei
J'étais en ligne avec un copain qui m'expliquait exactement la même chose mais moins clairement que toi !!
Du coup, en recoupant ce qu'il m'a dit et ce que tu m'écris j'arrive presque à comprendre

Je n'ai plus le temps de tester tout ça maintenant car je dois me préparer pour aller à l'Opéra ce soir écouter ça (sublime, au peu que j'ai vu et entendu) mais je sens que ma nuit va nuit va être peuplée de balises et de ftp !

Génial !! ça aussi je teste en rentrant !!!
ah oui, ça c'est comme sur n'importe quel site, je crois.

Merci Merci

Alors voilà :

En rentrant chez moi cette nuit, la tête pleine de musique mais les idées fraiches, je me suis remise à mon banc de galère

J'ai essayé (trois fois de suite) la manip d'Aiwei : rien à faire, ça marchait pas ! (ou plutôt : je n'y arrivais pas).

L'image n'apparaissant même plus sur la page, je me suis dit que mon problème était lié à l'hébergement de mon image et que le mieux était de traiter chaque problème à la fois.

J'ai donc repris le code avec l'hébergement de l'image chez Silde et j'y ai ajouté le code d'Aiwei pour le mailto.
Et la ....... bingo !!!! CA A MARCHE !!!
'Weiouneeeeeeeeeeeet !! Dans mes bras !!!
Mon sauveur

Merci ! Merci ! Merci !!
(ce qui ne marchait pas hier, c'est que mon code pour le mailto n'était pas le bon. Ce <a href> et toi, vous m'avez sauvé la vie)




Bon, après ces congratulations et ce débordement d'amour reconnaissant, revenons à des choses pragmatiques
Avec tout ça, j'ai TOUJOURS pas réussi à héberger une ggrrrmmvvhdg%rie de photo

Y a un truc que je dois toujours pas piger. Et (si vous avez un peu -?- de temps à perdre) je veux bien essayer encore

Je crois pourtant que j'ai bien suivi tes indications Aiwei :

1- je crée sur mon disque dur, dans mon site un répertoire nommé myspace
2- je colle mon image dedans (appelons la image1.jpg)
3- sur mon serveur ftp, je charge le répertoire myspace avec son contenu
4- l'ami que j'ai eu hier au tél m'a dit que mon url club internet doit être (mais il n'est pas chez CI donc il peut se tromper et c'est peut être de là que vient l'erreur ...) : http://www.polly.peachum.club-internet.fr
5- admettons qu'il n'y a pas d'erreur, l'url de mon image serait donc : http://www.polly.peachum.club-internet.fr/myspace/image.jpg
6- et ton code, Aiwei, personnalisé à la sauce peachumette, deviendrait : <img src="http://www.polly.peachum.club-internet.fr/myspace/image1.jpg">

Eh ben ça, ça marchait pas !

Alors en regardant bien dans les yeux mon serveur ftp pour voir si je ferais pas une erreur dans l'arborescence, je me suis aperçue qu'en haut du volet de la partie chargée, l'adresse différait un peu. j'avais : ".../htdocs/myspace/image1.jpg"
J'ai essayé ça aussi. Mais non.

Alors je me suis aperçue d'un autre truc :
L' album de photo que j'avais créé sur club internet en y mettant cette image était DEJA dans le volet des dossiers transférés de mon site !!
Ben ça alors !!
Mais ça me donne toujours pas l'adresse que je dois écrire dans mon lien.


Bref, vous voyez que je ne mens pas en disant que j'y comprends vraiment que pouic !!
Mais je ne déséspère pas.
Parce que, pour le moment, je suis super contente d'être arrivée au résultat que je voulais mais un jour, c'est sûr, j'aurai vraiment besoin de ne pas passer par un hébergeur et ce jour je serai rudement contente d'avoir compris comment faire ...

En attendant et déjà, je vous remercie TOUS beaucoup tout plein !!

ahum ... léger bémol cependant : il semblerait que ça ne fonctionne que chez les personnes dont Outlook est le gestionnaire de mails !

Bon tant pis ... On ne peut pas faire un truc universel (pas moi en tous cas)
Je vais contourner l'obstacle en rajoutant sous l'image un lien cliquable pour ceux que l'image n'envoit nulle part !
Je ne signale la chose que au cas où ce topic serve un jour à quelqu'un ...

Juste une remarque : c'est une excellente méthode pour se faire spamer à tarelarigot.
Voir discussion similaire qui a déjà eu lieu en ces lieux.


Je ne connais pas CI mais j'ai un gros doute sur le www dans l'URL.




Ca fonctionne chez tous ceux qui ont leur client mail défini par défaut.

C'est tout à fait vrai. J'ai d'ailleurs moi-même abordé ce point sur PA, je ne sais plus où.
Différentes possibilités sont possibles, selon ce que permet myspace.com : cgi ou autres chose sde ce genre, mais là je passe la main.
J'ai mis sur mon site un "script" qui marche et a l'avantage de masquer l'adresse email, mais tant que le principe de base ne marche pas sur myspace.com, il est inutile de s'encombrer avec ça : on verra quand polly aura réussi à mettre quelque chose en marche.

Oui, Aiwei, à chaque jour suffit sa peine !

Tu as raison, Pjl, le risque n'est pas des moindres mais j'ai l'accord du destinataire (bien sûr, et même c'est sur sa demande que ...)
Il est vrai qu'il doit exister des moyens pour à la fois se faire de la comm' et pas trop pourrir de spams et peut être qu'avec les conseils des uns et l'aides autres ici, j'y arriverai !

Le script que tu as mis sur ton site, Aiwei, il ne marcherait pas pour ma page, maintenant qu'on a réussi à faire le lien ?

Si je reprends le code qui marche chez moi, voici ce qu'il faudrait mettre à la place du <a href=....>....</a> :

<script language="JavaScript">
var un ="mai";
var deux ="lto";
var name = "nom";
var domain = "domaine";
var ext = "fr";
var aro = "@"
document.write('<a href=\"' + un + deux + ':' + name + aro + domain + '.' + ext + '\">');
</script>
<img src="......l'url de ton image......">

et qui correspond à l'email nom@domaine.fr

L'effet du code (jusqu'à "</script>" inclus) est que le navigateur "génère" lui-même le "<a href....>". Ensuite vient la référence de ton image.

Ceci dit, j'ai eu quelques soucis pour réellement mettre cela en oeuvre sans avoir complètement compris comment c'est tombé en marche. Je pense qu'il y a des fermetures automatiques de balises.
Pour les experts : mon code ne contient pas la balise </a> qui devrait logiquement se trouver juste après le texte ci-dessus, mais se trouve dans un tableau entre les balises <td> et </td> ! Je suppose que le </td> provoque implicitement le </a>....



Contrainte au fonctionnement de ce script : il faut qu'il y ait un "client email" défini par défaut sur le PC, pour que le navigateur le lance pour "exécuter" le "mailto"...

Polly, tu as réussi à mettre en ligne tes photos sur ton propre hebergement et à récupérer leur url ?
J'utilise au quotidien FireFTP (le client FTP add-on de firefox) et moyennant un tout petit paramètrage, en cliquant sur propriété de n'importe quel fichier distant, il donne son url complète...

Pour le cryptage, j'avais récupéré il y a longtemps sur une discussion ici même ce lien :
http://aspirine.org/emailcode.php

Pas sûr que le script généré fonctionne sur myspace cependant... jamais utilisé myspace, donc je sais pas !

il faut pour ça que le site accepte le php...

bah non pourquoi Aiwei ?

La page php génère un javascript... y a plus qu'à le coller. Mais d'expérience, des fois, ça ne marche pas... (justement quand l'email à crypter est dans une page générée par du php)

parce que j'ai parlé trop vite ?...

Merci Aiwei, je vais tester ça pas plus tard que tout de suite !
Mais alors franchement, quand je vous lis, c'est du vrai chinois pour moi ! Je suis certaine que je comprendrai mieux les calligraphies sur ton site
Bon, histoire de ne pas faire (trop de) bêtises, juste être sûre de la chose suivante :
Lorsque tu dis :, nous parlons bien de l'email sur lequel doit pointer l'image, n'est-ce pas ?


Hello Franck Y' avait (trop) longtemps ...
Moi j'utilise Flash FXP et je vais essayer de fouiller dedans pour voir si je ne pourrais pas trouver l'équivalent de ce que tu as sur FireFTP.
Merci beaucoup ...

vivivi

dans cette partie du code :

var name = "nom";
var domain = "domaine";
var ext = "fr";

il faut que tu remplaces "nom" et "domaine" par ce qui va bien
de même, tu remplaces "fr" par "com" (ou autre) si le mail n'est pas en "fr"




ps : dans ton post, le "<script" est devenu bizarrement un "&lt;script"..... vérifie bien quand tu testes.

Ca, ça s'appelle avoir l'oeil à tout !!
Merci 'weiounet !

Et, au fait, Aiwei, comment je vérifie l'effet de ce script ??

Il y a un autre moyen que d'attendre de voir si sa boite devenue une poubelle à V.i.a.G.R.* ?????

ben.... tu te connectes sur le site, tu cliques sur l'image, et normalement ton client courriel doit s'ouvrir avec le champ destinataire initialisé à l'adresse spécifiée....

Et pendant les tests, je te suggère de créer une adresse hotmail ou autre que tu détruiras ensuite...

Yes môssieur, mais ça c'est fait depuis cette nuit ! (tu n'as pas lu mon message de 12h36 aujourd'hui ??)
Donc, ça, ça marche ... (va lire quand même, je t'ai tressé des kilomètres de couronnes de lauriers et de roses en fleurs ... )

Et ma question était : comment je vais savoir si ton script additionnel (celui qui masque l'adresse mail) fonctionne ?
Ca doit être pour ça que tu me suggères de créer une adresse test mais ... pourquoi ?

Bah Polly, si tu as déployé le script d'aiwei et si ça ouvre toujours le lien mail, c'est qu'il fonctionne non ?

(oui, ça faisait longtemps... pas mal d'occupations ces temps ci ! mais c'est toujours agréable de se retrouver ici, en si bonne compagnie !)

et l'adresse test c'est sans doute pour pas polluer la vraie si le script qui la masque ne marche pas !!!

c'est bien à ça que je répondais.... le script ne fait que masquer l'email à des outils d' "aspiration de site" utilisés pour le spam, rien d'autre.
Donc pour tester le script, tu fais exactement comme pour tester la solution simple sans script.....

sourire ... rahlala !! l'épistolaire c'est bien mais c'est quand même un nid à incompréhensions !! Il y a une phrase (de Michel Leiris je crois) qui dit "une monstrueuse aberration fait croire aux hommes que le langage est fait pour faciliter leurs relations mutuelles"

Pourtant si, le "langage" est bien fait pour ça puisqu'il n'est question que de "faciliter".
Malheureusement, utiliser une langue écrite, que ce soit le français ou une autre d'ailleurs, est parfois insuffisant si on ne s'y reprend pas à plusieurs fois.

...fin de la minute philosophico-linguistique.... revenons à nos moutons enfin.... à nos emails