Javascript in HTML Block

August 26, 2009 at 2:11 PM

Ok I am trying to add FatFreeCarthttp://www.fatfreecart.com to a c5 site. When I insert the code the edit bar disappears. I can see that this is a javascript issue but don't know how to deal with it.

The script works perfectly in the c5 page but the page is no longer editable. If I want to change it I have to restore a previous version and put everything back in.

It appears that c5 will have to be changed to make this work but wanted to post here and see if anyone else has resolved this problem.

Here is the JS code that is being called buy FatFreeCart:

<!--
  FatFreeCart.com AddToCart Snippet
  @version: 0.1
  @date: 07/30/2007
  @author: Ropu (rovagnati at gmail)
  //-->
  <table cellspacing="2" cellpadding="2" bgcolor="#ffffff" style="border: thin solid rgb(100,100,100);font-family: Verdana; font-size: 11px; color: rgb(0, 0, 0);">    
    <tr align="center">
      <th bgcolor="#dddddd" style="color: rgb(0, 0, 0);">Class Registration Fee</th>
    </tr>
    <tr>
      <td align="center">
      <!-- ADD TO CART button code. -->
        <form target="ej_ejc" action="https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2" method="post">
        <div style="background:#eeeeee">

Viewing 15 lines of 92 lines. View entire code block.

  <!--
  FatFreeCart.com AddToCart Snippet
  @version: 0.1
  @date: 07/30/2007
  @author: Ropu (rovagnati at gmail)
  //-->
  <table cellspacing="2" cellpadding="2" bgcolor="#ffffff" style="border: thin solid rgb(100,100,100);font-family: Verdana; font-size: 11px; color: rgb(0, 0, 0);">    
    <tr align="center">
      <th bgcolor="#dddddd" style="color: rgb(0, 0, 0);">Class Registration Fee</th>
    </tr>
    <tr>
      <td align="center">
      <!-- ADD TO CART button code. -->
        <form target="ej_ejc" action="https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2" method="post">
        <div style="background:#eeeeee">
                        Name
                    <input type="hidden" name="on0" value="Name"/>
<input name="os0" type="text" style="width:97%"/>
</div>
<div style="background:#eeeeee">
                        Company Name
                    <input type="hidden" name="on1" value="Company Name"/>
<input name="os1" type="text" style="width:97%"/>
</div>
<div style="background:#eeeeee">
                        Email Address
                    <input type="hidden" name="on2" value="Email Address"/>
<input name="os2" type="text" style="width:97%"/>
</div>
<div style="background:#eeeeee">
                        Phone Number
                    <input type="hidden" name="on3" value="Phone Number"/>
<input name="os3" type="text" style="width:97%"/>
</div>
<div style="background:#eeeeee">
                        Address
                    <input type="hidden" name="on4" value="Address"/>
<input name="os4" type="text" style="width:97%"/>
</div>
<div style="background:#eeeeee">
                        City, State, Zip
                    <input type="hidden" name="on5" value="City, State, Zip"/>
