XSitePro Website Design Software Message Board • View topic

View unanswered posts | View active topics

Board index » XSitePro » Technical Discussion

All times are UTC - 7 hours

Wrapping text around java script

Moderators: BenXSitePro, Paul, Matt, Mel, Jim Van Wyck, Jason

Page 1 of 2

[ 20 posts ]

Go to page 1, 2 Next

Print view

Previous topic | Next topic

Author

Message

Siborg

Post subject: Wrapping text around java script

Posted: Sun Jun 17, 2012 8:24 am

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

I have a slide show in Java Script form that I like to show on my website but I cant seem to make my text wrap around the slide show, there is white space that I want to fill with text to the right hand side of my slide show, the slide show is created with Cincopa, http://www.cincopa.com and is predominantly for Wordpress but is available in HTML code, the slideshow displays exacly how I want it too, i.e, it is a thumb nail size untill it is clicked on and then the slide show is popped out for better viewing, unlike the visual lightbox that is within XSP, when I use that my pictures are much too big for the webpage that they are on, i.e; they are not thumb nail size to begin with. I have tried support for this and as yet have not recieved a satisfactory answer from Cincopa, I am wondering if anyone here can help me to wrap text around java script?

Top

ablewebs

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 8:38 am

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3440
Location: Vancouver, BC, Canada

Add the script to a table and align the table using one of the justify text options in the text editor.

_________________
Andrea Wilson

1. Custom XSitePro Templates. XSitePro Consulting and Training. FREE TIPS!

2. Off-the-Shelf XSitePro Templates! Versatile designs. Easy to manage and maintain!

3. AllWebMenus Pro and XSitePro Work Perfectly Together! NEW!

Top

Siborg

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 8:51 am

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

Hi Andrea, I thought of that earlier and have tried it to no avail, the Java Script does not seem to work when placed in a table, thank you for your speedy reply
Simon

Top

ablewebs

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 8:57 am

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3440
Location: Vancouver, BC, Canada

There's no reason that the Javascript shouldn't work when placed in a table. Are you sure you are moving ALL the code into the table? If you can give me a few more details, perhaps I can help.

Top

Siborg

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 9:04 am

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

Hi Andrea, yes I moved all the script, I did not publish though only preview as the script does display properly on preview maybe I should try to publish after inserting the script in a table.

The slide show is on this website http://simon-b.org on the home page and the slide show is created here www.cincopa.com

Top

ablewebs

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 9:19 am

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3440
Location: Vancouver, BC, Canada

I just tried it and it works fine in the table, Simon. I just copied the JavaScript from your site and put it in a table. When I previewed it, the slideshow worked fine. Here's the code I used.

Code:

<table style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; WIDTH: 200px; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR:; margin-right: 10px; margin-bottom: 5px; margin-top: 20px;"
       border="0"
       cellspacing="0"
       cellpadding="0"
       align="left">
    <tbody>
        <tr>
            <td style="BORDER-BOTTOM-COLOR: ; BORDER-TOP-COLOR: ; BORDER-RIGHT-COLOR: ; BORDER-LEFT-COLOR:"
                valign="top"
                align="center">
                <div id="cincopa_widget_5f06eb7e-7063-4950-bd8b-8cc4626e70fb">
                    <img style=
                    "BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 50px; HEIGHT: 10px; BORDER-TOP: 0px; BORDER-RIGHT: 0px"
                         src="http://www.cincopa.com/media-platform/runtime/loading.gif"><a href=
                         "http://www.cincopa.com/media-platform/wordpress-plugin.aspx"><img style=
                         "BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 85px; HEIGHT: 30px; BORDER-TOP: 0px; BORDER-RIGHT: 0px"
                         title="WordPress plugin"
                         border="0"
                         alt="WordPress plugin"
                         src="http://www.cincopa.com/media-platform/runtime/cincopaicons.gif"></a>
                </div>

                <p><script src='http://www.cincopa.com/media-platform/runtime/libasync.js' type='text/javascript'></script><script type='text/javascript'>cp_load_widget('AUKAJx6oF5X1', 'cincopa_widget_5f06eb7e-7063-4950-bd8b-8cc4626e70fb');</script><noscript>Click <a href='http://www.cincopa.com/media-platform/view.aspx?fid=AUKAJx6oF5X1'>here</a> to open the gallery.<br>
Powered by Cincopa <a href='http://www.cincopa.com/media-platform'>Media Platform</a> for your website and Cincopa MediaSend for <a href='http://www.cincopa.com/mediasend/start.aspx'>file transfer</a>.
</noscript></p>
            </td>
        </tr>
    </tbody>
</table>

Top

Siborg

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 9:32 am

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

Hi Andrea
I have just done exactly that, I copied the code above, which is exactly the same code that I am using, and I pasted in to a table and all I see in the preview is the actual code and not the slide, show am I doing something wrong ? see the attached screen shot
Simon

Last edited by Siborg on Sun Jun 17, 2012 9:37 am, edited 1 time in total.

Top

ablewebs

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 9:37 am

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3440
Location: Vancouver, BC, Canada

Where are you adding the code, Simon? It has to go in the Source tab.

Note: The forum doesn't allow attachments. You'd have to upload the screenshot to your server and link to it.

And when you say "preview," are you actually using the Preview button or just observing it in the WYSIWYG viewer?

You can see it working here: http://www.xsiteprodesigns.com/testtool ... ut-us.html.

Top

Siborg

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 9:49 am

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

Hi Andrea
I added it to the table like you said earlier, where in the source code does it go exactly ? I am guessing that you mean the source tab in XSP the one next to the design tab ?
Simon

Top

Siborg

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 9:52 am

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

Yes I am using the preview button

Top

ablewebs

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 9:59 am

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3440
Location: Vancouver, BC, Canada

Yes, in the Source tab.

I have to go out now, Simon, so I can't help you until later today. In the meantime, can you upload a screenshot of the Source code you are adding (Source tab) and the results when you Preview it and post the links here. I'll check those out when I get home.

If we can't resolve it that way, I'll get you to Export your template and email it to me.

Top

Siborg

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 10:15 am

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

Thanks Andrea

I will try to do that

Simon

Top

ablewebs

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 2:00 pm

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3440
Location: Vancouver, BC, Canada

I'm back home again, Simon, so I can continue helping you with this issue now.

Top

Siborg

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 2:21 pm

Joined: Sun Jul 11, 2010 8:10 am
Posts: 21
Location: Slough UK

Thanks Andrea I have managed to do it now but it is still needs a bit of fine tuning i.e; there seems to be too much gap between paragraphs, I dont know how to close this, also I dont know how to upload screen shots for you to see

Simon

Top

ablewebs

Post subject: Re: Wrapping text around java script

Posted: Sun Jun 17, 2012 2:45 pm

Joined: Fri Feb 24, 2006 1:53 pm
Posts: 3440
Location: Vancouver, BC, Canada

If you're using my code, Simon, you can reduce/remove some of the margins I added in the style tag on the table. Check the Source tab and you'll see what I mean.

Upload the screen shots by importing the images into the Resource Manager and then publishing the site. The path would then be http://www.simon-b.org/images/image-name-1.jpg, http://www.simon-b.org/images/image-name-2.jpg. You could also use a third-party FTP program like FileZilla to upload the images.

Top

Page 1 of 2

[ 20 posts ]

Go to page 1, 2 Next

Board index » XSitePro » Technical Discussion

All times are UTC - 7 hours

Who is online

Users browsing this forum: Exabot [Bot], Google [Bot] and 0 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum