Attribuer -5 à nos points via un bouton dans une page HTML

Page 5 sur 5 Précédent  1, 2, 3, 4, 5

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Attribuer -5 à nos points via un bouton dans une page HTML

Message par phinolex1 le Jeu 24 Oct 2013 - 0:18

Rappel du premier message :

Bonjour,

J'aimerais créé une "boutique" sur une page html de mon forum.

Voici en image ce que j'aimerais faire :


Dans ma page html, j'aimerais qu'il y ai un bouton. Dans ce bouton, j'aimerais que ont puissent cliquer que 1 seule fois. Une fois cliquer, j'aimerais que le bouton attribut -5 à nos points ( exemple pour FA : PointsActifs ) et en plus de cela, j'aimerais que une fenêtre s'ouvre.
J'aimerais vraiment savoir si ce serais possible de créé tout cela sur une page HTML et quel serais les codes à mettre en places ?

Je remercie celle/celui qui m'aidera. Smile




-----------------------------------------------------

Je vous invite aussi à voir mon autre sujet similaire à celui ci


Dernière édition par phinolex1 le Mer 26 Fév 2014 - 21:07, édité 1 fois

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attribuer -5 à nos points via un bouton dans une page HTML

Message par Lixyr le Mer 26 Fév 2014 - 20:11

Bonsoir Phinolex.

Finalement, on va changer le code et rajouter un bouton, sur lequel on ne peut cliquer qu'une seule fois.

Donc, vous allez dans la page HTML que vous aviez faite pour le code mais vous remplacez tout par ceci :

> titre : comme vous voulez
> haut et bas du forum : oui
> page d'accueil : non

Code:
<input  value="- 5 points" type="button" onclick="kaboum()" id="yeah" />
       
<script type="text/javascript">
        function my_setcookie(name,value,sticky){expire='';domain='';path="/";if(sticky){expire="; expires=Wed, 1 Jan 2020 00:00:00 GMT"}document.cookie=name+"="+value+"; path="+path+expire+domain+';'};
        function my_getcookie(name){cname=name+'=';cpos=document.cookie.indexOf(cname);if(cpos!=-1){cstart=cpos+cname.length;cend=document.cookie.indexOf(";",cstart);if(cend==-1){cend=document.cookie.length}return unescape(document.cookie.substring(cstart,cend))}return null};
</script>
<script type="text/javascript">
        function kaboum(){
          $.post("/post",{subject:"",message:"J'achète pour 5 points.",mode:"reply",t:3,post:1,notify:0});
          my_setcookie('0_5PNT', 1, 1);
          kaboum = function(){ alert('Cet objet a déjà été acheté !'); }
          document.getElementById('yeah').disabled = true;
          alert('5 points retirée, youpieeee :"(');
        }
        if(my_getcookie('0_5PNT')) {
          kaboum = function(){ alert('Cet objet a déjà été acheté !'); }
          document.getElementById('yeah').disabled = true;
        }
        </script>

Et vous enregistrez.

Cette partie :
<input value="- 5 points" type="button" onclick="kaboum()" id="yeah" />
C'est le petit bouton sur lequel vous voulez cliquer. A priori vous n'êtes pas obligée de le mettre là, vous pouvez le mettre en page d'accueil. Peut-être aussi dans un sujet. A tester, mais sinon là il ne devrait plus y avoir de problème, le bouton se bloque, même après actualisation de la page. ^^

(le code a été remodelé par Ea)





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attribuer -5 à nos points via un bouton dans une page HTML

Message par phinolex1 le Mer 26 Fév 2014 - 21:02

@Lixyr a écrit:Bonsoir Phinolex.

Finalement, on va changer le code et rajouter un bouton, sur lequel on ne peut cliquer qu'une seule fois.

Donc, vous allez dans la page HTML que vous aviez faite pour le code mais vous remplacez tout par ceci :

> titre : comme vous voulez
> haut et bas du forum : oui
> page d'accueil : non

Code:
<input  value="- 5 points" type="button" onclick="kaboum()" id="yeah" />
        
<script type="text/javascript">
        function my_setcookie(name,value,sticky){expire='';domain='';path="/";if(sticky){expire="; expires=Wed, 1 Jan 2020 00:00:00 GMT"}document.cookie=name+"="+value+"; path="+path+expire+domain+';'};
        function my_getcookie(name){cname=name+'=';cpos=document.cookie.indexOf(cname);if(cpos!=-1){cstart=cpos+cname.length;cend=document.cookie.indexOf(";",cstart);if(cend==-1){cend=document.cookie.length}return unescape(document.cookie.substring(cstart,cend))}return null};
</script>
<script type="text/javascript">
        function kaboum(){
          $.post("/post",{subject:"",message:"J'achète pour 5 points.",mode:"reply",t:3,post:1,notify:0});
          my_setcookie('0_5PNT', 1, 1);
          kaboum = function(){ alert('Cet objet a déjà été acheté !'); }
          document.getElementById('yeah').disabled = true;
          alert('5 points retirée, youpieeee :"(');
        }
        if(my_getcookie('0_5PNT')) {
          kaboum = function(){ alert('Cet objet a déjà été acheté !'); }
          document.getElementById('yeah').disabled = true;
        }
        </script>

Et vous enregistrez.

Cette partie :
<input  value="- 5 points" type="button" onclick="kaboum()" id="yeah" />
C'est le petit bouton sur lequel vous voulez cliquer. A priori vous n'êtes pas obligée de le mettre là, vous pouvez le mettre en page d'accueil. Peut-être aussi dans un sujet. A tester, mais sinon là il ne devrait plus y avoir de problème, le bouton se bloque, même après actualisation de la page. ^^

(le code a été remodelé par Ea)


OMG !!!

UN ENORME MEERRRRRRRRRRRRRRRRRRRRRRRRCCCCCCCIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII !!!!!!!!!!!!!!!!!!!!!! <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3


Cela fonctionne P.A.R.F.A.I.T.E.M.E.N.T !!! Very Happy

Merci beaucoup à EA et Lixyr !!!!!! Je suis super content !!! :'D


Merci beaucoup !!! Very Happy Very Happy

phinolex1
****

Messages : 480
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Page 5 sur 5 Précédent  1, 2, 3, 4, 5

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum