Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : ( link is hidden, you must reply to see )

Description of problem

Hey guys!

I am using the code bellow to have own store page.
But after submission I et error:

"A browser error occured [Error #230], please contact the technical support."

Any ideas why?

Code:

<br /><div id="main-content"><div style="height:3px"></div>
<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="//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>
<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:815px;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
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 130px;
text-align: center;
background: white;
border-top: 2px solid #343434;
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: 15px 51px;
-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 Currencies = R$ ' + $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 Currencies = R$ ' + $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 Currencies = R$ " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>

 
               
<style>
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="https://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>Online Shop</font></div><div class="shopWrapper"><div class="inventWrapper"><div class="type_header">Item store</div>
  <div class="itemWrapper"><div id="item1" class="item">
<span class="title"><font><font>Item Name #1</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 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Buy"></font></font>
</div>
</div><div class="itemWrapper"><div id="item2" class="item">
<span class="title"><font><font>Item Name #2</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="200"><font><font>200 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item2" value="Buy"></font></font>
</div>
</div> <div class="itemWrapper"><div id="item3" class="item">
<span class="title"><font><font>Item Name #3</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="200"><font><font>200 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item3" value="Buy"></font></font>
</div>
</div> <div class="itemWrapper"><div id="item4" class="item">
<span class="title"><font><font>Item Name #4</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="200"><font><font>200 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item4" value="Buy"></font></font>
</div>
</div> <div class="itemWrapper"><div id="item5" class="item">
<span class="title"><font><font>Item Name #5</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="200"><font><font>200 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item5" value="Buy"></font></font>
</div>
</div> <div class="itemWrapper"><div id="item6" class="item">
<span class="title"><font><font>Item Name #6</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="200"><font><font>200 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item6" value="Buy"></font></font>
</div>
</div> <div class="itemWrapper"><div id="item7" class="item">
<span class="title"><font><font>Item Name #7</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="200"><font><font>200 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item7" value="Buy"></font></font>
</div>
</div> <div class="itemWrapper"><div id="item8" class="item">
<span class="title"><font><font>Item Name #8</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="200"><font><font>200 cash </font></font></span>
<span class="sale"><font><font>For sale </font></font></span><br>
</div>
    <font><font><input type="button" class="addButton" data-item="item8" value="Buy"></font></font>
</div>
</div>

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

<input value="Order of Store" 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">
<center><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Update cart</font></font></button><center><span style="color:red">Update before sending.</span></center></center>

 <center><button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Submit request</font></font></button></center></span></form>
    </div>
    </div>

Does this have anything to do with Facebook?

@SLGray, most likely not. @Kami-Sama, try clearing the cache.

Nothing to do with FB (or at least nothing I am aware of)
Tried clearing catch right away. Same.
Error appears on private message window.

Hello @Kami-sama,

This has something to do with the code you are using. In the store, once someone clicks to buy something a pm should be send to someone filling in the necessary fields such as the title and the message of the PM. In your code i do not see that part anywhere. Am i wrong?

Hello Luffy,

you are correct, here is the part (the very end of code):

Code:

<input value="Order of Store" 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">
<center><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Update cart</font></font></button><center><span style="color:red">Update before sending.</span></center></center>
 
 <center><button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Submit request</font></font></button></center></span></form>

Yes, but there's not message to that. Only the title is there and has a value. The cart message has no value and therefore it's creating the error.

Also, are the unofficial forms turned off? (ACP > General > Forum > Security > Unauthorize unofficial forms to post messages and private messages on the forum)

Hm. But PM gets populated with the details.

Yes, the setting is enabled.

First of all, the setting has to be set to No in order for the form to send the information so first of all disable the setting and try it again. Maybe that's why it's not sending any information.

WOW! You are genius!
Working like a charm.

P.S. Just for future knowledge. Is there any reason why I would need that setting turned on?

That is a security feature to disallow forms such as the Store or other kind of forms to function withing the forum (send details etc).

I also have it turned off from the day i created the forum, so i don't think you'll need to change it again!

So is this now solved?

Yes! Solved
Love you guys <3

Great!! Have a nice day!

Problem solved & topic archived. Please read our forum rules: ESF General Rules