What the best way to do this?

[wbdesigner]

I want to click on a link and have a htm page with a short product description open in a frame, or whatever is best, on a page (that's easy) but then I want to click on another link and have another decription open in that same frame and so on. I need at least 4 product descriptions per page more would be better.

Any ideas as to the best way to do this in WE Pro7?

Patti

[davidrosso]

I would start with a standard business "template" and customize it to your liking. There are plenty of templates in the business section that have product pages.

[wbdesigner]

I tried your suggestion but the ecommerce site doesnt have any links at all.

I think what I want to do is a target command but I can't find any where in web easy that gives me a hint how to use it. they have a target command in the scripts but I can't figure out where I put my info about where I want the target to go. Any body ever use this or is there somewhere in WE that they explain how to use their script dialogue box?
Patti

[jefito]

If I'm understanding you correctly and what you want, it sounds like simple target links would do the trick.

If you want to jump directly to a spot on another page you can do this thru the links dialog. For example, if you want to jump to a specific target halfway down the page, (let's call it the target "news"), in the link dialog box choose "internet" then select the "web site" button.

Mark up the code like this:
http://www.mysite.com/mysite_022.htm#news

Now, if you want to jump to spots on the same page, you can do it with links. In the link dialog box, choose "internet", then select "script".
choose a name for your target. Then in the field, type:

a name="news"

So, if you want to jump to the section of the page where the "news" section is, you link this way. Now you need to add a link to your "from" destination.
All you have to do is open the link dialog box and choose "page" and type in "news". That's all there is to it.

I hope this helps.

[wbdesigner]

No that's not what I want to do. but that's a idea.

What I want to do is click on a button, item A, and have an item description appear in a 3x3 box then click on another button, item B and have that items description replace the information in the same 3x3 box.

Any ideas?
Patti

[supa]

Insert a simple box into your page.
press on it and go to the custom script->
input:
<iframe name="body1" src="choose_product.html" width="250" height="300" style="border:2px inset #000000" >
</iframe>


This will be the anchor of your description.
You can change the Name to something else.
pay attention to change the "src" to one of your pages.
you can put a page that says: Choose a product
or maybe your logo...

now go to one of the picture or word that you want to make as link
Right mouse button on it -> choose Link
Link type : custom script ->
input:
href="Product1.html" target="body1"

Thats it.



For different links just change the page you want to open in the Iframe
For example :
href="Product2.html" target="body1"
href="Product3.html" target="body1"



you can change parameters of the Iframe like :
hight, width, border thickness, type of border.

this border type in the above example set to "inset" you can choose from this list to change:

Types of borders codes

hidden
dotted
dashed
solid
groove
ridge
inset
outset
double

the last part of the Iframe code is color, use #0000FF for blue for example.

Supa

[supa]

I do have another option of a POP-UP box to show the details.
it can be closed without changing the whole page lookout .

Tell me if you would like me to upload it as well...

but i think that iframe is more suitable to your request.

Supa

[governor52]

I am also a newbie. Can this code also be modified so that clicking the button plays a flash slideshow in the box and can the box be made invisible until used.

Thanks to all the posters for your help

[supa]

you can just create a flash on a page, and then call that page to open in the Iframe.

from the example above...

if you use :
href="Product1.html" target="body1"
then try to put a flash on Product1.html
anything you will put there will be shown.


Supa

[governor52]

Thanks Supa. But how about making the frame invisible until called and then dissapearing again when the viewer exits. I am building a real estate site and have got the flash to appear as a new page but I would really like it to open a box on the same page when the viewer clicks on a thumbnail of a property.
Thanks

[supa]

1. input in head elements:
code inside the attached file : "HEAD-CODE"

2. insert a simple box -> press the custom script -> input :

<div
id="popup1"
align="center"
style="display: none;">
<iframe
src="../temp/YourPage.html"
margin="10"
border="1"
scrollbars="auto"
width="300"
height="300">
</iframe>
</div>

3. insert another simple box -> press the custom script -> input :

code inside the attached file : "Box-Code"

- Thats it, preview and press on link to open the popup box and close it.

you should change the src="../temp/YourPage.html" to your page source. if you leave the "temp" it will work on preview, but remeber to put the right information when you upload to the net.

you can also change the other terms.
in the Box-Code you can change the link's words and colors etc' just play with it a bit.

sorry for uploading files for this but the forum restrict us from writing specific code in here...


Supa

[wbdesigner]

Your directions were perfect. I was even able to have a slide show play in the box. I have been trying to make this work for a week and nothing I tried worked.

Thank you again
Patti

PS Web Easy should add this to their FAQ so it could be used again.

Oh I did have 1 question.. how do I have item1 description be in the box when you open the page? I'm using your first instructions with the flash on the page.

[supa]

I wrote also different guides in the past but no one here is really controlling the forum, it's a pity they can't put a sub forum for guides and FAQ.

To your question, if you use the first method then you must had input this:
<iframe name="body1" src="choose_product.html" width="250" height="300" style="border:2px inset #000000" >
</iframe>
into the frame box.
The src="choose_product.html" is the default page that will be seen when you open the page.
just change it to your item1-page.html
Thats it.

Supa