begin process at 2012 05 29 05:02:25
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Déplacé une info-bulle


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

Déplacé une info-bulle

lundi 5 octobre 2009 à 14:00:12 | Déplacé une info-bulle

Xiarea

Bonjour,

J'essai de déplacer une info bulle (un span), sans grand résultat pour le moment...

Je souhaite que l'utilisateur puisse déplacer le contenu de l'info, façon drag and drop.

Voici ce que j'ai écris :

Code Javascript :
function deplacenote(obj,event)
{
var e = event || window.event;
	var nx = e.clientx;
	var ny = e.clienty;
	
	if (clicenbas)
	{

		
		var diffx = parseint(oldx)-parseint(nx);
		var diffy = parseint(oldy)-parseint(ny);
		obj.style.bottom = (parseint(obj.style.bottom) + parseint(diffy))+'px';
		obj.style.left = (parseint(obj.style.left) - parseint(diffx)) +'px';
	}
	oldx = nx;
	oldy = ny;

}


Les variables oldx et oldy ainsi que sourisenbas sont globales, les valeurs sont mises à jour par une fonction qui écoute les clic souris...

Et le code des infobulles :

Code PHP :
<div class = "annotation" style = "z-index:<?php echo $i ?>; position : absolute; left:<?php echo $cx."px" ?>; top:<?php echo $cy."px" ?>" onmouseover="survolannotation(this, event);" onmouseout="finsurvolannotation(this, event);" >
	<a class = "infobulle<?php echo $type ?>" ondblclick= 'window.location.replace("editeur.php?id=<?php echo $id ?>&iddoc=<?php echo $iddoc ?>")'>
		<img src = "image/note.png" class="punaise"/>
		<span class = "bulle" onmousedown="clicsouris(1, event);" onmouseup="clicsouris(0, event)" onmousemove="deplacenote(this,event);" onclick = "fix(this,event);">
			<?php if ($contenu) echo $contenu ?>
			<img src = "<?php echo $chemin?>" />
		</span>
	</a>
</div>


est ce qu'il est possible de déplacé un objet placé en "relative"? Est ce qu'il est possible de le placer audela du div?

Merci de vos réponses
lundi 5 octobre 2009 à 14:09:02 | Re : Déplacé une info-bulle

Bul3

Membre Club
Réponse acceptée !

Bonjour,

déplacer un élément, c'est jouer
avec son style.left et style.top
en fonction de la position du la souris

var nx = e.clientx;
var ny = e.clienty;

exclusif Fx ça ( ça ne fonctionnera pas avec IE )

>>déplacer un objet placé en "relative"?
faut qu'on s'entende ....
_ absolute c'est une position..... relative !!! ( sans rire )
par rapport au contenant ( qui peut-être le body )

_ relative, c'est par rapport à la position
qu'occuperait l'élément s'il n'y avait pas
de style.position

sur CodesSources, il y a une foultitude d'exemples
qui traitent de ce genre de choses

Cordialement [mon Site] [M'écrire] Bul
lundi 5 octobre 2009 à 14:35:52 | Re : Déplacé une info-bulle

Xiarea

Réponse acceptée !
Merci Bul3!

En fait j'ai une erreur dans mon script, mais dans l'idée, j'étais dans le vrai ^^
Les valeurs de obj.style.left et obj.style.bottom n'étant pas initialisées, JS ne faisait pas le calcul de la nouvelle position de la façon que je voulais (la valeur restait vide)

solution => if(obj.style.left) {calcul} else {initialisation}

idem pour bottom.



Cette discussion est classée dans : code, var, obj, parseint, event


Répondre à ce message

Sujets en rapport avec ce message

Timeout [ par turlut ] Bonjour tout le monde !J'aimerais bien créer un code javascript qui ouvre une fenêtre avec un url genre www.monsite.com/index.php?url= avec une boucl mozilla et les sélections :( [ par randiox ] voila j'ai fait un petit code qui tourne sous IE :function smiley(code) { var chaine = document.selection.createRange().text; document.formulaire.te c'est quoi ce truc????? [ par gaga38 ] salut a tous, voila mon souci j'essaye de comprendre ce ..###{[ de code, mais la je butte serieux, si y'a des volontaires pour m'aider ce serai gentil Code Magique, facile ou pas? [ par italia1989 ] Voila, j'ai trouvé un site qui a un moyen super ingénieu de protéger... Le voici:var normalColor = '#0A1730';var wrongColor = '#AA1730';var rightColor iframes.. IE/Firefox [ par davwart ] Voila, j'ai un petit probleme : j'ai une page avec un iframe. voici mon code javascript pour recupérer le premier item de mon iframe. <table align= probleme script de controle de saisie [ par fredmorvant29 ] bonjour, je suis en train de réaliser le controle de saisie sur mon formulaire.je souhaite tester deux choses : *que l'email soit valide (ça ça mar <--=== DEFI !!!!! ===--> [ par boblebricolo ] Je dois résoudre un challenge : trouver un code grâce au code source de la page.J'aimerais bien que vous me donniez quelques indices (pas la réponse) Problème variable [ par ClMaverick ] Bonjour,     Je débute en javascript et j'ai un petit problème avec mon code. Ce code me permet d'établir un code suivant l'endroit où je clique. Sa Curseur différent pour IE et FireFox en JavaScript et html [ par Barbapapa2 ] Barbapapa2 Bonjour à tous, J'ai un prb entre FireFox et ie??? J'ai un lien contenue dans un DIV qui à l'approche du curseur de ma souris se transforme Popup pas tres stable [ par Barbapapa2 ] Barbapapa2 Bonjour à tous, J'essai d'afficher ma popup mais y a des petits prb : normalement elle est sencé rester et ne partir qu'une fois que je cli


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 0,733 sec (4)

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