Forum TOWeb

22 Mai 2013 à 04h54

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
Identifiez-vous Inscrivez-vous Accueil du forum Recherche avancée Aide sur le forum
A court d'idées cadeaux ? OFFREZ TOWEB POUR NOEL !
+  Forum TOWeb
|-+  TOWeb
| |-+  Scripts & astuces pour votre site
| | |-+  [RESOLU] Envoyer à un ami
« sujet précédent | | sujet suivant »
Pages: [1] Bas de page Imprimer
Auteur Fil de discussion: [RESOLU] Envoyer à un ami  (Lu 1301 fois)
modefreestyle
Sr. Member
****

Votes : +2/-1
Messages: 276



WWW
« le: 22 Janvier 2010 à 21h48 »

Bonsoir,
et merci à ceux qui voudront bien m'aider. Clin d'oeil
voilà, j'ai ajouté le sript suivant suivant "envoyer à un ami"et le bouton ne fonctionne pas (pas d'ouverture de la messagerie par défaut)  :

<input type="button" onClick="window.location='mailto:?subject=mode-free-style.&body=Bonjour.%0D%0A%0D%0A Voici un site qui peut t&#146;intéresser : http://www.mode-free-style. Jeux de matières et de couleurs, dentelles, broderies, patchwork pour plaire et pour se plaire

%0D%0A%0D%0A Bonne visite.';" value="Envoyer le lien à un ami" />

Je n'arrive pas non plus à mettre un zoom sur mes images : exemple de script :

<style>
}

.cible
{

   position : relative;
   float : left;
   top : 500px;
   padding:10px;
   border-style : solid;
   margin : 5px;
   border-width : 1px;
}


.popup
{
   position : absolute;
   width : 250px;
   height : 213px;
   border-style : solid;
   border-width : 1px;
   overflow:hidden;
   left : -10000px;
   z-index : 100;
   
}



</style>

<script>

function Target(id, picture, width, height)
{
   this.id = id;
   this.ref = null;
   this.width = width;
   this.height = height;
   this.picture = picture;
}


Target.prototype.getHeight = function()
{
   var elt = document.getElementById(this.id);
   return elt.offsetHeight;
}

Target.prototype.getWidth = function()
{
   var elt = document.getElementById(this.id);
   return elt.offsetWidth;
}


function TargetList(popupId, popupWidth, popupHeight)
{
   this.popupId = popupId;
   this.popupWidth = popupWidth;
   this.popupHeight = popupHeight;
   this.items = new Array();
   
   this.currentIndex = -1;
}

TargetList.prototype.addTarget = function(id,picture,width,height)
{
   var item = new Target(id,picture,width,height);
   item.index = this.items.length;   
   
   var elt = document.getElementById(id);
   this.items.push(item);
}

TargetList.prototype.hidePopup = function()
{
   if (this.currentIndex != -1)
   {
      document.getElementById(this.popupId).style.left=-10000+"px";
      this.currentIndex = -1;
   }   
}

TargetList.prototype.selectTarget = function(index)
{
   if (this.currentIndex != index)
   {
      if ((index >=0) && (index < this.items.length))
      {
         document.getElementById(this.popupId).innerHTML='<img src="'+this.items[index].picture+'">';
         this.currentIndex = index;
      }
   }   
}

TargetList.prototype.showPopup = function(x,y)
{
   var elt = document.getElementById(this.popupId);
   elt.style.left=x+5+"px";
   elt.style.top=y-this.popupHeight+"px";
}

TargetList.prototype.findTarget = function(x,y)
{
   var index = -1;
   for (var i=0; i < this.items.length; i++)
   {
      var position = findPosition(this.items.id);
      if ((x >= position.x) && (x < position.x+this.items.getWidth()) && (y >= position.y) && (y < position.y+this.items.getHeight()))
      {
         index = i;
         break;
      }
   }
   return index;
}


var targetList = new TargetList("popup",250,213);




function strToNumber(value)
{
   var nbr = parseInt(value);
   if (isNaN(nbr)) { nbr = 0;}
   return nbr;
}


function mousePosition(e)
{
   var result = new Array();
   result["x"] = 0;
   result["y"] = 0;
   if (!e) var e = window.event;
   if (e.pageX || e.pageY)    {
      result["x"] = e.pageX;
      result["y"] = e.pageY;
   }
   else if (e.clientX || e.clientY)    {
      result["x"] = e.clientX + document.body.scrollLeft
         + document.documentElement.scrollLeft;
      result["y"] = e.clientY + document.body.scrollTop
         + document.documentElement.scrollTop;
   }
   return result;
}


function findPosition(id)
{
   var elt = document.getElementById(id);
   var result = new Array();
   result["x"] = 0;
   result["y"] = 0;
   while (elt)
   {
      result["x"] += elt.offsetLeft;
      result["y"] += elt.offsetTop;
      
      elt = elt.offsetParent;
   }
   
   return result;
}

function mouseMove(e)
{
   var mouse = mousePosition(e);
   index =targetList.findTarget(mouse.x,mouse.y);
   
   if (index != -1)
   {
      targetList.selectTarget(index);
      targetList.showPopup(mouse.x,mouse.y);
   }
   else
   {
      targetList.hidePopup();
   }
}

function load()
{
   targetList.addTarget("cible1","manteau_patchwork_grande.jpg",250,213);
   

   
   document.onmousemove=mouseMove;
}

</script>
</head>
<body onload="load()">
<div class="popup" id="popup"></div>
<div class="cible">
<img id="cible1" src="Manteau_Patchwork_petite.jpg" width="100px">

</div>
</body>
</html>
Journalisée

valivalou
Full Member
***

Votes : +2/-0
Messages: 108



WWW
« Répondre #1 le: 22 Janvier 2010 à 22h44 »

Bonsoir!
J'ai le même soucis!! Huh

<input type="button" onClick="window.location='mailto:?subject=Site de déco d'intérieur&body=  Bonjour.%0D%0A%0D%0A Voici le site  d'une décoratrice d'intérieur,elle propose un nouveau concept de prestation.     http://www.decovalorisee.com. %0D%0A%0D%0A Bonne découverte.';" value="Envoyer l'adresse du site à un ami" />

Les enfants de TOWEB au secour! Souriant
Journalisée

L'avenir appartient aux artistes! www.decovalorisee.com
valivalou
Full Member
***

Votes : +2/-0
Messages: 108



WWW
« Répondre #2 le: 22 Janvier 2010 à 23h36 »

C'est bon j'ai réussi toute seule comme une grande!
Je te donne mon code tu n'auras qu'à l'adapter.
Attention seulement à la ponctuation qui en fait est remplacé par un code.
C'est pour çà qu'il y a &#146 (qui remplace le ' )

Donc:
<input type="button" onClick="window.location='mailto:?subject=Site de deco d&#146interieur&body=  Bonjour. Voici le site d&#146;une decoratrice d&#146;interieur,elle propose un nouveau concept de prestation sur le site http://www.decovalorisee.com. Bonne decouverte.';" value="Envoyer l'adresse du site à un ami" />

D'ailleurs si ton code ne fonctionne pas je pense que çà vient de tes accents.
Bonne soirée!
« Dernière édition: 22 Janvier 2010 à 23h38 par valivalou » Journalisée

L'avenir appartient aux artistes! www.decovalorisee.com
Ghost
Hero Member
*****

Votes : +37/-10
Messages: 1397



WWW
« Répondre #3 le: 23 Janvier 2010 à 10h00 »

Bonjour

Ca serait bien d'éviter de créer des doublons et d'utiliser les sujets existants surtout qu'ils sont trés détaillés aussi bien sur le problème de l'accentuation (Jean-Serge a donné plusieurs liens expliquant cela) qu'au niveau du zoom sur les photos. D'autant plus que les scipts que vous utilisez viennent visiblement de ces pages  Clin d'oeil

http://www.lauyan.com/forum-fr/index.php/topic,613.0.html

http://www.lauyan.com/forum-fr/index.php/topic,702.0.html

Manu
« Dernière édition: 23 Janvier 2010 à 10h03 par Ghost » Journalisée

modefreestyle
Sr. Member
****

Votes : +2/-1
Messages: 276



WWW
« Répondre #4 le: 24 Janvier 2010 à 18h02 »

Bonjour Valivalou,

j'ai adapté ton script et le lien envoyer à un ami fonctionne. Il devait y avoir un souci dans le mien , pourtant j'avais corrigé pour l'accent... Grima&ccedil;ant

Merci beaucoup !  Souriant

Par contre je n'y arrive pas pour le zoom photo, mais je vais poster dans le bon fil Clin d'oeil
Journalisée

Pages: [1] Haut de page Imprimer 
« sujet précédent | | sujet suivant »
Aller à:  


Forum TOWeb © 2012 Lauyan Software Cliquez ici pour vous abonner au flux RSS du forum Règles du Forum  -   Powered by SMF
Powered by SMF 1.1.18 | SMF © 2006-2009, Simple Machines