Recherche Code ( Cliquer / faire apparaître un texte ).

2 participants

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

Résolu Recherche Code ( Cliquer / faire apparaître un texte ).

Message par guizmo147 Ven 24 Avr 2015 - 0:49

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjours.

Je joue actuellement à un jeux par navigateur permettant de faire des transaction d'objets entre joueurs et d'ouvrir une boutique sur mon forum.

J'ai fait des test sur mon forum, qui permettrai que si nous cliquons sur un lien ça nous re-directionnerai vers la page nous permettant de répondre au sujet mais avec un texte pré-écrit.

Exemple:

Acheter: Robot

Nous cliquerions sur Acheter: Robot
Et ça nous redirigerai vers la page de réponse où il y-aurait d'écrit

Salut j'achèterai un Robot s'il te plaît !

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

Je ne sais pas si j'ai était assez précis, n'hésitez pas à demander plus de détails.

Merci d'avance pour vos réponses qu'elles soient positives ou négatives. Very Happy


Dernière édition par guizmo147 le Ven 24 Avr 2015 - 19:06, édité 1 fois
guizmo147

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par demeter1 Ven 24 Avr 2015 - 2:48

Bonsoir,
Vous faites tout simplement un lien de redirection sur du texte :
Code:
[url=Lien de redirection]Acheter: Robot[/url]

Il vous suffit de cliquer sur le bouton "insérer un lien" de votre éditeur pour pouvoir y parvenir
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par guizmo147 Ven 24 Avr 2015 - 3:07

Bonsoir.
Merci pour votre réponse malheureusement c'est la première chose que j'ai essayé et au final ça me redirige bien vers le lien, mais le texte n'est pas inséré dans la zone de texte Neutral
guizmo147

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par demeter1 Ven 24 Avr 2015 - 3:25

Là malheureusement, il vous faut passer par un formulaire qui sera sur une page html.

Le but final de est d'ouvrir une boutique et de centraliser les achats ?
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par guizmo147 Ven 24 Avr 2015 - 3:33

D'accord merci.

Oui c'est ça, ça ferait gagner du temps si tout pourrai se faire en 1 seul clique Very Happy
Mais c'est tout de même faisable ?
guizmo147

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par demeter1 Ven 24 Avr 2015 - 3:44

voyez ce sujet sur lequel j'ai founi un code qui permet d'ouvrir une boutique . Le membre sélectionne la liste des articles, le système calcul le total et le tout est expédié via mp à la personne qui gère les ventes.

Si le système est en relation avec le système de points, il ne vous restera plus qu'à défalquer manuellement les points du profil du membre.

https://forum.forumactif.com/t374373-boutique-en-ligne
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par guizmo147 Ven 24 Avr 2015 - 13:20

Wouaw un grand merci, au départ c'est ce que je voulait mais je ne pensait pas que c'était faisable je vais essayer ca tout de suite je vous tiens au courant ! Merci Very Happy

EDIT: J'ai fait une tentative en suivant vos indications mais, quand je fait un essai en cliquant sur le bouton ACHETER rien ne se passe ( j'ai bien changer la ligne qui me permet de désigner le destinataire du MP mais rien ne se passe ) Confused

J'ai également essayer sans rien modifier et rien ne se passe.. auriez vous une idée s'il vous plaît ?
guizmo147

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par demeter1 Ven 24 Avr 2015 - 15:26

BonjourGuizmo,
Pour vous aider, il me faudrait
1 le lien de la page html contenant le code modifié

2 le code modifié contenu entre les balises code

3 le pseudo de celui qui doit recevoir le courriel

4 vérifiez que vous avez bien autorisé l'utilisation de formulaires non officiels.
panneau d'administration >> Général >> Sécurité >> Configuration de la sécurité >> Interdire les formulaires non officiels à poster des messages et messages privés sur le forum>>cocher sur non.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par guizmo147 Ven 24 Avr 2015 - 16:13

Bonjours demeter.

Voici un bout du code de la page HTML je n'ai rien modifier mis-à-part le nom du destinataire.

Code:
method="post" name="post">
                              <input name="LazyKiara" type="text" style="display:none" value="Admin" /><input value="Demande d'achat" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput" /><textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea><span class="buttons"><input id="submitCart" type="submit" value="Actualiser la commande" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" /> Réactualiser avant d'envoyer. <input type="submit" value="Envoyer la commande" name="post" id="sendingBut" disabled="disabled" /></span>
                           </form>

