[Pro] Forum issue....

Hello,

I’m trying to integrate the EcommerceTemplates Shopping cart into my site and am running to multiple issues.

One of them being an apparent conflict with the following code:

The EcommerceTemplates tech support says: “I don’t know why there should be a form tag there but it means that all your content is within a form. The cart and many other store pages use forms so you end up having a form within a form and that’s not allowed and causing these problems.”

I’m at a loss.

Can anyone enlighten me as to what is happening and if there is a solution?

Thanks.

Best regards,

Roy

http://www.test.advancedbarefoot.com/Store/cart.php?mode=newaccount


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you drew any form elements in Freeway, then you will get a form wrapped around the page. You can remove this with an Action.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

enlighten me as to what is happening and if there is a solution?

Looks like you have a search field on the page - that is likely to be the culprit.

There was discussion about this issue a few days ago as Trev was having a similar problem.

http://freewaytalk.net/thread/view/140686

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 29 Nov 2013, 4:56 pm, DeltaDave wrote:

enlighten me as to what is happening and if there is a solution?

Looks like you have a search field on the page - that is likely to be the culprit.

There was discussion about this issue a few days ago as Trev was having a similar problem.

http://freewaytalk.net/thread/view/140686

D

Dave, Walter,

Thanks for the input. The Freeway form was preventing the EcommerceTemplates cart forms from sending data to the database. I applied the No Form Action to the Freeway Master pages and that got rid of the form conflicts.

Now, with the No Form action applied, I’m trying to get the Header Search feature (Simple Site Search) and the Footer E-mail Sign Up (using a Send Form and Multiple Form Actions) in the Freeway Master pages working properly.

Walt, for the Search feature, I tried the Java Script fix that you suggested to Trev using the PHP Make Insert Page and the Protaculous 2 Actions. I got this to work for a few minutes, until I applied the Multiple Form Action to the E-mail Sign up Box. I removed all actions then tried just the Search Feature steps but I couldn’t get it to work again.

Here’s a link to my test page with all actions applied: http://test.advancedbarefoot.com/searchtest.html

Here’s a link to the search_form.html page: http://test.advancedbarefoot.com/search_form.html

