Programmation d'un tirage en ligne

**philoupe** · 04/06/2011, 13h06

Bonjour

Comment puis-je réaliser en programmation pour un site internet le cas de figure suivant :

Voir l'image : http://tirageenligne.blogspot.com/20...ge-schema.html

La carte bleu elle reste fixe, il y a 13 emplacements déterminés disposés selon le schéma. Il y a aussi un jeu de carte étalé de 32 cartes de manière aléatoire à chaque chargement de la page internet, dans lequel l'utilisateur vient effectuer 13 tirages. Pour chaque tirages la carte choisie vient se positionner dans l'un des 13 emplacements. Pour la première carte choisie, la carte vient se positionner à l'emplacement numéroté 1 et ainsi de suite. Les 13 cartes choisies, il ne peut plus en tirer une. Il a alors la possibilité d'appuyer sur le bouton Enregistrer. (En effet, il y aurai un bouton enregistrer qui ne serait cliquable qu'une fois les 13 cartes choisies).

De plus, comment faire en sorte de recevoir les informations du tirages par email ?

Vaste programme...

Merci de votre aide

**NoSmoking** · 05/06/2011, 12h03

Bonjour,
à priori rien de bien complexe dans ce que tu cherches à réaliser

Sur le clic des cartes présentent en bas
- récupération du nom de la carte
- affectation de la carte à la case en cours

Il te faut un Array pour stockage des informations
Il te faut donc gérer un compteur de clic, pour test si supérieur à 13, cela peut être la longueur de l'Array ci dessus par exemple

De plus, comment faire en sorte de recevoir les informations du tirages par email ?

cela devra ce faire coté serveur après soumission par appui sur le bouton Enregistrer...

voila une première approche pour réflexion...

**philoupe** · 09/06/2011, 19h38

Merci pour ton message.
Quant tu dit : "Sur le clic des cartes présentent en bas
- récupération du nom de la carte
- affectation de la carte à la case en cours" ça peut donner quoi en ligne de code ? Par ailleurs, qu'est ce qu'un Array ?

**Vil'Coyote** · 09/06/2011, 21h25

un array est un tableau. cela veut dire que lorsque tu clic sur une carte tu mémorise la position de la carte via la position dans le tableau.

**philoupe** · 11/06/2011, 10h06

Aurais-tu un exemple à me montrer ???

**NoSmoking** · 11/06/2011, 16h08

Envoyé par philoupe

Aurais-tu un exemple à me montrer ???

Code html :

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
<html>
<head>
<script type="text/javascript">
var tCompteur = [];
function incrementation(){
  tCompteur[tCompteur.length] = tCompteur.length +1;
  if( tCompteur.length > 9){
    alert( 'RESULTAT\n' +tCompteur);
  }
}
</script>
</head>
<body>
Il faut cliquer 10 fois !
<button onclick="incrementation()"> +1</button>
</body>
</html>

mais d'autres approches peuvent être envisagées.

**philoupe** · 18/06/2011, 00h09

Comment on fait ça :

"Sur le clic des cartes présentent en bas
- récupération du nom de la carte
- affectation de la carte à la case en cours"

J'aurai besoin de quelques indications ? Merci :-)

**NoSmoking** · 20/06/2011, 18h37

comme pour ce post http://www.developpez.net/forums/d10...e/#post6071088, on attend ton code maintenant.

**philoupe** · 26/06/2011, 22h14

Petite précision. J'étudie le tuto suivant : http://sylvie-vauthier.developpez.co...rand-debutant/ Est ce qu'il y a toute les connaissances nécessaires pour programmer le tirage en ligne ?

Par ailleurs, est ce que je dois commencé par programmer en html/css tout les éléments de la page (l'emplacement des cartes à distribuer, le bouton enregistrer, l'emplacement des cartes pour le tirage) et ensuite rendre la page dynamique via php ???

**NoSmoking** · 27/06/2011, 20h04

Petite précision. J'étudie le tuto suivant : http://sylvie-vauthier.developpez.co...rand-debutant/ Est ce qu'il y a toute les connaissances nécessaires pour programmer le tirage en ligne ?

je n'en doute pas

Par ailleurs, est ce que je dois commencé par programmer en html/css tout les éléments de la page (l'emplacement des cartes à distribuer, le bouton enregistrer, l'emplacement des cartes pour le tirage) et ensuite rendre la page dynamique via php ???

on rend une page dynamique coté client, et c'est entre autres à cela que sert le javascript.

Il existe au moins 2 solutions
- La page est créée coté serveur avec la mise en place du tirage aléatoire des cartes et ensuite les événements "dynamiques" sont gérés coté client.
- Gestion coté client, on part donc avec du HTML/CSS et coté client, sur le load du document on fait le tirage aléatoire de cartes et la gestion des événements "dynamiques".

**philoupe** · 15/12/2011, 22h15

Bonjour,

Je reviens par rapport à mon projet de tirage en ligne voici le lien : http://www.christophe-voyance.fr/image.html
Pouvez-vous me donner votre point de vue ?

P.S : j'ai un problème que je ne comprends pas. En effet, pour les deux tirages dans les cartes à sélectionner, quand on clique sur une carte, il y a dans certain cas (pas sur tout les ordinateurs), comme une carte fantôme qui apparaît, une carte parasite une fois une carte sélectionné... D'où le problème peut venir et comment le résoudre ?

**philoupe** · 29/12/2011, 18h56

Pourquoi je n'ai pas de réponse...

**NoSmoking** · 30/12/2011, 16h18

Envoyé par philoupe

Pourquoi je n'ai pas de réponse...

une partie de la réponse est

http://club.developpez.com/regles/#L4.7

Ceci étant il serait quand même plus pratique d'avoir accès au code sans être obligé de chercher la façon d'y accéder

Ceci étant II après extraction de la partie qui "semble" en cause, à savoir la fonction carte(num) qui est assez surpenante, reprise ci dessous et indentée correctement

Code javascript :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function carte(min) {
  if (counter >= 14) {
    var ele = document.getElementById("tt");
    ele.style.display = "block";
    var ele1 = document.getElementById("d");
    ele1.style.display = "none";
    var ele2 = document.getElementById("s");
    ele2.style.display = "none";
  }
  if (counter < 14) {
    var m = 'c' + min;
    //alert(m);
    {
      var ele = document.getElementById(m);
      ele.style.display = "none";
      document.getElementById(m).value = null;
      //document.getElementById(counter).innerHTML=stack[counter];
      document.getElementById(counter).innerHTML = "<img src='cartes/1 (" + stack[counter] + ").jpg' width='50' height='75' border='0' />";
      counter++;
      if (counter == 14) {
        var ele = document.getElementById("tt");
        ele.style.display = "block";
        /*var ele2 = document.getElementById("s");
         ele2.style.display = "none";*/
        var ele1 = document.getElementById("d");
        ele1.style.display = "none";
        document.getElementById("s").innerHTML = "";
      }
    }
  }
}

j'aime bien le if (counter == 14) dans une condition if (counter < 14).

Si je traduis, à la louche, tu ne caches la carte cliquée que si son numéro est inférieur à 14, et les autres alors ?

Bon ça c'est une chose, tu masques l'IMAGE mais pas le contenant qui continu d'apparaître au passage de la souris.

Une autre chose, les ID DOIVENT ETRE UNIQUE, ce qui n'est pas ton cas puisque TOUTES les DIVs contenant les cartes ont l'id "carte", il est préférable, dans ce cas, de passer par une class.

Encore une chose, il ne me semble pas nécessaire de mettre des IMG dans les DIVs, attendu quelles sont toutes pareilles.

Voila pour un début...

Programmation d'un tirage en ligne

Discussions similaires

Partager

Partager