Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Pagina html

3 participantes

Início :: Forumeiros :: NostalgiaPagina html

Minatoevox Minatoevox  • Qua 3 Abr 2013 - 7:56

Pagina html Empty Pagina html Qua 3 Abr 2013 - 7:56

Qual é minha questão:
Ola a todos. Bem é o seguinte: eu peguei num código de Loja de uma dos tópicos do fórum [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e fiz uma edição para o meu forum, incluindo um novo efeito como podem ver [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

O problema é que agora o script que fazia com os objectos aparecessem no carrinho bem como o valor deles no TOTAL não apareçe ( e neste ultimo NaN). Para além disso quando finalizo o pedido e a mensagem privada é contruida, as variaveis que o membro escolheu no carrinho, bem como os valores e total tambem não apareçem.

Podem me ajudar a editar o problema? Obrigado

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão do fórum:
PUNBB

[F]lames [F]lames  • Qua 3 Abr 2013 - 8:09

Pagina html Empty Re: Pagina html Qua 3 Abr 2013 - 8:09

Olá,

Troque o HTML dela por este:

Código:
<html class="translated-ltr wf-racingsansone-n4-active wf-active"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" type="text/javascript" async=""></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Racing+Sans+One&amp;subset=latin">
 </head>
<body style="background-image: url(http://i70.servimg.com/u/f70/16/88/27/59/backgr11.jpg); background-attachment: fixed; background-color: transparent; zoom: 1; background-position: 50% 0%; background-repeat: no-repeat no-repeat;">
<style type="text/css">
.addButton{-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("http://forum.xpg.com.br/public/style_images/skinproject6/topic_button.png") repeat-x scroll center top rgb(33, 33, 33);
border-color: rgb(33, 33, 33);
border-image: none;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px 1px 0px;
box-shadow: 0px 2px 0px 0px rgb(92, 92, 92) inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300;
height: 30px;
line-height: 30px;
padding: 0px 10px;
text-align: center;
text-shadow: 0px -1px 0px rgb(25, 25, 25);
width: 125px}
.header{color:black;font-size:22px;text-align:center;height:220px;padding-bottom:40px;padding-top: 30px;font-family:Racing Sans One;text-shadow:1px 1px 1px #000;font-weight:500}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;text-shadow:0px 0px 1px #00000;font-family:Racing Sans One}
.image img{height:100px;width:100px;margin:3px;border-radius:3px;box-shadow:0px 1px 2px #00000}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center}
.salenot{color:#00FF00;font-size:11px;float:right;text-align:center;font-weight:500;}
.item{width:320px;margin: 5px -7px 20px;;min-height:250px;box-shadow:0px 2px 2px #000;
border:none;overflow:hidden;height:auto;padding:5px;background:url(http://i70.servimg.com/u/f70/16/88/27/59/001nh410.jpg) top center;font-family:Tahoma;border-radius:5px;text-align:center;}
.descrip{box-shadow:0px 0px 10px inset;background:#881519;overflow:hidden;height:auto;min-height: 80px;padding:3px;border-radius:3px;margin-bottom: 6px;}
.description {color: white;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;margin-left:30px}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: black;padding:5px;height:700px;margin-left:30px}
.cart_title{text-align:center;color:#fff;border-bottom:2px solid #000;height:25px;padding:5px;font-family:Racing Sans One;background:rgb(100, 0, 0)}
.cart_items{text-align:left;font-family:Racing Sans One}
.cart_body{text-align: center;
margin:
overflow-x: hidden;
overflow-y: scroll;
border: none;
box-shadow: 0px 0px 3px rgb(0, 0, 0) inset;
position:relative;
top:-150px;
border-radius:7px;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom: 0px;
text-align: center;
position: relative;
top: -145px;
margin-left: 15px;
background: none repeat scroll 0% 0% blue;
height: 100px;
border-radius: 0px 0px 7px 7px;
font-size: 16px;
font-family: Tahoma;
color: white;
padding: 5px;
font-weight: 500;}
li:hover{cursor:pointer;}
#checkout
{float: left;
height: 200px;
text-align: center;
background:url("http://i36.servimg.com/u/f36/11/96/49/61/footer15.png") repeat scroll 0% 0% transparent;
padding:5px;
border-top: 5px solid red;
margin-top: 50px;
width: 100.4% !important;
color:orange;
font-family:Racing Sans One}

   ul.tabs {
      margin: 0;
      padding: 0;
      float: left;
      list-style: none;
      height: 32px;
      border-bottom: 1px solid #999999;
      border-left: 1px solid #999999;
      width: 100%;
   }
   ul.tabs li {
      float: left;
      margin: 0;
      cursor: pointer;
      padding: 0px 21px ;
      height: 31px;
      line-height: 31px;
      border: 1px solid #999999;
      border-left: none;
      font-weight: bold;
      background: #EEEEEE;
      overflow: hidden;
      position: relative;
   }
   ul.tabs li:hover {
      background: #CCCCCC;
   }   
   ul.tabs li.active{
      background: #FFFFFF;
      border-bottom: 1px solid #FFFFFF;
   }
   .tab_container {
      border: 1px solid #999999;
      border-top: none;
      clear: both;
      float: left;
      width: 100%;
      background: #FFFFFF;
   }
   .tab_content {
      padding: 20px;
      font-size: 1.2em;
      display: none;
   }
 
</style>


<script type="text/javascript" src="jquery-1.5.2.min.js"></script>

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

   $(".tab_content").hide();
   $(".tab_content:first").show();

   $("ul.tabs li").click(function() {
      $("ul.tabs li").removeClass("active");
      $(this).addClass("active");
      $(".tab_content").hide();
      var activeTab = $(this).attr("rel");
      $("#"+activeTab).fadeIn();
   });
});

</script>
 <script>
$(document).ready(function(){
$('.cart_body').before('<img src="http://i70.servimg.com/u/f70/16/88/27/59/kitado10.png" no-repeat;border-radius:0px 0px 15px 15px;position:relative;top:63px;left:333px;float:right><br>');
});</script>

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Racing+Sans+One::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

<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').text());
$total += pointstoAdd;
$('.totaler').html('Total= Moedas ' + $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= Moedas ' + $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 = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><img src="http://i.imgur.com/maDkUIp.png"><font>Escolha tudo o que presisa da nossa loja!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">

<!-- Incio das Tabs -->
  <ul class="tabs">
        <li class="active" rel="tab1">Armas Básicas</li>
        <li rel="tab2" class="">Curto Alcançe</li>
        <li rel="tab3" class="">Longo Alcançe</li>
        <li rel="tab4" class="">Premium</li>
    </ul>
<div class="tab_container">

    <div id="tab1" class="tab_content" style="display: block;">
 
<div class="itemWrapper">
<div id="item1" 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 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item22" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>Padasdadas</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 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item22" value="Adicionar ao carrinho"></font></font>
</div>
</div>

    </div><!-- #tab1 -->
    <div id="tab2" class="tab_content" style="display: none;">

 <div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>Testezaoa</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 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item22" value="Adicionar ao carrinho"></font></font>
</div>
</div>

    </div><!-- #tab2 -->
    <div id="tab3" class="tab_content" style="display: none;">

<div class="itemWrapper">
<div id="item4" class="item">
<span class="title"><font><font>Pagina 221212</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 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item22" value="Adicionar ao carrinho"></font></font>
</div>
</div>

    </div><!-- #tab3 -->
    <div id="tab4" class="tab_content" style="display: none;">

      <p><img src=""> <br>
         <strong>
      Nesta secção os players poderão comprar armas com X-Treme points
         </strong>
      </p>

    </div><!-- #tab4 -->
   
 </div> <!-- .tab_container -->

<!-- Final das Tabs -->

</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<img src="http://i70.servimg.com/u/f70/16/88/27/59/kitado10.png" no-repeat;border-radius:0px="" 0px="" 15px="" 15px;position:relative;top:63px;left:333px;float:right=""><br><div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
<li class="cart-item" data-points="NaN"></li><li class="cart-item" data-points="NaN"></li></ul>
</div>
</div>
      <span class="totaler">Total= Moedas NaN</span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão Enviar pedido. </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="Admin">
<input name="username[]" type="text" style="display:none" value="Nura Minatoevox">
<input value="Pedido da loja BS" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"> = NaN
 = NaN
Total = Moedas NaN</textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Atualizar carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em atualizar carrinho antes conferir! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div><div id="goog-gt-tt" class="goog-tooltip skiptranslate" dir="ltr" style="visibility: visible; left: 789px; top: 56px; display: block; "><div style="padding: 8px;"><div><div class="logo"></div></div></div><div class="middle" style="padding: 8px;"></div><div class="bottom" style="padding: 8px;"><div class="activity-links"><span class="activity-link"></span><span class="activity-link"></span></div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none; "></div></div>
</body></html>
Resulta ?

Até mais.

Minatoevox Minatoevox  • Qua 3 Abr 2013 - 8:20

Pagina html Empty Re: Pagina html Qua 3 Abr 2013 - 8:20

Não resultou, o problema mantem-se Flames. Agora apareçe já 2 objectos na lista de compras e o problema das moedas e dos items referido acima

Minatoevox Minatoevox  • Qui 4 Abr 2013 - 22:41

Pagina html Empty Re: Pagina html Qui 4 Abr 2013 - 22:41

up

Minatoevox Minatoevox  • Sáb 6 Abr 2013 - 7:18

Pagina html Empty Re: Pagina html Sáb 6 Abr 2013 - 7:18

up

Pedro95123 Pedro95123  • Sáb 6 Abr 2013 - 9:19

Pagina html Empty Re: Pagina html Sáb 6 Abr 2013 - 9:19

Reputação da mensagem: 100% (1 votos)
Ele da @Up para o Tópico ficar ativo e não ser exclui/movido e trancado Smile

Conteúdo patrocinado  • 

Pagina html Empty Re: Pagina html

Início :: Forumeiros :: Nostalgia:: Pagina html
Permissões neste sub-fórum
Não podes responder a tópicos