<input name="os5" type="text" style="width:97%"/>
</div>
 
      <!-- google merchant id (remove if not using Google Checkout) -->
          <input type="hidden" name="merchant_id" value="??"/>
      <!-- paypal email(remove if not using PayPal) -->
          <input type="hidden" name="business" value="xx@xx.com"/>
      <!-- site url -->
          <input type="hidden" name="site_url" value="http://site.com"/>
      <!-- contact email (where we can notify of the updates) -->
          <input type="hidden" name="contact_email" value="x@xx.com"/>
      <!-- you thank you page -->
          <input type="hidden" name="return_url" value="http://site.com"/>
      <!-- any custom info you want to pass -->
          <input type="hidden" name="custom" value=""/>
      <!-- currency (USD for Google Checkout USA, GBP for Google Checkout UK. For PayPal: any currency that PayPal supports -->
          <input type="hidden" name="currency_code" value="USD"/>
      <!-- shipping cost -->
          <input type="hidden" name="shipping" value=""/>
      <!-- shipping cost of each additional unit -->
          <input type="hidden" name="shipping2" value=""/>
      <!--handling cost -->
          <input type="hidden" name="handling" value=""/>
      <!-- tax (flat amount, NOT percentage)-->
          <input type="hidden" name="tax" value="0"/>
      <!-- item name -->
          <input type="hidden" name="item_name" value="Class Registration Fee"/>
      <!-- item number (should be different for each product)-->
          <input type="hidden" name="item_number" value="2"/>
      <!-- item price -->
          <input type="hidden" name="amount" value="19.95"/>
      <!-- initial quantity -->
          <input type="hidden" name="quantity" value="1"/>
      <!-- item options (can be removed if not required) -->
          <input type="image" src="https://www.e-junkie.com/ej/ej_add_to_cart.gif" border="0" onClick="javascript:return EJEJC_frm(this.parentNode);">
        </form>
      </td>
    </tr>  
  </table>
          <!-- VIEW CART button code. -->
        <a href="https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2&merchant_id=????
&business=xx@xx.com" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);">
          <img src="https://www.e-junkie.com/ej/ej_view_cart.gif" border="0" />
        </a>
 
    <script language="javascript" type="text/javascript">
  <!--
  function EJEJC_lc(th) { return false; }
  // -->
  </script>
  <script type="text/javascript" src="https://www.e-junkie.com/ecom/box.js"></script>
 
  <!-- End FatFreeCart.com AddToCart Snippet v0.1 -->

Tony replied on Aug 26, 2009 at 2:27 pm Reply

there's a problem with the HTML block, that may or may not be related to your issue (htmlentities fix is posted down below):
http://www.concrete5.org/index.php?cID=17936...

btw, do you have firebug loaded up and are you seeing any javascript errors?

carlanw replied on Aug 26, 2009 at 2:41 pm Reply

Sorry didn't think to check firebug. Yes there is an error:

Code tags hate me the source file is just the url+/concrete/js/ccm.dialog.js

Error: jQuery.fn.dialog is undefined
Source File: http://www.site.com/concrete/js/ccm.dialog.js
Line: 374

Don't know if that means anything to you or not but its beyond me.

Thank you for your help.

Carlan

carlanw replied on Aug 26, 2009 at 2:51 pm Reply

When I am not in edit mode there is no JS error in Firebug... aka go and manually approve the page and then view it the FatFreeCart works fine and there is no error...

Still doens't solve the page edit problem though! :)

platypusman replied on Nov 24, 2009 at 11:29 pm Reply

Don't know if you ever got this figured out, but I and some others ran into the same problem (Edit bar disappearing) when linking to other js libraries. (http://www.concrete5.org/community/forums/customizing_c5/typekit_in... ) It seems to make a difference in what order the scripts are loaded -- in my case I had to put the extra js links *before* the Loader::element('header_required'); element and then the Edit bar returned and worked normally again.

You could try linking to the js files in the head of the template, rather than inside your php block at the end.

fr0z3nk0 replied on Feb 27, 2010 at 6:28 pm Reply

I was experiencing the same issue when suddenly I couldn't edit most of the pages.

I figured that it was down to loading jquery twice.

First time its loaded it in header_required and second time in page_controls_header.

Maybe it was me editing those files and I might have added one of those includes. If not then it is probably something you guys should look at and fix it.

i'm using concrete 5.3.3.1

Peter

mkharisecario replied on Nov 28, 2010 at 9:01 am Reply

I've found some case when we must put reference js before header_required loader as platypusman said...

so far I can use 2 solution :
-delete conflicted js, and
-put reference js before header_required

dunno if there is any other simple solution?

SVijay replied on Nov 22, 2010 at 12:21 am Reply

Hi,

Yes as mkharisecario said remove JQuery supporting file or it may conflict. Jquery supporting file is inbuilt in concrete5.

mkharisecario replied on Nov 20, 2010 at 6:42 pm Reply

Did you have this code in your html code?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

if yes, I think you must delete that script. I've had same problem before because of that line. But it fixed after I deleted it.

*refering to:
http://www.concrete5.org/community/forums/chat/jquery-is-not-a-func...

Post Reply

Delete Post

You are allowed to delete your post for 5 minutes after it's posted.

Delete

Sign In?

You must have a user account and be signed to perform this action.

Building with concrete5

Javascript in HTML Block

Code

Post Reply

Delete Post

Sign In?