begin process at 2012 02 11 03:22:13
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Centrer la page à l'endroit où l'on a cliqué


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Centrer la page à l'endroit où l'on a cliqué

mardi 2 septembre 2008 à 17:39:20 | Centrer la page à l'endroit où l'on a cliqué

loicseg

Bonjour à tous,
j'aimerais que vous m'aidiez à réaliser un code qui permettrait de centrer la page à l'endroit où l'on clique.
Par exemple : si l'on clique à un endroit de la page où se trouve la lettre "a", il faut que cette lettre soit centré verticalement et horizontalement. Ma page posséde de grande barre de scrolling (détail important il me semble).

Pour l'instant j'ai ce code mais ce n'est pas le bon, je pense qu'il y a ici une base mais je n'arrive pas à faire en sorte que la fonction s'applique à la page et non à l'image :
<body>
<img border="0" src="blank.bmp" style="position: absolute; left: 1000000000000000; top:1000000000000000"><SCRIPT>
function deplace(){
var igrec=window.event.offsetY
var ixe=window.event.offsetX
document.getElementById('oxo').style.top=igrec+'px';
document.getElementById('oxo').style.left=ixe+'px';
}
 </SCRIPT><bgsound src="MUSIC_VILLAGE.MP3" loop="-1"><BODY onclick="deplace()" background="herbe1.jpg"><img  src='perso.gif'id="oxo" STYLE="position:absolute;top:500300;left:499600;"></font><p>&nbsp;</p>
</BODY>

Merci d'avance pour votre aide !
mercredi 3 septembre 2008 à 08:48:13 | Re : Centrer la page à l'endroit où l'on a cliqué

bultez

Membre Club
>>left: 1000000000000000;op:1000000000000000
>>top:500300;left:499600;
qu'est-ce que c'est que cela ?
déjà, il faut mettre px, et tes images ne seront pas visibles
à moins de scroller pendant 2 heures !    quel est le but ?

sinon ton script doit fonctionner, enfin... avec IE uniquement.

