Centrer la page à l'endroit où l'on a cliqué page 1 - CSS / Général, Javascript / Ajax / DHTML

CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 05 22:56:07

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 911 membres
402 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 030 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Poser une question

Sujet : Centrer la page à l'endroit où l'on a cliqué [ CSS / Général ] (loicseg)

Informations & options pour cette discussion

Vous êtes ici : Thèmes / Javascript / DHTML / Ajax / CSS / Général / Centrer la page à l'endroit où l'on a cliqué
Ce sujet vous interesse ? Cliquez ici pour être averti quand il y a une nouvelle réponse

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> </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

>>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 ]
	Rép. MP 380 msg 430 msg CS

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.
	Rép. MP 63 msg

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

kazma

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

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ù.
	Rép. MP 63 msg

Cette discussion est classé 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,