Le pseudo du destinataire: LazyKiara
Je viens d'autoriser les formulaires non officiel à présent ça fonctionne il me redirige bien vers le MP mais le pseudo n'est pas directement écrit, aurai-je mal positionné le nom du destinataire dans le Code ?
Merci pour toutes t'es réponses


Dernière édition par guizmo147 le Ven 24 Avr 2015 - 19:02, édité 1 fois
guizmo147

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par demeter1 Ven 24 Avr 2015 - 17:44

Re guizmo,,
Je me suis permis de rajouter de la mise en forme au code initial e de rajouter un listage de la commande au fur et à mesure que le membre sélectionne les articles
Vous en avez un visuel ici
http://floratropica.forumactif.org/h1-boutique-modification

Voici le code
Code:
<html class="translated-ltr"><head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script></head><body style="zoom: 1; ">
<style type="text/css">
.header{
margin-top: 25px;
background: #DDD;
font-size: 25px;
color: white;
padding: 10px 15px;
margin-bottom: 15px;
border: 1px solid #CCC;
box-shadow: inset 1px 1px 2px #999;
border-radius: 4px;
text-align: center;
}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{
font-weight: bold;
font-size: 12px;
color: #303030;
margin: 5px;
}
.image img{padding-top: 13px;height:40px;width:40px;}
.image{text-align:center;}
.points{
background: url(http://s6.tinypic.com/286sfuu_th.jpg) no-repeat;
padding-bottom: 5px;
padding-left: 18px;
color:#242424;
font-weight:bold;
font-size:11px;
float:left;
text-align:center;
}
.sale{color:green;font-style: italic;font-size:11px;float:right;text-align:center;}
.item{width:188px;min-height:195px;border:1px solid #CECECE;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{
float: left;
margin-left: -10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
background: #E9E9E9;
border: 1px solid #CECECE;
border-left: 0;
width: 92.3%;
text-align: left;
margin-top: 30px;
margin-bottom: 5px;
}
.description {color: #242424;font-size: 11px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:850px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 210px;
background: white;}
.cartWrapper{position: relative;right: 0;float:right;width:280px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 130px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
input[type="button"], input[type="reset"], input[type="submit"] {
margin-bottom: -30px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 15px;
color: black;
border: 1px solid #CECECE;
background-color: #F3F3F3;
padding: 4px 10px;
-webkit-transition: all 0.3s;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: 1px solid #CECECE;
background: #CECECE;
box-shadow: 0 0 0px;
}
button.button1, button.button2, input.button1, input.button2 {
margin: 3px;
cursor: pointer;
border-radius: 2px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 16px;
color: black;
border: 1px solid #CECECE;
background: #F3F3F3;
padding: 1px 2px;
-webkit-transition: all 0.3s;
}
button.button1:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: white;
border: 1px solid #A3A3A3;
background-color: #A3A3A3;
}
.type_header {
-webkit-box-shadow: none !important;
margin: 0px;
padding: 4px 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-family: arial, helvetica, sans-serif;
color: white;
background-image: url(http://i47.tinypic.com/33nusqs.jpg);
background-color: #8A8783;
border: 1px solid #6E6A65;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-position: initial initial;
background-repeat: repeat no-repeat;
width: 778px;
}
</style>


<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Points =  ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total de Points =  ' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;

$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));

  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";

  total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Points =  " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
                                                          </div>
<script type="text/javascript">
                                      function Doarfast() {var x = document.getElementById('Doarfast');  if (x.style.display == 'none') {jQuery(x).add('#Doarfaster').fadeIn('slow');var r = x.getElementsByTagName('form')[0].redirect;r.value = window.location.href;} else {jQuery(x).add('#Doarfaster').fadeOut('slow');}}jQuery(function(){ if(document.getElementById('logout')) document.getElementById('Doarfastbtn').style.display = 'none'; });
                                    </script>                   
