High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

[PHP / Javascript] Position pointeur tableau

Dernière réponse le 21 aoû 2009 à 13:01:23 Tom, le 24 mar 2009 à 10:21:54 
 Signaler ce message aux modérateurs

Bonjour,

J'ai une page php qui contient un tableau (un calendrier), dans chaque cellule il y a un input text permettant à l'utilisateur de saisir une donnée. J'aimerai que lorsque l'utilisateur clic dans le champ texte que ma page affiche des informations sur cette cellule (informations diverses stockées en base).
Seulement je ne trouve pas le moyen de détecter le clic de l'utilisateur dans l'un des champ du tableau. Je pense que c'est faisable en javascript mais je ne vois pas comment...

Auriez-vous une idée pour réaliser cela ?


Merci d'avance.

Configuration: Windows XP
Firefox 3.0.7

Meilleures réponses pour « [PHP / Javascript] Position pointeur tableau » dans :
Javascript - Coloration syntaxique dans vos pages web VoirSi vous avez un site web contenant des exemples de code (php, javascript, C#, Delphi, Python...), il peut être intéressant d'avoir une coloration syntaxique. C'est parfois pénible à réaliser, mais il existe une librairie Javascript qui permet de...
[Webmaster] Afficher facilement le code php/xhtml de vos pages VoirSi vous voulez proposer a vos visiteurs de voir la source de vos fichiers (PHP ou HTML), il y a plusieurs solutions. En php Afficher le code php Afficher le code html En html Informations Voir aussi En php Afficher le code php La...
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...
Javascript - Les tableaux VoirIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Posez votre question Répondre

1

Tom, le 24 mar 2009 à 10:42:13

Désolé j'ai mal formulé ma question, j'essai d'utiliser l'evenement onfocus. Ma question serait plutot comment passer du code php (lancer une fonction par exemple) a travers l'element onFocus ?

   
Répondre à Tom

2

Alain_42, le 24 mar 2009 à 10:57:29

Pour appeler un script php sur un evenement, il faut utiliser Ajax (une fonctionalité de javascript)

@lain

   
Répondre à Alain_42

3

 pyxel99, le 21 aoû 2009 à 13:01:23

Bonjour,
je travaille aussi sur le sujet des infobulles-images. Apres des tests progressifs j'ai obtenu un script qui semble donner de bons resultats selon navigateur IE ou NS, selon taille de fenetre, selon position du lien. Voici l'extrait du script:
***********************************************
<div id=popbox>Chargement...</div>
<script type="text/javascript">
//selon image suit(ou non) curseur appliquer mousemove(ou mouseover)
if (navigator.appName=="Microsoft Internet Explorer")var nav="IE";
if (navigator.appName == "Netscape") var nav="NS";
if(navigator.appName == "NS") document.captureEvents(Event.mousemove);
document.onmousemove = pointer;
if (document.getElementById) var stylbox = document.getElementById("popbox").style;
// Temporary variables to hold mouse x-y pos.s
var posX = 0; var posY = 0;
function pointer() { //position x & y de la souris
posY =(nav=="IE")? event.clientY: e.pageY;
posX =(nav=="IE")? event.clientX: e.pageX;
// catch possible valeur negative en NS4
scrolY=(nav=="IE")?document.documentElement.scrollTop:document.body.scrollTop;
scrolX=(nav=="IE")?document.documentElement.scrollLeft:document.body.scrollLeft;
posY =(posY < 0)?posY = 0 :posY+scrolY ;
posX =(posX < 0)?posX = 0 :posX+scrolX ;
// recupere dimensions de l'image
imagx=document.getElementById('testx').innerHTML;
imagy=document.getElementById('testy').innerHTML;
//milieu de fenetre en scroll
fntr2X=(document.documentElement.clientWidth/2)+scrolX;
fntr2Y=(document.documentElement.clientHeight/2)+scrolY;
if (posX<(fntr2X)) {resuX="G";stylbox.left=posX+10+'px';} else {resuX="D";stylbox.left=posX-10-imagx+'px';}
if (posY<(fntr2Y)) {resuY="H";stylbox.top=posY-100+'px';} else {resuY="B";stylbox.top=posY+100-imagy+'px';}
return true;
}
function poplink(contenu,imgx,imgy){
if (document.getElementById){
document.getElementById('popbox').innerHTML = contenu;
stylbox.visibility = 'visible';
document.getElementById('centrage').style.visibility='hidden';
document.getElementById('testx').style.visibility='hidden';
document.getElementById('testx').innerHTML=imgx;
document.getElementById('testy').innerHTML=imgy;
} }
function closepopup(){
if (document.getElementById) stylbox.visibility = "hidden";
}
</script>
<div id="testx" style="position:absolute;left:0;top:0;background-color: #99FF99; layer-background-color: #FFF0F5;text-align:center; border: 1px none #000000;">Glissez la souris (sans-cliquer)<br>sur chaque image<br>...pour voir en grand format.</div>
<div id="testy" style="position:absolute;left:0;top:15px;visibility:hidden;"></div>
<div id="centrage"><img src="./photos/mini/z_00bananeperc.jpg"></div>
***********************************
le script est untilisé dans ==> http://pyxel.info/percing/catsexe/percsexe.php5
voilà qui peut servir et probablement etre amelioré.
bonne journee. Pyxel

   
Répondre à pyxel99
Posez votre question Répondre
Ils ont besoin de votre aide