Note that I’m losing all the formatting on the search_form.html page (the layout and colour is identical to the E-Mail Signin box and Button on the searchtest page. I’d even like to get the signin box and button to touch each other if possible.

Regarding the e-mail Signin form, I’m still struggling to get my head around how to properly set the Multiple Form Action settings. I think that I’m a little brain dead after my trials with the Search issues.

Any input would be most welcome.

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am seeing the same error that Trev had - he had copy/pasted from the web and introduced curly quotes etc. Compare yours

<script id="domloaded" type="text/javascript">
document.observe('dom:loaded', function(evt){
	new Ajax.Updater(‘SearchBox’, ‘search_form.html’, { method: ‘get’ });
});
</script>

with mine

new Ajax.Updater('SearchBox', 'search_form.html', { method: 'get' });

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

BTW - with your search_form.html as it is every time that you search without changing the text it will default to searching for the word ‘SEARCH’

Text should be added in a field like that using the ‘placeholder’ attribute.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 29 Nov 2013, 11:01 pm, DeltaDave wrote:

I am seeing the same error that Trev had - he had copy/pasted from the web and introduced curly quotes etc. Compare yours


with mine

new Ajax.Updater('SearchBox', 'search_form.html', { method: 'get' });

David

Hi DAvid,

Actually, I typed the code into the DOM Loaded Observer.

Iv’e also tried coping the code into a Word document, changing the font to Verdana then copying that into the DOM Loaded Observer with the same results.

I just retyped the code and uploaded the page with no luck.

Any ideas on what I might try next?

Also, I changed the Search text to placeholder,

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Iv’e also tried coping the code into a Word document,

Never use Word - it introduces all sorts of invisible formatting.

A plain text editor like TextWrangler is ideal Bare Bones Software | TextWrangler is now BBEdit -- and still free! It's time to switch.

Your code is looking for SearchBox but your Div is called SearchBox1 - change its name in the inspector.

Apart from that your search form doesn’t appear to be ‘wired up’ but maybe you haven’t got to that stage yet.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Dave,

The TestWrangler did the trick, as did the SearchBox name change, thanks.

I can’t figure out is why I’m losing the Search box and button formatting. The box should have hard not rounded corners and the button should be square and green. When I preview the search_form.html page the formatting is lost as well.

Here’s a link to how it looks: http://test.advancedbarefoot.com/searchtest.html

Here’s a link to a page with how I would like it to look (if possible): http://test.advancedbarefoot.com Any ideas here??

Also, I think that I followed all of the directions to “wire up” Simple Site Search (all three Actions) but for some reason it’s not working. I’ve tried from scratch four times with the same results.

Here’s the links to the other pages:
http://test.advancedbarefoot.com/sitesearch.html
http://test.advancedbarefoot.com/search_form.html

Thanks again for your assistance.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The style is carried by the page’s stylesheet (or the styles in the head) and the styles only publish if the element is actually on the same page. Since you’re injecting the search form into the page, it’s not actually there to add its styles to the page.

What you could do is go back to your search_form.html page, disable the PHP Make Insert Page Action, and publish the page. As long as there’s nothing else on the page, the styles should get written into the page head or page stylesheet where you can inspect them in TextWrangler. (Add TW as a “browser” in the File / Preview in Browser / Browser Setup dialog, then choose Preview in Browser / TextWrangler to see the source in a nice layout.) Copy the relevant bits of style, and make a new tag-only style (http://actionsforge.com/articles/view/9-tag-only-styles) in the Styles palette. Once you’ve done this, your search field will look correct on every page in the site. Just remember to re-enable the PMIP Action before you test out the final page.

Walter

On Nov 30, 2013, at 11:15 AM, Roy Gardiner wrote:

I can’t figure out is why I’m losing the Search box and button formatting. The box should have hard not rounded corners and the button should be square and green. When I preview the search_form.html page the formatting is lost as well.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 30 Nov 2013, 4:36 pm, waltd wrote:

The style is carried by the page’s stylesheet (or the styles in the head) and the styles only publish if the element is actually on the same page. Since you’re injecting the search form into the page, it’s not actually there to add its styles to the page.

What you could do is go back to your search_form.html page, disable the PHP Make Insert Page Action, and publish the page. As long as there’s nothing else on the page, the styles should get written into the page head or page stylesheet where you can inspect them in TextWrangler. (Add TW as a “browser” in the File / Preview in Browser / Browser Setup dialog, then choose Preview in Browser / TextWrangler to see the source in a nice layout.) Copy the relevant bits of style, and make a new tag-only style (http://actionsforge.com/articles/view/9-tag-only-styles) in the Styles palette. Once you’ve done this, your search field will look correct on every page in the site. Just remember to re-enable the PMIP Action before you test out the final page.

Walter

Hi Walter,

I’m trying to follow your instructions, but I’m having a problem setting up the “new” style.

TestWrangler produces the following source for the search_form.html page:

<div id="search_form_SearchBox"><div id="search_form_SearchTable">
		<table style="border-spacing:0px">
			<tr>
				<td style="width:248px; height:36px; vertical-align:top"><p class="f-fp f-lp"><input id="Box" type=search name="Box" placeholder="SEARCH" size=33></p>
				</td>
				<td style="width:30px; vertical-align:top"><p class="f-fp f-lp"><input id="Submit" type=submit value="&gt;">&nbsp;</p>
				</td>
			</tr>
		</table>
	</div>
</div>

In trying to set up the Tag-only Styles, I’m uncertain as to what code to enter into the New Style Tag box??

I’ve tried:






 

and get an message indicating “The value contains too many characters; previous value substituted.”

I’ve tried this:

 

and receive the same message.

I’ve tired this:

and I can create a style but I still lose the formatting if I Preview or view in a Browser.

Can you please point me in the correct direction?

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

First, you need to toggle the PMIP Action off and look at the page in its “virgin” state. While there, you need to be looking in the head of the page, in the tag. If there’s anything in that tag that begins with #search_form or #SearchBox or #SearchTable, that would be the part you need. You may also need to manually edit these styles so that they conform to the actual ID, since the PMIP Action has renamed everything to avoid ID-level conflicts. I am not sure if this happens early enough in the page’s publish cycle so that Freeway will adjust the CSS accordingly.

Once you’ve located these styles, the easiest way to get this into Freeway will be to create an external stylesheet and link that to each page using the External Stylesheets Action. This will help you finesse the settings until you have it right, without having to fight with Freeway’s style editor.

Post whatever style you find on Gist, and add a link here (be sure to set the content type to CSS, so you get the nice color-coded style tags).

Walter

On Dec 1, 2013, at 10:31 AM, Roy Gardiner wrote:

On 30 Nov 2013, 4:36 pm, waltd wrote:

The style is carried by the page’s stylesheet (or the styles in the head) and the styles only publish if the element is actually on the same page. Since you’re injecting the search form into the page, it’s not actually there to add its styles to the page.

What you could do is go back to your search_form.html page, disable the PHP Make Insert Page Action, and publish the page. As long as there’s nothing else on the page, the styles should get written into the page head or page stylesheet where you can inspect them in TextWrangler. (Add TW as a “browser” in the File / Preview in Browser / Browser Setup dialog, then choose Preview in Browser / TextWrangler to see the source in a nice layout.) Copy the relevant bits of style, and make a new tag-only style (http://actionsforge.com/articles/view/9-tag-only-styles) in the Styles palette. Once you’ve done this, your search field will look correct on every page in the site. Just remember to re-enable the PMIP Action before you test out the final page.

Walter

Hi Walter,

I’m trying to follow your instructions, but I’m having a problem setting up the “new” style.

TestWrangler produces the following source for the search_form.html page:

 

In trying to set up the Tag-only Styles, I’m uncertain as to what code to enter into the New Style Tag box??

I’ve tried:

 

and get an message indicating “The value contains too many characters; previous value substituted.”

I’ve tried this:

 

and receive the same message.

I’ve tired this:

and I can create a style but I still lose the formatting if I Preview or view in a Browser.

Can you please point me in the correct direction?

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 1 Dec 2013, 4:19 pm, waltd wrote:

First, you need to toggle the PMIP Action off and look at the page in its “virgin” state. While there, you need to be looking in the head of the page, in the

Hi Walter,

I’ve followed your directions as best as I understand and even with an External Style sheet, I still can’t modify the css formatting for the the Search box and button. I added the css code to Style.css.

I’m going to use a graphic file for the button so that should deal with the colour issue, but I still need to bring the text box and button together.

Here’s a link to the page as is stands now: http://test.advancedbarefoot.com/searchtest.php

Strangely, if I view the page with Firefox the text box and button are much closer together as the (text box is much wider) when compared to viewing with Chrome or Safari.

I’m at a loss as to what to try next.

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you go back to your search_form.html page you have constructed the search elements inside a table (blue box non CSS element).

If you want to do it that way then make sure the search field and the submit graphic are in the same table cell.

I suspect that you may just have ‘drawn’ those items with the CSS button off.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David,

It’s not that I have a preference one way or another, I’m just trying to find a solution.

I tried reformatting the search elements and placed both the search field and submit button into the same table cell (non CSS element) and still wasn’t able to format the contents with the external style sheet.

I tried reformatting the search elements and placed both the search field and submit button into the same table cell (CSS element) and still wasn’t able to format the contents with the external style sheet. The button dropped a line when viewed in FireFox.

I tried reformatting the search elements and placed the search field and submit button into separate table cells (CSS element) and still wasn’t able to format the contents with the external style sheet. Both the search field and button stayed on the same line, but the search filed is still quite a bit wider when viewed in FireFox forcing the button off the page. This is the current formatting on the page.

I’m starting to go crazy with this???

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you create a page that has the form elements on it the way you want it to appear.

Just a plain html page

You have to remember that different browsers will render things like fields differently but we may be able to extract enough style info from the plain page to help you get pretty close.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 7 Dec 2013, 12:50 am, DeltaDave wrote:

Can you create a page that has the form elements on it the way you want it to appear.

Just a plain html page

You have to remember that different browsers will render things like fields differently but we may be able to extract enough style info from the plain page to help you get pretty close.

D

Hi Dave,

Here’s a link to an html page with the Search elements (with and without the Actions applied: http://test.advancedbarefoot.com/searchformcopy.html
The intended look of the formatting is best viewed in Safari (with Firefox the button doesn’t line up as nicely with the search field.

The Search elements are formatted the same as the e-mail sign up elements in the footer: http://test.advancedbarefoot.com/searchtest.php

I used a non layered table because I found the sign up elements’ positioning to be more stable when viewed in different browsers compared to a layered table.

The weird thing that I can’t get my head around is that on other pages where I have inserted the ecommercetemplates cart contents I had to use an External Style Sheet to maintain the desired CSS formatting and everything seems to work fine: (http://test.advancedbarefoot.com/Store/products.php?cat=BioPodz+Complete+Systems). If I didn’t use the External Style Sheet (style.css) with these pages, Freeway would overwrite the ecommercetemplates’ coding. I can modify the formatting on these pages by changing the code in the style sheet (style.css). I haven’t started adjusting the formatting for the final look but have tested the function.

I put the CSS coding for the search elements in the same style.css file under “SearchBox” and no matter what I have tried (re adjusting this code) there hasn’t been any change at all in the formatting on the published page.

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Here’s something else for you to try. On a new page, draw an HTML box, double-click inside it, and from the main menu select Insert : [Form Items]: Input/Field. Click once on the input, and in the Output tab of the Inspector (third tab from the left), change its Type to “Search”. Enter something in the Placeholder field, traditionally “Search…”.

Preview into Safari, and you’ll see your search field, with the rounded corners and a distinctive appearance. Click into it, type some text, and the placeholder will disappear, and a clear button will appear at the right end.

Preview into Firefox. All of these refinements except the placeholder text will be missing.

Back to your page, apply the Protaculous 2 Action to the page. Click open the “Additional JavaScript Libraries” disclosure triangle, and in the first field, type ‘safari_search’ (without the quotes) and in the CDN URI field, paste this URL:

http://cdn.freewaypro.com/safari_search/0.2/safari_search.js

Now preview your page in Firefox again. As near as possible, the field will look and behave as it does in Safari.

Walter

On Dec 7, 2013, at 11:22 AM, Roy Gardiner wrote:

Here’s a link to an html page with the Search elements (with and without the Actions applied:http://test.advancedbarefoot.com/searchformcopy.html
The intended look of the formatting is


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Forgot to mention: this only will work on an HTML5 page, so this trick is Freeway 6+ only.

Walter

On Dec 7, 2013, at 12:24 PM, Walter Lee Davis wrote:

Here’s something else for you to try. On a new page,


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 7 Dec 2013, 4:34 pm, waltd wrote:

Forgot to mention: this only will work on an HTML5 page, so this trick is Freeway 6+ only.

Walter

On Dec 7, 2013, at 12:24 PM, Walter Lee Davis wrote:

Here’s something else for you to try. On a new page,

Hi Walt,

I’m using Freeway Pro 6.1.2.

Your latest formatting suggestion provides a more effective means to keep the button and search field box together, but creates other problems, as noted below. I feel like I’m aging prematurely trying to sort this out.

The suggested formatting is a bit more consistent between Safari and Firefox from a Search Field size and relative positioning of the button perspectives. However, in Firefox the Search Field box is a rectangle with square corners and in Safari and Chrome the box has rounded corners.

Here’s a link to a page with the Search elements as per your latest configuration: http://test.advancedbarefoot.com/searchform3.html This page has the Additional Javascript Library text added into Protaculous 2 Action, as well as the External Style Sheet and PHP Make Insert Actions applied. However, the Protaculous 2 Action on this page appears to create a conflict with the Protaculous 2 Action on the http://test.advancedbarefoot.com/searchtest.php page (the Search elements disappear from the page). Strangely, the on the http://test.advancedbarefoot.com/searchtest.php page (the Search elements disappear from the page). Strangely, the Protaculous 2 DOM Loaded Observer on the
searchtest page is calling for the http://test.advancedbarefoot.com/search_form.html page and not the searchform3 page.

If I remove the Protaculous 2 Action from the searchform3 page the Search elements reappear on the searchtest page.

I’ve created 2 additional pages with slightly different formatting applied to the search elements:

The original page: http://test.advancedbarefoot.com/search_form.html (here the search field element “Type” is set up as Text and the box shows square corners in both FireFox, Safari and Chrome) However, in Safari and Chrome there is a large space between the search field box and the button.

On another page: http://test.advancedbarefoot.com/searchform2.html (here the search field element “Type” is set up as Search and the box shows rounded corners in Safari and Chrome and square corners in Firefox. Again, in Safari and Chrome there is a large space between the search field box and the button.

I prefer the square corners on the Search Field box.

Am I to gather that there is no way that Freeway will be able to read the External Style Sheet “SearchBox” code while the PHP Make Insert Page is applied?

Thanks.

Best regards,

Roy


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options