problème au niveau de l'installation du script drag
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
problème au niveau de l'installation du script drag
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é:
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 :
Sur ce , merci beaucoup (d'avance) pour votre aide.
Je vous souhaite une bonne fin de journée.^^
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>
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">
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
Re: problème au niveau de l'installation du script drag
Le lien vers le tutoriel est inopérant.
Re: problème au niveau de l'installation du script drag
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.
Re: problème au niveau de l'installation du script drag
UP ! S'il vous plait aidez moi... J'ai vraiment besoin de ce script ;(
Re: problème au niveau de l'installation du script drag
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 :
http://art-en-ciel.forumactif.com/t2-test
et collez ce code :
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>
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>
Re: problème au niveau de l'installation du script drag
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.
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.
Il ne vous reste plus qu'a rajouter id="draggable" à vos images que vous voulez rendre "draggable"
Cordialement.
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.
Re: problème au niveau de l'installation du script drag
Bonjour
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
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
Sujets similaires
» Problème au niveau d'un script
» Un problème de script qui avait été résolu en decembre dernier...https://forum.forumactif.com/t394372-script-image-ne-fonctionne-plus
» Problème au niveau de l'index box.
» Problème au niveau des Catégorie
» Problème au niveau du formulaire
» Un problème de script qui avait été résolu en decembre dernier...https://forum.forumactif.com/t394372-script-image-ne-fonctionne-plus
» Problème au niveau de l'index box.
» Problème au niveau des Catégorie
» Problème au niveau du formulaire
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum