Traduction Anglais Français Traduction Anglais Grec Traduction Anglais Polonais Traduction Anglais Roumain Traduction Anglais Turc Traduction Anglais Espagnol
Cultural patrimony
Visits

   visitors

   visitors online

Links


bpapinou.gif

meric_graphisme.gif

Chez Jean-Mi

Chez Jean-Mi

miscellanous - placer un POST IT déplaçable
placer une image de post it     post_it_anglais.gif    dans le dossier img

ajouter la classe suivante à la fin du fichier du CSS de la skin

.drag{/* pour les post it */
  position:absolute;
  cursor:all-scroll;
  z-index: 100;
}




placez le code suivant en début de code de l'éditorial

<img class="drag"
  src="img/post_it_anglais.gif"
  title="Si cette image gène, déplacez la !"
  height="163px" width="200px"
  style="left: 400px;top:300px;position: absolute;"
 />


Placer le code suivant dans un fichier inc/hpage.js

 <script type="text/javascript">
/***********************************************
* Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var dragobject={
  z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
  initialize:function(){
    document.onmousedown=this.drag
    document.onmouseup=function(){this.dragapproved=0}
  },
  drag:function(e){
  var evtobj=window.event? window.event : e
  this.targetobj=window.event? event.srcElement : e.target
  if (this.targetobj.className=="drag"){
    this.dragapproved=1
    if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
    if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
    this.offsetx=parseInt(this.targetobj.style.left)
    this.offsety=parseInt(this.targetobj.style.top)
    this.x=evtobj.clientX
    this.y=evtobj.clientY
    if (evtobj.preventDefault)
    evtobj.preventDefault()
    document.onmousemove=dragobject.moveit
    }
  },
  moveit:function(e){
  var evtobj=window.event? window.event : e
  if (this.dragapproved==1){
    this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
    this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
    return false
    }
  }
}


dragobject.initialize()


</script>


et c'est tout

merci à fred76 pour son article ICI comment insérer un post it déplaçable.(je n'ai fait que copier ses idées pour ne pas en perdre la trace). rendons à César ce qui appartient à César

pour créer votre image de postit  digital postit creator



Creation date : 26/11/2009 · 22:56
Last update : 20/01/2010 · 18:27
Category : miscellanous
Page read 1508 times


Print the article Print the article

 
Moving pictures
Connection...
 Members List Members : 37
members 10 last members :
alankoz    essai    Alain    michel84    chmol44    feraud    maritina    mido    Penanders    tebelo   

Your Username:

Password:

[ Password lost ? ]


[ Join us ]


  Member online :
  Anonymous online : 2

Total visits Total visits: 191099  

Most ever online
Most ever onlineMembers: 7

The 17/12/2008 @ 21:40

Most ever onlineTotal : 78

The 13/06/2012 @ 17:46

^ Top ^
haut de page
bas de page