<style>
input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #F3F3F3;
border: 1px solid #CECECE;
color: black;
font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", "Arial";
font-size: 15px;
margin-bottom: 0px;
padding: 4px 10px;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
}
div.module.main.module-advert {
display: none;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.ipsButton_secondary img {
vertical-align: middle;
margin-top: -1px;
}
.ipsButton_secondary:hover {
color: #4C4C4C;
background-color: #F8F8F8;
}
index.phpmedia="screen, print"
.input_submit, .ipsButton_secondary {
outline: none;
}
.ipsButton_secondary {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.ipsButton_secondary:active{-webkit-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;position:relative;top:1px}
#Doarfast{
  background: rgba(0, 0, 0, 0.6) url('http://fcimage.net/public/style_images/imgfc/trans60.png') repeat;
  box-shadow:10px 10px 40px #000;
  color:#333;
  font-family:sans-serif;
  left:30%;
  position:fixed;
  top:20%;
  width:550px;
  z-index: 999;
  padding: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#Doarfaster {
background-color: #3E3E3E;
filter: Alpha(opacity=80);
left: 0;
min-height: 101%;
opacity: 0.4;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
#Doarfast h1 {
padding: 5px;
font-size: 12px;
text-align: center;
color: #727272;
text-shadow: rgba(255, 255, 255, 0.<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" /> 0px 1px 0px;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
}
.Doarfast-content {
background-color: #FCFCFC;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
.Doarfast-content td {
padding: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
#Doarfast img.closebutton{
background:url(http://i50.tinypic.com/33kqfld.png) no-repeat;
  cursor:pointer;
  float:right;
  height:22px;
  margin:5px;
  width:22px
}
.pun input {
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.pun input:focus {
background-color:#fefefe;color:#555;border-color:#bbb;-webkit-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2)
}
.submit {
padding: 15px;
text-align: center;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border-top: 1px solid #CCC;
height: 30px;
}</style>
<div class="header"><font>Faites vos achats</font></div><div class="shopWrapper"><div class="inventWrapper"><div class="type_header"> La boutique</div><div class="itemWrapper"><div id="item1" class="item">
<span class="title"><font><font>Helmet</font></font></span><br>
<span class="image"><img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item2" class="item">
<span class="title"><font><font>Sabre de lumière 1</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span><span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item2" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item3" class="item">
<span class="title"><font><font>Sabre de lumière 2</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span><span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item3" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item4" class="item">
<span class="title"><font><font>Rain</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item4" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item5" class="item">
<span class="title"><font><font>Wow</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item5" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item6" class="item">
<span class="title"><font><font>Nerd</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item6" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item7" class="item">
<span class="title"><font><font>Phantom</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/skeleton.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item7" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item8" class="item">
<span class="title"><font><font>DJ's</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/mediaplayer2.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item8" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item9" class="item">
<span class="title"><font><font>MazeFinger</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/mazefinger.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item9" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item10" class="item">
<span class="title"><font><font>MXTube</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item10" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item11" class="item">
<span class="title"><font><font>TextWhite</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/textwhite.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item11" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item12" class="item">
<span class="title"><font><font>Copter</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/copter.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item12" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item13" class="item">
<span class="title"><font><font>OrangeBanner</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/orangebanner.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item13" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item14" class="item">
<span class="title"><font><font>Jedi</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item14" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item15" class="item">
<span class="title"><font><font>Sabre de lumière 3</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/lightsaber12.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item15" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item16" class="item">
<span class="title"><font><font>Cat 1</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/crashkart1.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item16" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item17" class="item">
<span class="title"><font><font>Cat 2</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/crashkart2.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item17" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item18" class="item">
<span class="title"><font><font>BattleAtSea</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/battleatsea.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Mascotte</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item18" value="Acheter"></font></font>
</div>
</div><div class="itemWrapper"><div id="item19" class="item">
<span class="title"><font><font>Pikachu</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item19" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item20" class="item">
<span class="title"><font><font>Gengar</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item20" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item21" class="item">
<span class="title"><font><font>Rhydon</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i32.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item21" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item22" class="item">
<span class="title"><font><font>Charmander</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item22" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item23" class="item">
<span class="title"><font><font>Totodile</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item23" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item24" class="item">
<span class="title"><font><font>Squirtle</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item24" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item25" class="item">
<span class="title"><font><font>Chikorita</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item25" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item26" class="item">
<span class="title"><font><font>Bulbasaur</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item26" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item27" class="item">
<span class="title"><font><font>Cyndaquil</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item27" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item28" class="item">
<span class="title"><font><font>Piplup</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item28" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item29" class="item">
<span class="title"><font><font>Ho-oh</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item29" value="Acheter"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item30" class="item">
<span class="title"><font><font>Mew</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Points </font></font></span>
<span class="sale"><font><font>A vendre </font></font></span><br>
<span class="description"><font><font>Categorie: Pok mon </font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item30" value="Acheter"></font></font>
</div>
</div>
</div>

</div>
    <div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_title"><font><font>Chariot de course</font></font></div><div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler"><font><font>Total de Points = </font></font></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="LazyKiara">

<input value="Demande d'achat" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Actualiser le chariot</font></font></button><br /> Actualiser avant d'envoyer.
<br>
 <button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Envoyer la liste</font></font></button></span></form>
    </div><div id="checkout"><font><font>
Voulez vous confirmer vos achats? </font><font>Si oui, cliquez sur le bouton de demande d'envoi. </font>
</font>
<br>
<span><font><font>N'oubliez pas d'actualiser le chariot avant d'envoyer la commande! </font></font><br><font>
</font><br><font><font>Asurez vous que vous avez assez de points pour vos achats!</font></font></span>
</div>
    </div>
<script>jQuery.get('/forum', function(data) {jQuery('#Doarfast .Doarfast-content form[name="form"]').attr('action','/admin/index.forum?part=modules&sub=point&mode=don&extended_admin=1&tid='+jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join(''));});
  jQuery('.submit input.icon_ok[type="submit"][name="submit"][value="Salvar"]').click(function() {
      jQuery.get('/forum', function(data) {
        var tid=jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join('');
        jQuery.get('/admin/index.forum?part=modules&sub=html&extended_admin=1&tid='+tid, function(data) {
            if(jQuery('input[name="points_to_add[1]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[1]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[1]"]').val());
            }
            if(jQuery('input[name="points_to_add[2]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[2]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[2]"]').val());
            }
            if(jQuery('input[name="points_to_add[3]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[3]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[3]"]').val());
            }
            if(jQuery('input[name="points_to_add[4]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[4]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[4]"]').val());
            }
            if(jQuery('input[name="points_to_add[5]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[5]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[5]"]').val());
            }
            if(jQuery('input[name="points_to_add[6]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[6]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[6]"]').val());
            }
            if(jQuery('input[name="points_to_add[7]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[7]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[7]"]').val());
            }
            if(jQuery('input[name="points_to_add[8]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[8]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[8]"]').val());
            }
            if(jQuery('input[name="points_to_add[9]"]').val()=='') {}
            else {
              jQuery('tbody.center tr td input[name="points_to_add[9]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[9]"]').val());
            }
            jQuery('input[value="add_points_for_group"] + input[value="Salvar"][name="submit"]', data).click();
        });
      });
  });</script></div></div>


