click sur une image - affichage <INPUT TEXT

**bilou95** · 18/05/2007, 12h45

Je m'explique ...

Sur une page PHP je voudrais que dés qu'un click est effectué sur une image cela affiche un <INPUT TEXT ... avec la valeur a modifier ...

Me suivez vous ?

Merci.

**Ouach** · 18/05/2007, 13h27

Re salut,
As-tu du code déjà fait?
Voici ce que je pense (Attention, je n'ai pas testé, c'est la principe que j'énonce ici)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
[...]
<SCRIPT>
function afficher()
{
  document.getElementById("iddelinput").value="texte à afficher";
}
</SCRIPT>
[...]
<BODY>
[...]
<IMG src="nomdufichierlimage" id="iddelimage" onclick="afficher()">
<INPUT type="text" id="iddelinput">
[...]
</BODY>

**bilou95** · 18/05/2007, 14h10

Non j'ai developpé de l'algo pour verifier ma logique ... c qui n'est pas concluant de mon coté

c'est tout ce que j'ai ...

Je vais essayer ca ! et te tiens au courant ... Merci ouach pour ta disponibilité ...

A plus tard.

**bilou95** · 18/05/2007, 15h37

En fait, c pas exactement cela que je veux ... mais ca marche parfaitement pas de soucis

Dés que tu clickes sur l'images, je voudrais qu'un champ <INPUT TEXT ... apparaisse et qu'il me donne la valeur que je récupère via une table SQL ...

Vois tu ?

**bilou95** · 18/05/2007, 17h55

J'ai trouvé une solution sur le web ... Faire afficher une variable PHP '$..........' dans une balise <SCRIPT ........

Tu peux mettre ta 'function' dans un echo '';

Ca ! c'est déja cool !!!

Maintenant je cherche une facon d'afficher un CHAMP TEXT lorsque je click sur mon lien en l'occurence mon image.

**Ouach** · 19/05/2007, 11h32

Dans la fonction, remplace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  document.getElementById("iddelinput").value="texte à afficher";

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("iddelinput").style.visibility="visible";

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<INPUT type="text" id="iddelinput">

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<INPUT type="text" id="iddelinput" style="visibility: hidden">

click sur une image - affichage <INPUT TEXT

JavaScript

Vue hybride

Discussions similaires

Partager

Partager