problème au niveau de l'installation du script drag

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu problème au niveau de l'installation du script drag

Message par Ayumea le Ven 27 Avr 2012 - 15:47

Bonjour,

Je viens vous exposer mon problème: Je souhaiterais pouvoir déplacer une image sur mon forum.Pour cela j'ai testé sur mon forum de test.
Pour m'aider, j'ai suivi à la lettre ce tutoriel.
Mais rien ne marche. Mon forum de test est en phpBB2,aucunes templates de modifiées et rien dans le CSS.Le script donné dans le tutoriel a été installé dans Modules->gestion des pages HTML. Et voici le code entier que j'y ai inséré:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<!-- Le code du dollmaker commence ici -->

<style>.drag {
   CURSOR: hand; POSITION: relative
}
</style>
<script language="JavaScript1.2">
<!--

//Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and terms of usage,
//visit http://www.dynamicdrive.com

var ie=document.all
var ns6=document.getElementById&&!document.all

var dragapproved=false
var z,x,y

function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}

function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->

</script>
<!-- Le code du dollmaker finit ici  -->
 </body></html>
J'ai coché Oui pour "Voulez-vous utiliser le haut et le bas de page de votre forum ?" et Non pour "Utiliser cette page en tant que page d'accueil ?".
Au lieu que mon image puisse se déplacer ,j'obtiens un résultat de transparence. Enfin, si vous préférez
voici le lien du messge.
J'y ai inséré donc ce code :
Code:

<img class="drag" src="http://sl.glitter-graphics.net/pub/190/190686z2q4s1br54.gif" width="100" height="150">
(je sais très bien que les dimensions ne correspondent pas à celles de l'image de base).

Sur ce , merci beaucoup (d'avance) pour votre aide.
Je vous souhaite une bonne fin de journée.^^


Dernière édition par Ayumea le Ven 27 Avr 2012 - 16:21, édité 1 fois

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème au niveau de l'installation du script drag

Message par demeter1 le Ven 27 Avr 2012 - 15:56

Le lien vers le tutoriel est inopérant.

demeter1
+ Hyperactif +

Masculin
Messages : 8104
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème au niveau de l'installation du script drag

Message par Ayumea le Ven 27 Avr 2012 - 16:02

Désolé, certainement un bug. Enfin, essayez de taper sur google "faire un doll maker" et cliquez sur le lien menant vers le site Kiss Design.

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème au niveau de l'installation du script drag

Message par Ayumea le Sam 28 Avr 2012 - 14:33

UP ! S'il vous plait aidez moi... J'ai vraiment besoin de ce script ;(

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème au niveau de l'installation du script drag

Message par Ayumea le Dim 29 Avr 2012 - 10:35

UP...!

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème au niveau de l'installation du script drag

Message par Ayumea le Mar 1 Mai 2012 - 21:37

UP.

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème au niveau de l'installation du script drag

Message par Scoubifitz le Mar 1 Mai 2012 - 22:27

bonsoir,

le seul moyen de faire ça dans un message est de le faire en iframe ...

éditez votre page HTML (h2-) , remplacez entièrement le contenu par ce code :
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
<!--
.drag {
CURSOR: hand; POSITION: relative
}
-->
</style>
<script language="JavaScript1.2">
<!--
//Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and terms of usage,
//visit http://www.dynamicdrive.com
var ie=document.all
var ns6=document.getElementById&&!document.all
var dragapproved=false
var z,x,y
function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}
function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"
while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
</head>
<body>
<div style="height:500px;width:700px;border:1px dashed blue;margin:auto;padding:auto;">
<img class="drag" src="http://sl.glitter-graphics.net/pub/190/190686z2q4s1br54.gif" width="140" height="132" /><img class="drag" src="http://sl.glitter-graphics.net/pub/190/190686z2q4s1br54.gif" width="140" height="132" />
</div>
</body></html>
puis éditez un des messages du forum :
http://art-en-ciel.forumactif.com/t2-test

et collez ce code :

Code:
<iframe name="" src="http://art-en-ciel.forumactif.com/h2-" frameborder="no" height="600" scrolling="no" width="100%"></iframe>

Hi

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: problème au niveau de l'installation du script drag

Message par Adam_sfp le Mer 2 Mai 2012 - 9:25

Bonjour

Si vous voulez rendre une image "draggable"
Vous pouvez aussi utiliser UI/API/1.8/Draggable

Vous pouvez essayer de mettre ce script dans description de site
General ->forum-->configuration et coller le code dans description de site.

Code:
<script src=http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js></script>

Ensuite dans gestion des codes javascript

Modules->gestion des codes javascript
Activer la gestion des codes Javascript :cocher oui

Creer un nouveau javascript cocher l'endroit ou vous voulez que le script fonctionne...
Mettez un titre.
Et collez ce code dans code javascript et validez.

Code:
$(document).ready(function(){
  $("#draggable").draggable();
});

Il ne vous reste plus qu'a rajouter id="draggable" à vos images que vous voulez rendre "draggable"

Code:
<img src="lien vers mon image" id="draggable" />

Cordialement.








Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème au niveau de l'installation du script drag

Message par Ayumea le Mer 2 Mai 2012 - 12:04

Bonjour Very Happy

Je vous suis vraiment très reconnaissante pour votre réponse (je n'y croyais plus ) j'ai tout testé et vraiment merci encore une fois, sa marche =D

Bonne journée Smile

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum