Se connecter avec
S'enregistrer | Connectez-vous

Page modulable

Dernière réponse : dans Programmation

Bonjour tout le monde.

Voilà j'aimerai bien savoir comment se passe les deplacement de certaines petites fenêtre dans les pages web.
Pour être plus complet, je vous donne un exemple :
Netvibes

On peut y déplacer des fenêtres a sa guise, c'est ultra pratique et je suis très curieux de savoir comment faire ça !
Je me doute que c'est en AJAX (JS+CSS+PHP) mais je ne vois pas comment ceci est réalisable, donc si quelqu'un peut m'éclaircir ça, il serait extra :) 

Merci.

Autres pages sur : page modulable

Lassé par la pub ? Créez un compte

c'est tout simple , en js tu peu connaitre la position de la souris et les evenement tel que le click , le click maintenant et le relachement du click.

De la quand tu clique sur un objet le js chope la position de ta souris et depose l'objet la ou tu le laisses. apres on peu voir que tes fenetre se recales si tu les mets " a cote " c'est juste un petit script qui les recales rien de transcendant

Ouais, Okinou il m'as capté lol

Atends jte présente mon code :

<script>
function deplace() {
ofy=document.body.scrollTop;
ofx=document.body.scrollLeft;

ajout.style.left = event.clientX+ofx;
ajout.style.top = event.clientY+ofy;
}
</script>

<div id="ajout" style="BACKGROUND-COLOR:#C0C0C0;position:absolute;left:0;top:0;z-index:100">
<form name="add_rss" method="post" action="ajouter.php">
<table>
<tr>
<td colspan=2 align=center onMouseDown="deplace()">Ajouter un flux RSS</td>
</tr>

<tr>
<td>Nom : </td> <td><input type="text" name="nom"></td>
</tr>

<tr>
<td>Flux : </td> <td><input type="text" name="flux"></td>
</tr>

<tr>
<td colspan=2 align=center><input type="submit" value="envoyer"></td>
</tr>

</table>
</form>
</div>

Après l'évenement de souris je sait pas trop lequel utiliser ...

Salut Okinou.

J'ai du nouveau pour les pages modulable ;-)
Alors voilà j'ai pas mal galérer mais j'ai trouvé : ici

Après tu peux télécharger les sources : ici

Il te suffit après de virer tout ce qui te gène faut avoir vite fait des base de JS et CSS c'est tout, allez salut.

Tchao tchao ^^
Lassé par la pub ? Créez un compte
Tom's guide dans le monde