J'ai fait un essai de mon côté et l'envoi se fait correctement


Dernière édition par demeter1 le Ven 24 Avr 2015 - 18:28, édité 2 fois
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par guizmo147 Ven 24 Avr 2015 - 18:18

Wow ça rend très beau je vais essayer ça merci beaucoup !
Je vous tien au courant Very Happy
guizmo147

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par demeter1 Ven 24 Avr 2015 - 18:21

re Guizmo,
Il y avait un petit beug dans le code. j'ai réédité mon message.

Edit : en regardant votre page html, j'ai constaté que le module de listage est en bas. Cela est du à la largeur de votre page.

Si cela pose problème Remplacer le css intitulé .cartWrapper par

Code:
.cartWrapper {
float: right;
position: absolute;
right: 152px;
width: 195px;
}
J'ai diminué la largeur de la fenêtre d'environ 80px
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Recherche Code ( Cliquer / faire apparaître un texte ).

Message par guizmo147 Ven 24 Avr 2015 - 19:05

Marche impeccablement !
Merci beaucoup de t'as patience tes réponses et ton implication, je n'oublierai pas de mentionné ton nom Very Happy

Au plaisir demeter1

[Résolu]
guizmo147

guizmo147
**

Masculin
Messages : 62
Inscrit(e) le : 16/01/2011

http://bidon.forumactif.fr
guizmo147 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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