Cordialement     Bul  [mon Site] [M'écrire]
mercredi 3 septembre 2008 à 10:10:54 | Re : Centrer la page à l'endroit où l'on a cliqué

XtremDuke

Bultez a raison, et sans vouloir te décourager, il n'est pas envisageable d'avoir un document avec ces  dimensions et je ne te parle pas du poids de ce dernier... Il va falloir repenser ton système.
Si j'avais un conseil a te donner avant de te lancer, ce serait d'utiliser une librairie JS. Ces libs contiennent en generale toutes les fonctionnalités dont tu auras besoin (déplacement d'un élément, gestion des évènements, détermination des positions/dimensions, etc...) et ça t'évitra surtout de faire des erreurs.

mercredi 3 septembre 2008 à 14:19:03 | Re : Centrer la page à l'endroit où l'on a cliqué

loicseg

Merci pour vos informations mais cela ne m'aide pas, vous ne répondez pas à ma question.
<body>
<SCRIPT>
function deplace(){
var igrec=window.event.offsetY
var ixe=window.event.offsetX
document.getElementById('oxo').style.top=igrec+'px';
document.getElementById('oxo').style.left=ixe+'px';
}
 </SCRIPT><bgsound src="MUSIC_VILLAGE.MP3" loop="-1"><BODY onclick="deplace()" background="herbe1.jpg"><img  src='perso.gif' id="oxo"></font>
</BODY>

Pour le moment ce code permet de déplacer une image à l'endroit cliqué mais moi je voudrais que ce soit un endroit de la page qui soit centré verticalement et horizontalement en ce point. Merci encore pour l'aide que vous pourrez éventuellement m'apporter.

PS : petite question; comment centrer les coordonnées où la souris est cliqué.
mercredi 3 septembre 2008 à 14:46:38 | Re : Centrer la page à l'endroit où l'on a cliqué

XtremDuke

Récupère la taille de ton document (y'a tout ce qu'il faut ici) et positionne ta fenêtre par :

window.moveTo(pointeurX-(HauteurDocument/2), pointeurY-(LargeurDocument/2)); [ Lien ]
mercredi 3 septembre 2008 à 15:47:53 | Re : Centrer la page à l'endroit où l'on a cliqué

loicseg

<body>
<SCRIPT>
function deplace(){
var igrec=window.event.offsetY
var ixe=window.event.offsetX
windows.moveTo(ixe-(document.height/2), igrec-(document.width/2));
}
 </SCRIPT><bgsound src="MUSIC_VILLAGE.MP3" loop="-1"><BODY onclick="deplace()" background="herbe1.jpg"><img  src='perso.gif'id="oxo" STYLE="position:absolute;top:500300;left:499600;"></font>
</BODY>

Merci de mindiquer où il y a un problème, où me suis-je bien trompé ?

windows.moveTo(ixe-(document.height/2), igrec-(document.width/2)); ??
Je veux que ce soit le contenu de la page qui soit centré et non la fenêtre donc ce n'est peut-être pas windows mais document...

mercredi 3 septembre 2008 à 15:49:22 | Re : Centrer la page à l'endroit où l'on a cliqué

loicseg

oups, j'ai rajouté un s à window mais même sans "s" cela ne change rien.
mercredi 3 septembre 2008 à 15:51:11 | Re : Centrer la page à l'endroit où l'on a cliqué

kazma

Administrateur CodeS-SourceS
bonjour
si tu doit centre l'image par rapport a l'ecran

la fonction:
function centrer(monelement){
bibi=document.getElementById(monelement)
bibi.style.left=((document.body.clientWidth-bibi.offsetWidth)/2)+document.body.scrollLeft
bibi.style.top=((document.body.clientHeight-bibi.offsetHeight)/2)+document.body.scrollTop
}

dans la page:
<img id ='monimage' src='blabla.jpg onclick='centrer('monimage')'>
si cest un endroit precis il y aura d'autres calcule dans tous les car tu devra definr un point de repere
mercredi 3 septembre 2008 à 15:51:39 | Re : Centrer la page à l'endroit où l'on a cliqué

bultez

Membre Club
ah ben... le script que tu nous a mis déplaçait l'objet
    vers là où on clique, je pensais que c'était cela ton souci...
    il te suffit de mettre le style top et left à ce que tu veux, par exemple :
    top = ( largeur de l'écran - largeur de l'écran ) / 2,  pareil pour left
pour les tailles et les positions, exemple ici
CordialementBul[mon Site][M'écrire]
mercredi 3 septembre 2008 à 16:04:10 | Re : Centrer la page à l'endroit où l'on a cliqué

loicseg

function deplace(){
var igrec=window.event.offsetY
var ixe=window.event.offsetX
document.style.top.moveto(screen.availwidth-screen.availHeight)/2
document.style.left.moveto(screen.availwidth-screen.availHeight)/2
}

La fonctionne ne fonctionne pas. Je me suis trompé mais je ne sais pas où.


1 2 3

Cette discussion est classée dans : page, code, centrer, endroit, cliqué


Répondre à ce message

Sujets en rapport avec ce message

Retourner la même page suivant l'endroit cliqué [ par csricos ] LO tout l'monde,je cherche à réaliser un site assez simple, mais je n'ai quasiment aucune notion.J'utilise Dreamweaver, php, mysql.Suivant là où je cl page html sans la barre d'outil [ par poporiding ] je souhaite ouvrir la page index2.html de mon site sans la barre d'outil.j'ai trouvé un code sur le net, et j'ai teneter de l'adapter. Cependant mon m Recuperer le code HTML de sa page? [ par lambrosx ] Bonjour, je voudrais savoir si il est possible de récuperer tout le code HTML d'une page quelconque et de le mettre dans une variable.Car plus en deta recherche code pour faire un petit elevage virtuel [ par cheval22 ] Je cherche un code qui fait que des que quelqu'un se connecte la premiere fois dans la journée il a cette page : http://pageperso.aol.fr/royaumeoiseau Imprimer une page distante. [ par Anthotill ] Bonjour !Je cherche un code qui permet d'imprimer une page distance.Je souhaiterais qu'un lien "Imprimer" se trouvant sur une page, une fois cliqué la Récuperer le code source d'une page [ par bolbo ] Bonjour, Je souhaiterais savoir s'il existe un moyen de récupérer automatiquement le code source d'une page. Ce que je souhaite faire c'est un petit récupéré le code généré d'une page web [ par angeleus ] Bonjour,j'aimerais récupérer le code exécuté par une page web en tapant l'urlpar exemple si je tape http://www.monsite.com/contact.asp je récupère le Passage de variable lors d'un 'open' [ par brandon ] Bonjour,mon problème est tres simple : j'ai un script javascript qui me permet d'ouvrir une page lors d'un clic sur un bouton. Cependant dans la page Récupération de code sur une sélection [ par marlysa34 ] Bonjour;J'ai un problème de code, j'ai récupéré celui-ci sur une page web. Le problème est le suivant : quand je clique sur un smileys l'adresse du sm Changer taille de la page de 1024*768 par 800*600 [ par supernulle ] Bonjour,je suis une tache en code, je viens de terminer mon site et je me suis rendu compte en le mettant en ligne ke je l'avais réaliser en 1024*768,


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,276 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales