Pour le drag en drop, il faut positionner l'élément ( un div par exemple) en mode absolue ( position: absolute; en css).
Puis modifier les propriété css top et left grâce à javascript pour déplacer la fenêtre à l'endroit voulu.
Quand on veut placer cette fenêtre avec la souris (cas du drag & drop), il faut connaitre les coordonnées de la souris (x et y) pour les mettre dans top et left.
Bon plutôt qu'un long discours ( jcrois que tlm dort déjà), un lien que j'ai trouvé avec une (très) brève recherche:
lien en question.
En réalité, la page s'actualise toute seule à intervalle réguliers (par exemple toute les 10 secondes), mais pas immédiatement au moment où on insère quelque chose dans la bdd.(edit, ça cette phrase elle vient après)
Pour la seconde question, il y a des sujets du même type sur ce forum (celui là par exemple).
En réalité, la page s'actualise toute seule à intervalle réguliers (par exemple toute les 10 secondes), mais pas immédiatement au moment où on insère quelque chose dans la bdd.
le premier lien je l'avais trouvé, mais je n'ai pas compris, je suis une vrai daube en php
le 2eme lien je ne l'avais pas vu, mais j'ai lu le tuto sur xmlHttpRequest ( que je n'ai pas compris non plus )
sinon pour le drag and drop c'est pas grave
mais c'est surtout l'actualisation
j'ai fait un truc avec la balise meta, mais il faut que ca recharge les images et c'est moche =/
merci
le premier lien je l'avais trouvé, mais je n'ai pas compris, je suis une vrai daube en php
Heuresement que c'est pas du php mais du javascript
Pour l'actualisation, disons déjà que tu fais une fonction javascript qui actualise une zone de page
function actualiser() { /**Code de base pour ajax*/ var xhr; // on déclare l'instance if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); // Firefox, Opera, Konqueror, Safari, ... elseif(window.ActiveXObject) xhr = new ActiveXObject('Microsoft.XMLHTTP'); // Internet Explorer elsereturn; // Navigateur ancien /*Fin du code de base qu'il est inutile de chercher à comprendre*/
xhr.open("GET","Tonfichier.php",true); //On va ouvrir Tonfichier.php
xhr.onreadystatechange = function() { if( xhr.readyState == 4 && xhr.status == 200)//Quand la page est reçue {
document.getElementById('A_Actualiser').innerHTML = xhr.responseText; //Actualise une zone de la page (qui s'appele A_Actualiser) } }
xhr.send(null); //Envoi la requête }
Une requête ajax assez banale. Au moment où les données sont reçues, on les mets dans la page grâce à document.getElementById('A_Actualiser').innerHTML = ...;
Cet élément qui s'appele A_Actualiser, c'est un <div> de ta page qui va contenir le texte à actualiser:
<divid="A_Actualiser">
le texte affiché ici va changer à chaque appel de la fonction actualiser() </div>
Maintenant, coté php, le javascript ouvre une page appelée "Tonfichier.php":
header('Cache-Control: no-cache, must-revalidate'); //A utiliser pour éviter les problèmes de cache avec internet explorer header('Content-type: text/html; charset=iso-8859-1'); //Autre problèmes, pour éviter les erreurs d'encodage de caractères
//Place ensuite le code qui doit apparaitre à l'intérieur du div //par exemple echotime();
Dernière chose, pour que la fonction actualiser() fonctionne réellement et soit appelée à intervalle réguliers, il faut utiliser setInterval:
setInterval(actualiser, 2000); //2000 ms = 2 secondes
Salut, alors voilà pour ton premier problème je viens de faire ça vite fait donc c'est pas forcément parfait mais c'est toujours une base:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="fr"> <head> <metahttp-equiv="Content-Type"content="text/html; charset=iso-8859-1"/> <title>Déplacer un block en JS</title> <styletype="text/css">
body
{
margin: 0px;
padding: 0px;
background-image: url(./fond.jpg);
background-position: top left;
background-repeat: repeat;
Bon alors j'ai pas commenté mais la seule "difficulté" était de pensé à placer son block en fonction de la position de la souris (pour avoir tout les mouvements simplement).
Donc tu lis tout ça et tu va voir sur le net la déscription des fonctions que tu ne connait pas se seras largement suffisant.
Sinon pour ton deuxième problème je pense que tu dois bien réfléchir à l'utilité d'un tel script car ça va pas mal pompé, le problème de la gestion de ton "évènement" c'est qu'il est "côté serveur", donc tu dois forcément le contacter et ça c'est plus lent que du JS, voilà donc je voulais juste le préciser que tu pèse le pour et le contre.
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Ancien validateur du SdZ.
http://www.encheres-cents.com - http://www.checkmycomposer.com