Discussion :

[_Major_]

Bonjour,
Dans le cadre de mon stage, je dois réaliser un système d'help sur un site.
Il faudra donc, que dès que l'on clique sur le bouton "Help", chaque zones sur la page internet que je devrais décrire change de couleur, et ensuite affiche une sorte de bulle ou autre, avec la description de la zone en question.

Donc on m'a demandé d'apprendre le Javascript (je vous avouerais que je n'ai eut que 2 jours pour l'apprendre (donc je ne connais que la théorie.)
Est-ce que vous pourriez me donner des conseils ou m'indiquer.

pour le moment :
-bouton Help fait.
-évènement quand on click sur le bouton.
-tableau avec (id, side, width, weight).

Il me manque :
-comment délimiter les zones que je devrais griser ou changer de couleur.(avec findpos()?)
-comment afficher un bulle ou un carré avec la description par dessus la zone grisé.
-Et encore d'autres choses auxquels je n'ai pas pensé étant novice dans ce domaine.

Et si je poste sur ce forum c'est parce que je suis assez pressé en sachant que mon entreprise ma donné un faible délai pour réaliser ce mini-projet.

Merci d'avance.

[_Major_]

Arf j'ai du mal a concevoir la chose...
Je n'ai jamais fais de web... et là on me demande de l'apprendre en quelques jours. Vous comprendrez pourquoi je suis un peu perdu.
Si on me demandait de le faire en C, je le ferais en 2 min.

Et le pire, c'est que je sais que c'est simple, mais comme je ne connais pas assez le HTML, CSS, JavaScript et jQuery, j'ai du mal !

Donc je vais faire comme d'habitude et apprendre sur le tas (ça commence a rentrer quand même... ).

Donc les étapes qu'il faudrait faire :
- créer un tableau pour chaque zone.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var zones = new Array();
var zones = [
{
   id : "zone 1",
   help : "HTML",
   side : "right",
   width : "300",
   weight :  "200"
},
 
{
   id : "zone 2",
   help : "HTML",
   side : "left",
   width : "250",
   weight : "150"
}];

- ensuite, créer un bouton Help :

Code html :

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

<input id = button type="button" value="Help" onclick="Humm no lo se  :( "

>

Aprés value, je dois mettre quoi ? (je peux mettre une fonction ?)
Par exemple une fonction qui grise toutes zones du tableau et qui ensuite affiche les bulle d'aide ?

- Et plus tard je récupère l'id, width, et le weight pour délimiter la zone que j'aurai à griser (que je mettrai dans la fonction dont je parle plus haut).

Est-ce que je suis sur la bonne voie ou pas du tout ?

ps: voici un google doc qui présente a peu prés ce que je dois faire.
https://docs.google.com/drawings/d/1...ooLUEgJiM/edit

Merci a Vermine pour l'edit, j'avais oublié les balises Thx

[NoSmoking]

Bonjour,

Aprés value, je dois mettre quoi ? (je peux mettre une fonction ?)

l'action est à mettre sur le onclick.

Tant que l'on y est utilise un BUTTON, cette balise à été conçue pour cela

Code :

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

<button onclick="fctHelp();">Help!</button>

[_Major_]

Merci pour ta réponse "NoSmoking"

Ok je vais utiliser ce que tu m'as conseillé, merci
et je vais essayer de continuer a avancer jusqu'a reussir

[NoSmoking]

une question a passage, tu as un bouton Help dans chaque zone ou un global?
tiens une deuxième, tu affiches toutes les aides ou uniquement une sur une zone particulière mais qui peut changer?

[_Major_]

c'est vrai que je ne l'ai pas précisé.
Donc il y aurait un bouton Help Global.
Une fois le click effectué, toutes les zones sont grisées et décrites en même temps.